@charset "UTF-8";/*! modern-normalize v3.0.0 | MIT License | https://github.com/sindresorhus/modern-normalize */

/*
Document
========
*/

/**
Use a better box model (opinionated).
*/

*,
::before,
::after {
	box-sizing: border-box;
}

html {
	/* Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3) */
	font-family:
		system-ui,
		'Segoe UI',
		Roboto,
		Helvetica,
		Arial,
		sans-serif,
		'Apple Color Emoji',
		'Segoe UI Emoji';
	line-height: 1.15; /* 1. Correct the line height in all browsers. */
	-webkit-text-size-adjust: 100%; /* 2. Prevent adjustments of font size after orientation changes in iOS. */
	-moz-tab-size: 4;
	  -o-tab-size: 4;
	     tab-size: 4; /* 3. Use a more readable tab size (opinionated). */
}

/*
Sections
========
*/

body {
	margin: 0; /* Remove the margin in all browsers. */
}

/*
Text-level semantics
====================
*/

/**
Add the correct font weight in Chrome and Safari.
*/

b,
strong {
	font-weight: bolder;
}

/**
1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
2. Correct the odd 'em' font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
	font-family:
		ui-monospace,
		SFMono-Regular,
		Consolas,
		'Liberation Mono',
		Menlo,
		monospace; /* 1 */
	font-size: 1em; /* 2 */
}

/**
Add the correct font size in all browsers.
*/

small {
	font-size: 80%;
}

/**
Prevent 'sub' and 'sup' elements from affecting the line height in all browsers.
*/

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/*
Tabular data
============
*/

/**
Correct table border color inheritance in Chrome and Safari. (https://issues.chromium.org/issues/40615503, https://bugs.webkit.org/show_bug.cgi?id=195016)
*/

table {
	border-color: currentcolor;
}

/*
Forms
=====
*/

/**
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
*/

button,
input,
optgroup,
select,
textarea {
	font-family: inherit; /* 1 */
	font-size: 100%; /* 1 */
	line-height: 1.15; /* 1 */
	margin: 0; /* 2 */
}

/**
Correct the inability to style clickable types in iOS and Safari.
*/

button,
[type='button'],
[type='reset'],
[type='submit'] {
	-webkit-appearance: button;
}

/**
Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.
*/

legend {
	padding: 0;
}

/**
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
	vertical-align: baseline;
}

/**
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
	height: auto;
}

/**
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
	-webkit-appearance: textfield; /* 1 */
	outline-offset: -2px; /* 2 */
}

/**
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to 'inherit' in Safari.
*/

::-webkit-file-upload-button {
	-webkit-appearance: button; /* 1 */
	font: inherit; /* 2 */
}

/*
Interactive
===========
*/

/*
Add the correct display in Chrome and Safari.
*/

summary {
	display: list-item;
}

html {
  box-sizing: border-box;
}
a {
  color: inherit;
  text-decoration: none;
}
img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
}
svg {
  max-width: 100%;
  height: auto;
  max-height: 100%;
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
}
:root {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  font-synthesis: none;
}
/* stylelint-disable */
/*
Использование $black-primary, $accent-quaternary etc.
Если надо можно перезаписать в новую переменную 
*/
@font-face {
  font-family: "Firs-neue";
  font-weight: 900;
  font-style: normal;
  font-display: swap;
  /* stylelint-disable */
  src: url("/fonts/TTFirsNeue-Black.woff2"), url("/fonts/TTFirsNeue-Black.woff");
  /* stylelint-enable */
}
@font-face {
  font-family: "Firs-neue";
  font-weight: 800;
  font-style: normal;
  font-display: swap;
  /* stylelint-disable */
  src: url("/fonts/TTFirsNeue-ExtraBold.woff2"), url("/fonts/TTFirsNeue-ExtraBold.woff");
  /* stylelint-enable */
}
@font-face {
  font-family: "Firs-neue";
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  /* stylelint-disable */
  src: url("/fonts/TTFirsNeue-Bold.woff2"), url("/fonts/TTFirsNeue-Bold.woff");
  /* stylelint-enable */
}
@font-face {
  font-family: "Firs-neue";
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  /* stylelint-disable */
  src: url("/fonts/TTFirsNeue-DemiBold.woff2"), url("/fonts/TTFirsNeue-DemiBold.woff");
  /* stylelint-enable */
}
@font-face {
  font-family: "Firs-neue";
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  /* stylelint-disable */
  src: url("/fonts/TTFirsNeue-Medium.woff2"), url("/fonts/TTFirsNeue-Medium.woff");
  /* stylelint-enable */
}
@font-face {
  font-family: "Firs-neue";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  /* stylelint-disable */
  src: url("/fonts/TTFirsNeue-Regular.woff2"), url("/fonts/TTFirsNeue-Regular.woff");
  /* stylelint-enable */
}
@font-face {
  font-family: "Firs-neue";
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  /* stylelint-disable */
  src: url("/fonts/TTFirsNeue-Light.woff2"), url("/fonts/TTFirsNeue-Light.woff");
  /* stylelint-enable */
}
@font-face {
  font-family: "Firs-neue";
  font-weight: 200;
  font-style: normal;
  font-display: swap;
  /* stylelint-disable */
  src: url("/fonts/TTFirsNeue-ExtraLight.woff2"), url("/fonts/TTFirsNeue-ExtraLight.woff");
  /* stylelint-enable */
}
@font-face {
  font-family: "Firs-neue";
  font-weight: 100;
  font-style: normal;
  font-display: swap;
  /* stylelint-disable */
  src: url("/fonts/TTFirsNeue-Thin.woff2"), url("/fonts/TTFirsNeue-Thin.woff");
  /* stylelint-enable */
}
body,
.paragraph {
  font-family: "Firs-neue", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  color: #fff;
}
.heading,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: inherit;
  font-weight: inherit;
  color: inherit;
}
.h900 {
  font-size: 4.3125rem;
  font-weight: 300;
  line-height: 84px;
}
.h900_bold {
  font-weight: 500;
}
.h900_bold {
  font-size: clamp(38px, 38px + (69 - 38) * (100vw - 320px) / (1920 - 320), 69px);
  line-height: clamp(48px, 48px + (84 - 48) * (100vw - 320px) / (1920 - 320), 84px);
}
.h800 {
  font-weight: 300;
}
.h800 {
  font-size: clamp(38px, 38px + (62 - 38) * (100vw - 320px) / (1920 - 320), 62px);
  line-height: clamp(48px, 48px + (72 - 48) * (100vw - 320px) / (1920 - 320), 72px);
}
.h800_bold {
  font-size: 3.875rem;
  font-weight: 500;
  line-height: 72px;
}
.h700 {
  font-weight: 300;
}
.h700 {
  font-size: clamp(31px, 31px + (54 - 31) * (100vw - 320px) / (1920 - 320), 54px);
  line-height: clamp(40px, 40px + (64 - 40) * (100vw - 320px) / (1920 - 320), 64px);
}
.h700_bold {
  font-weight: 500;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
.h700_bold {
  font-size: clamp(31px, 31px + (54 - 31) * (100vw - 320px) / (1920 - 320), 54px);
  line-height: clamp(40px, 40px + (64 - 40) * (100vw - 320px) / (1920 - 320), 64px);
}
@media (max-width: 427px) {
  .h700_bold {
    font-size: 23px;
    line-height: 32px;
  }
}
.h600 {
  font-weight: 300;
}
.h600 {
  font-size: clamp(23px, 23px + (46 - 23) * (100vw - 320px) / (1920 - 320), 46px);
  line-height: clamp(32px, 32px + (60 - 32) * (100vw - 320px) / (1920 - 320), 60px);
}
.h600_bold {
  font-weight: 500;
}
.h600_bold {
  font-size: clamp(23px, 23px + (46 - 23) * (100vw - 320px) / (1920 - 320), 46px);
  line-height: clamp(32px, 32px + (60 - 32) * (100vw - 320px) / (1920 - 320), 60px);
}
.h500 {
  font-weight: 300;
}
.h500 {
  font-size: clamp(23px, 23px + (38 - 23) * (100vw - 320px) / (1920 - 320), 38px);
  line-height: clamp(32px, 32px + (48 - 32) * (100vw - 320px) / (1920 - 320), 48px);
}
.h500_bold {
  font-weight: 500;
}
.h500_bold {
  font-size: clamp(23px, 23px + (38 - 23) * (100vw - 320px) / (1920 - 320), 38px);
  line-height: clamp(32px, 32px + (48 - 32) * (100vw - 320px) / (1920 - 320), 48px);
}
.h400 {
  font-weight: 300;
}
.h400 {
  font-size: clamp(16px, 16px + (31 - 16) * (100vw - 320px) / (1920 - 320), 31px);
  line-height: clamp(20px, 20px + (48 - 20) * (100vw - 320px) / (1920 - 320), 48px);
}
.h400_bold {
  font-weight: 500;
}
.h400_bold {
  font-size: clamp(16px, 16px + (31 - 16) * (100vw - 320px) / (1920 - 320), 31px);
  line-height: clamp(20px, 20px + (40 - 20) * (100vw - 320px) / (1920 - 320), 40px);
}
.h400-par {
  font-size: 1.9375rem;
  font-weight: 300;
  line-height: 48px;
}
.h400-par_bold {
  font-size: 1.9375rem;
  font-weight: 500;
  line-height: 48px;
}
.h300 {
  font-weight: 300;
}
.h300 {
  font-size: clamp(16px, 16px + (23 - 16) * (100vw - 320px) / (1920 - 320), 23px);
  line-height: clamp(24px, 24px + (32 - 24) * (100vw - 320px) / (1920 - 320), 32px);
}
.h300_bold {
  font-weight: 500;
}
.h300_bold {
  font-size: clamp(23px, 23px + (23 - 23) * (100vw - 320px) / (1920 - 320), 23px);
  line-height: clamp(24px, 24px + (32 - 24) * (100vw - 320px) / (1920 - 320), 32px);
}
.h300-par {
  font-weight: 300;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
.h300-par {
  font-size: clamp(16px, 16px + (23 - 16) * (100vw - 320px) / (1920 - 320), 23px);
  line-height: clamp(24px, 24px + (36 - 24) * (100vw - 320px) / (1920 - 320), 36px);
}
.h300-par_bold {
  font-weight: 500;
}
.h300-par_bold {
  font-size: clamp(16px, 16px + (23 - 16) * (100vw - 320px) / (1920 - 320), 23px);
  line-height: clamp(24px, 24px + (36 - 24) * (100vw - 320px) / (1920 - 320), 36px);
}
@media (max-width: 767px) {
  .h300-par {
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
  }
}
@media (max-width: 427px) {
  .h300-par {
    font-size: 16px;
    line-height: 20px;
  }
}
.h200 {
  font-weight: 300;
}
.h200 {
  font-size: clamp(16px, 16px + (16 - 16) * (100vw - 320px) / (1920 - 320), 16px);
  line-height: clamp(16px, 16px + (20 - 16) * (100vw - 320px) / (1920 - 320), 20px);
}
.h200_bold {
  font-weight: 500;
}
.h200_bold {
  font-size: clamp(16px, 16px + (16 - 16) * (100vw - 320px) / (1920 - 320), 16px);
  line-height: clamp(20px, 20px + (20 - 20) * (100vw - 320px) / (1920 - 320), 20px);
}
.h200-par {
  font-weight: 300;
}
.h200-par {
  font-size: clamp(12px, 12px + (16 - 12) * (100vw - 320px) / (1920 - 320), 16px);
  line-height: clamp(16px, 16px + (24 - 16) * (100vw - 320px) / (1920 - 320), 24px);
}
.h200-par_bold {
  font-weight: 500;
}
.h200-par_bold {
  font-size: clamp(12px, 12px + (16 - 12) * (100vw - 320px) / (1920 - 320), 16px);
  line-height: clamp(16px, 16px + (24 - 16) * (100vw - 320px) / (1920 - 320), 24px);
}
.h100 {
  font-size: 0.75rem;
  font-weight: 300;
  line-height: 16px;
}
.h100_bold {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 16px;
}
.h100-par {
  font-size: 0.75rem;
  font-weight: 300;
  line-height: 20px;
}
.h100-par_bold {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 20px;
}
.h50 {
  font-size: 0.5625rem;
  font-weight: 300;
  line-height: 12px;
}
.h50_bold {
  font-size: 0.5625rem;
  font-weight: 500;
  line-height: 12px;
}
.h50-par {
  font-size: 0.5625rem;
  font-weight: 300;
  line-height: 16px;
}
.h50-par_bold {
  font-size: 0.5625rem;
  font-weight: 500;
  line-height: 16px;
}
.blockquote {
  width: -moz-fit-content;
  width: fit-content;
  margin: 40px 0;
  padding: 1.25rem;
}
.blockquote .quote-text {
  margin-bottom: 15px;
  padding-left: 20px;
  font-family: "Inria Serif", sans-serif;
  font-size: 18px;
  font-style: italic;
  line-height: 1.6;
}
.blockquote .quote-author {
  margin-top: 10px;
  font-weight: bold;
  text-align: right;
}
ul {
  margin: 0;
  padding: 0;
}
ul li {
  font-weight: 300;
}
ul li {
  font-size: clamp(16px, 16px + (23 - 16) * (100vw - 320px) / (1920 - 320), 23px);
  line-height: clamp(24px, 24px + (36 - 24) * (100vw - 320px) / (1920 - 320), 36px);
}
ul ul {
  margin-bottom: 0.9375rem;
  padding-left: 1.5rem;
  list-style-type: circle;
}
ol {
  margin-top: 1rem;
  padding-left: 1.5rem;
  list-style-type: decimal;
}
ol li {
  margin: 8px 0;
}
body {
  background-color: #17171a;
}
.container {
  display: grid;
  grid-column-gap: 32px;
  grid-template-columns: repeat(4, 1fr);
  width: 100%;
  max-width: 1888px;
  margin: 0 auto;
  padding: 0 16px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .container {
    grid-column-gap: 16px;
    grid-template-columns: repeat(2, 1fr);
    padding: 0 8px;
  }
}
section {
  padding: 100px 0;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
section.white {
  background-color: #ffffff;
}
section.hero {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  section {
    padding: 20px 0;
  }
}
@media (max-width: 427px) {
  section {
    padding: 48px 0;
  }
}
.text-animation span {
  display: inline-block;
  color: #a7a6a3;
  transition: color 0.3s ease;
}
.uikit {
  background-color: rgb(239, 239, 239);
}
.uikit .heading,
.uikit h1,
.uikit h2,
.uikit h3,
.uikit h4,
.uikit h5,
.uikit h6 {
  color: #000;
}
.uikit .buttons__container,
.uikit .checkbox__container {
  display: flex;
  justify-content: space-around;
}
.uikit .buttons__container h3,
.uikit .buttons__container h5,
.uikit .checkbox__container h3,
.uikit .checkbox__container h5 {
  margin-top: 20px;
  margin-bottom: 10px;
}
p.accent {
  color: #ff4614;
}
html::-webkit-scrollbar,
body::-webkit-scrollbar {
  display: none;
}
html,
body {
  /* Firefox */
  scrollbar-width: none;
  /* IE 10+ */
  -ms-overflow-style: none;
}
html {
  /* указываем автоматический overflow, чтобы скролл работал */
  overflow: auto;
}
/* body НЕ должен иметь overflow ≠ visible, иначе ломается position: sticky у дочерних элементов */
div#test_search_result.title-search-result.test_search_result {
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 12px;
  box-shadow: 0px 4px 44px 0px rgba(0, 0, 0, 0.25);
}
div#test_search_result.title-search-result.test_search_result .bx_smart_searche,
div#test_search_result.title-search-result.test_search_result .bx_smart_searche *,
div#test_search_result.title-search-result.test_search_result .bx-searchtitle,
div#test_search_result.title-search-result.test_search_result .bx-searchtitle * {
  font-family: "Firs-neue", sans-serif;
  font-weight: 500;
  color: #141414;
}
div#test_search_result.title-search-result.test_search_result .bx_smart_searche .bx_item_block_item_name b,
div#test_search_result.title-search-result.test_search_result .bx_smart_searche .bx_item_block_item_simple_name b,
div#test_search_result.title-search-result.test_search_result .bx_smart_searche .bx_item_block_href_category_name {
  color: #ff4614;
}
div#test_search_result.title-search-result.test_search_result .bx_smart_searche .bx_item_block_href_category_title {
  color: #a7a6a3;
}
div#test_search_result.title-search-result.test_search_result .bx_smart_searche .bx_item_block_hrline {
  display: none;
}
.button {
  cursor: pointer;
  position: relative;
  overflow: hidden;
  display: flex;
  gap: 8px;
  justify-content: center;
  width: -moz-fit-content;
  width: fit-content;
  padding: 16px 36px 16px 36px;
  color: #ffffff;
  border: none;
  border-radius: 200px;
  outline: none;
  transition: background-color 0.3s;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
.button::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
.button:active::before {
  opacity: 0;
}
.button.button__icon-close {
  padding: 16px;
  background: transparent;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .button.button__icon-close {
    padding: 16px 0;
  }
}
.button__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
}
.button__icon svg {
  width: 24px;
  height: 24px;
  fill: var(--text-secondary-default);
}
.button__wrapper {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: center;
}
.button_red {
  background: #ff4614;
  transition: background 0.3s ease-in-out;
}
.button_red:active {
  background: linear-gradient(0deg, rgba(20, 20, 20, 0.2) 0%, rgba(20, 20, 20, 0.2) 100%), #ff4614;
  transition: background-color 0.3s;
}
@media (hover: hover) {
  .button_red:hover {
    background: linear-gradient(0deg, rgba(20, 20, 20, 0.1) 0%, rgba(20, 20, 20, 0.1) 100%), #ff4614;
  }
}
.button_green {
  color: #141414;
  background-color: #cdde00;
  transition: background-color 0.3s ease;
}
@media (hover: hover) {
  .button_green:hover {
    background-color: #9eab00;
  }
}
.button_yellow {
  color: #141414;
  background-color: #ffd900;
  transition: background-color 0.3s ease;
}
@media (hover: hover) {
  .button_yellow:hover {
    background-color: #ccae00;
  }
}
.button_black {
  color: #ffffff;
  background: #17171a;
  border-radius: 200px;
  transition: background 0.2s ease-in-out;
}
.button_black.button_big {
  overflow: visible;
  width: 85%;
  border-radius: 0 80px 80px 0;
}
.button_black.button_big::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 15%;
  background-color: inherit;
  border-top-right-radius: 80px;
  border-bottom-right-radius: 80px;
  transition: transform 0.3s ease;
}
.button_black.button_big:hover {
  background: #17171a;
}
.button_black.button_big:hover::after {
  transform: translateX(75%);
}
.button_black:active {
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.2) 100%), #141414;
}
@media (hover: hover) {
  .button_black:hover {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%), #141414;
  }
}
.button_transparent {
  background: transparent;
}
.button_white {
  color: #000;
  background: #ffffff;
  border-radius: 2px;
}
.button_white .button__icon svg {
  fill: #000;
}
.button_white:active {
  background: linear-gradient(0deg, rgba(20, 20, 20, 0.1) 0%, rgba(20, 20, 20, 0.1) 100%), #ffffff;
}
@media (hover: hover) {
  .button_white:hover {
    background: linear-gradient(0deg, rgba(20, 20, 20, 0.06) 0%, rgba(20, 20, 20, 0.06) 100%), #ffffff;
  }
}
.button_small {
  height: -moz-fit-content;
  height: fit-content;
  padding: 12px 24px 12px 24px;
  font-size: 16px;
  line-height: 1;
}
.button_small.button__icon_right {
  padding: 8px 16px 8px 24px;
}
.button_small.button__icon_left {
  padding: 8px 24px 8px 16px;
}
.button_small svg {
  width: 20px;
  height: 20px;
}
@media (hover: hover) {
  .button.color-scheme_yellow:hover {
    background-color: #ccae00;
  }
}
.button_wide {
  width: 100%;
}
.button__home {
  cursor: pointer;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 68px;
  height: 68px;
  background-color: rgba(255, 255, 255, 0.3019607843);
  border: none;
  border-radius: 50%;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
.button__home-icon {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
.button__home-icon::before, .button__home-icon::after {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 0;
  opacity: 0;
  border-radius: 50%;
  transition: opacity 0.5s, background-color 0.5s;
}
.button__home-icon::after {
  transition: opacity 0.2s, background-color 0.2s;
}
.button__home-icon svg {
  z-index: 1;
  width: 26px;
  height: 28px;
  color: #ffffff;
  transition: color 0.3s;
}
@media (max-width: 1399px) {
  .button__home-icon {
    width: 36px;
    height: 36px;
  }
}
.button__home:active .button__home-icon::after {
  z-index: 0;
  opacity: 1;
  background-color: #ff4614;
}
@media (hover: hover) {
  .button__home:hover .button__home-icon::before {
    opacity: 0.5;
    background-color: #ffffff;
  }
}
@media (max-width: 1399px) {
  .button__home {
    width: 50px;
    height: 50px;
  }
}
.button {
  font-size: clamp(16px, 16px + (23 - 16) * (100vw - 320px) / (1920 - 320), 23px);
  line-height: clamp(18px, 18px + (25 - 18) * (100vw - 320px) / (1920 - 320), 25px);
}
.button {
  /* stylelint-disable */
  transition: border-color 0.3s ease-in-out;
  will-change: border-color;
  /* stylelint-enable */
}
@media (max-width: 767px) {
  .button {
    padding: 12px 14px;
  }
}
@media (hover: hover) {
  .button:hover::before {
    opacity: 1;
  }
}
.button__scroll-to-top {
  cursor: pointer;
  position: fixed;
  z-index: 109;
  right: 24px;
  bottom: 40px;
  transform: rotate(45deg);
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 45px;
  height: 45px;
  visibility: hidden;
  opacity: 0;
  background: #ff4614;
  border-radius: 4px;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .button__scroll-to-top {
    right: 20px;
    width: 30px;
    height: 30px;
  }
}
.button__scroll-to-top svg {
  transform: rotate(-45deg);
  width: 28px;
  height: 28px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .button__scroll-to-top svg {
    width: 20px;
    height: 20px;
  }
}
.button__scroll-to-top.show {
  visibility: visible;
  opacity: 1;
}
.dark .button__home {
  opacity: 1;
  background-color: #17171a;
}
.dark .button__home-icon svg {
  color: #a7a6a3;
}
@media (hover: hover) {
  .dark .button__home:hover .button__home-icon::before {
    opacity: 1;
    background-color: #ff4614;
  }
  .dark .button__home:hover .button__home-icon svg {
    color: #ffffff;
  }
}
.dark .button_big {
  color: #141414;
  background: #ffffff;
}
.dark .button_big:hover {
  background: #ffffff;
}
.dark .button_big:hover::after {
  background: #ffffff;
}
.button__down {
  cursor: pointer;
  transform: rotate(225deg);
  display: flex;
  grid-column: span 4;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  justify-self: center;
  width: 45px;
  height: 45px;
  background: #ff4614;
  border-radius: 4px;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .button__down {
    grid-column: span 2;
  }
}
@media (max-width: 767px) {
  .button__down {
    width: 30px;
    height: 30px;
  }
}
.button__down svg {
  transform: rotate(-45deg);
  width: 28px;
  height: 28px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .button__down svg {
    width: 20px;
    height: 20px;
  }
}
.button.button_translucent {
  position: relative;
  display: inline-flex;
  align-items: center;
  min-width: 190px;
  height: 44px;
  padding-left: 45px;
  color: #fff;
  white-space: nowrap;
  background: rgba(126, 128, 137, 0.2);
  border-radius: 200px;
}
.button.button_translucent::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 16px;
  transform: translateY(-50%);
  display: block;
  width: 24px;
  height: 24px;
  opacity: 1;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 3.75C12.4142 3.75 12.75 4.08579 12.75 4.5V11.25L19.5 11.25C19.9142 11.25 20.25 11.5858 20.25 12C20.25 12.4142 19.9142 12.75 19.5 12.75H12.75V19.5C12.75 19.9142 12.4142 20.25 12 20.25C11.5858 20.25 11.25 19.9142 11.25 19.5V12.75H4.5C4.08579 12.75 3.75 12.4142 3.75 12C3.75 11.5858 4.08579 11.25 4.5 11.25L11.25 11.25V4.5C11.25 4.08579 11.5858 3.75 12 3.75Z' fill='white'/%3E%3C/svg%3E") no-repeat center;
  background-size: cover;
}
.form-control {
  position: relative;
}
.form-control__label {
  cursor: pointer;
  display: flex;
  -moz-column-gap: 8px;
       column-gap: 8px;
  align-items: center;
}
.form-control textarea {
  resize: none;
  position: relative;
  display: block;
  width: 100%;
  max-width: 698px;
  padding: 36px 16px 16px;
  font-size: 23px;
  background-color: transparent;
  border: 1px solid #17171a;
  border-radius: 4px;
  outline: none;
  transition: border-color 0.3s ease;
}
.form-control textarea::-webkit-scrollbar {
  width: 4px;
  height: 6px;
  background-color: rgba(23, 23, 26, 0);
  box-shadow: inset 1px 1px 5px rgba(23, 23, 26, 0);
}
.form-control textarea::-webkit-scrollbar-thumb {
  background-color: rgba(105, 107, 112, 0.62);
  border-radius: 10px;
  box-shadow: inset 0px 1px 6px rgba(97, 102, 112, 0.5215686275);
}
.form-control textarea:hover,
.form-control textarea:focus, .form-control__input:not([type=checkbox]):not(textarea):focus {
  color: #a7a6a3;
  border-color: #a7a6a3;
}
.form-control textarea + label {
  position: absolute;
  top: 16px;
  left: 16px;
  font-size: 23px;
  font-weight: 300;
  color: #141414;
  transition: 0.2s ease all;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .form-control textarea + label {
    font-size: 16px;
  }
}
.form-control textarea:focus + label,
.form-control textarea:valid + label {
  font-size: 16px;
  font-weight: 500;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .form-control textarea:focus + label,
  .form-control textarea:valid + label {
    font-size: 12px;
  }
}
.form-control__files {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.form-control__file {
  display: flex;
  gap: 16px;
  align-items: center;
  padding: 8px;
  color: #141414;
}
.form-control__file svg {
  cursor: pointer;
  width: 10px;
  height: 10px;
}
.form-control__input:not([type=checkbox]):not(textarea) {
  display: block;
  width: 100%;
  max-width: 698px;
  padding: 16px 0px 16px 0px;
  font-size: 23px;
  background: transparent;
  border: none;
  border-bottom: 1px solid #141414;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
.form-control__input:not([type=checkbox]):not(textarea):focus {
  outline: none;
}
.form-control__input:not([type=checkbox]):not(textarea):not(:-moz-placeholder-shown) + label {
  top: -8px;
  font-size: 12px;
  font-weight: 500;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
.form-control__input:not([type=checkbox]):not(textarea):focus + label, .form-control__input:not([type=checkbox]):not(textarea):focus-visible + label, .form-control__input:not([type=checkbox]):not(textarea):not(:placeholder-shown) + label {
  top: -8px;
  font-size: 12px;
  font-weight: 500;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .form-control__input:not([type=checkbox]):not(textarea):not(:-moz-placeholder-shown) + label {
    font-size: 12px;
  }
  .form-control__input:not([type=checkbox]):not(textarea):focus + label, .form-control__input:not([type=checkbox]):not(textarea):focus-visible + label, .form-control__input:not([type=checkbox]):not(textarea):not(:placeholder-shown) + label {
    font-size: 12px;
  }
}
.form-control__input:not([type=checkbox]):not(textarea) + label {
  pointer-events: none;
  position: absolute;
  top: 10px;
  left: 0px;
  font-size: 23px;
  font-weight: 300;
  line-height: 125%;
  color: #141414;
  transition: 0.2s ease all;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .form-control__input:not([type=checkbox]):not(textarea) + label {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .form-control__input:not([type=checkbox]):not(textarea) {
    padding: 12px 0 16px 0;
  }
}
.form-control__input[type=checkbox] {
  display: none;
}
.form-control__input[type=checkbox] + label {
  cursor: pointer;
  display: flex;
  gap: 8px;
  align-items: center;
}
.form-control__input::-moz-placeholder {
  opacity: 0;
}
.form-control__input::placeholder {
  opacity: 0;
}
.form-control__indicator {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background: #ffffff;
  border: 2px solid #a6a8b6;
  border-radius: 6px;
  transition: all 0.3s ease;
}
.form-control__checkmark {
  width: 16px;
  height: 12px;
  stroke: transparent;
  stroke-width: 2;
  transition: stroke 0.3s ease;
}
.form-control.form-control_bg-dark:hover .form-control__indicator .form-control__checkmark {
  stroke: #a6a8b6;
}
.form-control:hover .form-control__indicator .form-control__checkmark {
  stroke: #a6a8b6;
}
.form-control .form-control__text {
  color: #141414;
}
.form-control.form-control_bg-dark .form-control__text {
  color: #ffffff;
}
.form-control__input:checked + .form-control__indicator {
  background: #ff4614;
  border-color: #ff4614;
}
.form-control__input:checked + .form-control__indicator .form-control__checkmark {
  stroke: #ffffff;
}
.form-control.form-control_bg-dark .form-control__indicator {
  border: none;
}
.form-control.form-control_bg-dark .form-control__input:checked + .form-control__indicator {
  background: #ff4614;
}
.form-control.form-control_bg-dark .form-control__input:checked + .form-control__indicator .form-control__checkmark {
  stroke: #ffffff;
}
.form-control__error {
  display: none;
  padding-top: 4px;
  font-size: 16px;
  font-weight: 300;
}
.form-control_white textarea:hover,
.form-control_white textarea,
.form-control_white textarea:focus,
.form-control_white .form-control__input:not([type=checkbox]):not(textarea):focus,
.form-control_white textarea + label,
.form-control_white .form-control__input:not([type=checkbox]):not(textarea),
.form-control_white .form-control__input:not([type=checkbox]):not(textarea) + label {
  color: #ffffff;
  border-color: #ffffff;
}
.form-control_small textarea {
  font-size: 16px;
}
.form-control_small .form-control__input:not([type=checkbox]):not(textarea) {
  padding: 12px 0 16px 0;
}
.form-control_small textarea + label,
.form-control_small .form-control__input:not([type=checkbox]):not(textarea),
.form-control_small .form-control__input:not([type=checkbox]):not(textarea) + label {
  font-size: 16px;
}
.form-control_small .form-control__input:not([type=checkbox]):not(:-moz-placeholder-shown) + label {
  font-size: 12px;
}
.form-control_small textarea:focus + label,
.form-control_small textarea:valid + label,
.form-control_small .form-control__input:not([type=checkbox]):not(textarea):focus + label,
.form-control_small .form-control__input:not([type=checkbox]):not(textarea):valid + label,
.form-control_small .form-control__input:not([type=checkbox]):not(:placeholder-shown) + label {
  font-size: 12px;
}
.checkbox_small .form-control__indicator {
  width: 22px;
  height: 22px;
}
.checkbox_small .form-control__checkmark {
  width: 10px;
  height: 10px;
}
.input__container {
  margin-bottom: 80px;
}
.input__container h2 {
  margin-bottom: 50px;
}
.input__container .inputs {
  display: flex;
  flex-direction: column;
  row-gap: 40px;
}
.error {
  color: #ff4614;
}
.error .form-control__input:not([type=checkbox]):not(textarea),
.error textarea:hover,
.error textarea:focus,
.error textarea,
.error input.form-control__input + label {
  color: #ff4614;
  border-color: #ff4614;
}
.error .form-control__error {
  position: absolute;
  display: block;
}
.search-container {
  height: 115px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .search-container {
    height: auto;
    margin-bottom: 0;
  }
}
.search-container .search-box {
  display: none;
  -moz-column-gap: 20px;
       column-gap: 20px;
}
.search-container .search-box .search-input {
  width: 100%;
  margin-top: 16px;
}
.search-container .search-box .search-input::-moz-placeholder {
  font-size: 23px;
}
.search-container .search-box .search-input::placeholder {
  font-size: 23px;
}
.search-container .search-box .search-input:focus::-moz-placeholder {
  color: transparent;
}
.search-container .search-box .search-input:focus::placeholder {
  color: transparent;
}
.search-container .search-box .search-input .form-control__input {
  max-width: 100%;
  border-bottom: 1px solid #a7a6a3;
}
@media (hover: hover) {
  .search-container .search-box .search-input .form-control__input:hover {
    border-bottom: 1px solid #141414;
  }
}
.search-button.active {
  color: #fff;
  background: #ff4614;
}
.search-button.active .button__icon svg {
  fill: #fff;
}
/* stylelint-disable scss/no-global-function-names */
@media (max-width: 767px) {
  .search-input .form-control__input::-moz-placeholder {
    font-size: 16px;
  }
  .search-input .form-control__input::placeholder {
    font-size: 16px;
  }
}
/* stylelint-enable scss/no-global-function-names */
.tabs {
  position: relative;
  overflow-x: auto;
  display: flex;
  gap: 8px;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  border-radius: 80px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 427px) {
  .tabs {
    overflow-x: auto;
    grid-column: span 2;
    width: 100%;
    margin-bottom: 48px;
  }
}
.tabs:has(.hide_in_urban) {
  display: none;
}
.tabs_blur {
  -webkit-backdrop-filter: blur(7px);
          backdrop-filter: blur(7px);
}
.tabs_vertical {
  justify-self: end;
  padding: 8px 10px;
  background: rgba(255, 255, 255, 0.1019607843);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  border-radius: 32px;
}
.tabs_vertical .tabs__list {
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
}
.tabs_vertical .tabs__item {
  width: 100%;
  white-space: nowrap;
}
.tabs__dropdown {
  display: none;
}
.tabs_white .tabs__list {
  background: rgba(255, 255, 255, 0.3019607843);
}
.tabs_black {
  background: rgba(255, 255, 255, 0.3);
}
.tabs.color-scheme_yellow {
  background: transparent;
  transition: background-color 0.3s ease;
}
.tabs.color-scheme_yellow .tabs__item {
  color: #a7a6a3;
  background-color: transparent;
}
@media (hover: hover) {
  .tabs.color-scheme_yellow .tabs__item:hover {
    color: #141414;
    background-color: #ffd900;
  }
}
.tabs.color-scheme_yellow .tabs__item.active {
  color: #141414;
  background-color: #ffd900;
}
.tabs.color-scheme_green {
  background: transparent;
  transition: background-color 0.3s ease;
}
.tabs.color-scheme_green .tabs__item {
  color: #fff;
  background-color: transparent;
}
@media (hover: hover) {
  .tabs.color-scheme_green .tabs__item:hover {
    color: #141414;
    background-color: #cdde00;
  }
}
.tabs.color-scheme_green .tabs__item.active {
  color: #141414;
  background-color: #cdde00;
}
.tabs ul:not(.tabs-submenu__list) {
  display: flex;
  -moz-column-gap: 8px;
       column-gap: 8px;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.tabs ul:not(.tabs-submenu__list) > li {
  cursor: pointer;
  padding: 14px 24px;
  text-align: center;
  background: transparent;
  border-bottom: none;
  border-radius: 80px;
  transition: color 0.15s, background-color 0.15s;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (hover: hover) {
  .tabs ul:not(.tabs-submenu__list) > li:hover {
    color: #ffffff;
    background: linear-gradient(0deg, rgba(20, 20, 20, 0.1) 0%, rgba(20, 20, 20, 0.1) 100%), #ff4614;
  }
}
@media (max-width: 1399px) {
  .tabs ul:not(.tabs-submenu__list) > li {
    padding: 8px 16px;
  }
}
@media (max-width: 427px) {
  .tabs ul:not(.tabs-submenu__list) > li {
    padding: 10px 16px;
  }
}
@media (max-width: 427px) {
  .tabs ul:not(.tabs-submenu__list) > li {
    white-space: nowrap;
  }
}
.tabs ul:not(.tabs-submenu__list) > li.active {
  color: #ffffff;
  background: linear-gradient(0deg, rgba(20, 20, 20, 0.1) 0%, rgba(20, 20, 20, 0.1) 100%), #ff4614;
}
.tabs ul:not(.tabs-submenu__list) > li.active > .tabs-submenu {
  display: flex;
}
.tabs ul:not(.tabs-submenu__list) > li.active > .tabs-submenu > ul {
  display: flex;
  flex-direction: column;
}
.tabs ul:not(.tabs-submenu__list) > li.active > .tabs-submenu > ul li > .tabs-submenu__list {
  flex-direction: column;
}
@media (hover: hover) {
  .tabs ul:not(.tabs-submenu__list) > li.active > .tabs-submenu > ul li:hover svg {
    transform: translateX(4px);
  }
}
.tabs__link {
  white-space: nowrap;
}
.tabs-submenu {
  position: absolute;
  z-index: 1000;
  top: calc(100% + 8px);
  left: 0;
  display: none;
  gap: 48px;
  align-items: flex-start;
  width: auto;
  padding: 24px 36px;
  background: radial-gradient(circle at 0% 50%, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.06) 100%);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  border-radius: 40px;
  transition: width 0.3s ease;
}
.tabs-submenu > .tabs-submenu__list {
  flex-shrink: 0;
}
.tabs-submenu .tabs-submenu-submenu {
  flex-shrink: 0;
}
.tabs-submenu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.tabs-submenu ul li {
  display: flex;
  align-items: center;
  border-bottom: none;
}
.tabs-submenu__list {
  display: none;
}
.tabs-submenu__item {
  padding: 8px 0;
  text-align: start;
  transition: text-shadow 0.2s;
}
.tabs-submenu__item:not(:last-child) {
  margin-bottom: 4px;
}
@media (hover: hover) {
  .tabs-submenu__item:hover {
    text-shadow: 0px 0px 2px rgb(255, 255, 255);
  }
}
.tabs-submenu__item.active {
  text-shadow: 0px 0px 2px rgb(255, 255, 255);
}
.tabs-submenu__item svg {
  flex-shrink: 0;
  width: 6px;
  height: 10px;
  margin-left: 8px;
  transition: transform 0.3s;
}
.tabs.tabs_small .tabs__item {
  padding-top: 9px;
  line-height: 100%;
  text-align: left;
}
.tabs.tabs_small .tabs__item p:first-child {
  font-size: 16px;
  line-height: 24px;
}
@media (max-width: 427px) {
  .tabs {
    overflow-x: auto;
    background: none;
    -webkit-overflow-scrolling: touch;
  }
  .tabs::-webkit-scrollbar {
    display: none;
  }
  .tabs ul:not(.tabs-submenu__list) {
    display: inline-flex;
    flex-wrap: nowrap;
    width: auto;
    min-width: -moz-max-content;
    min-width: max-content;
    border-radius: 80px;
  }
  .tabs li {
    flex-shrink: 0;
    white-space: nowrap;
  }
  .tabs .tabs__list {
    background: rgba(255, 255, 255, 0.06);
  }
}
.header .tabs {
  overflow-x: unset;
}
.header .tabs.tabs_black {
  background: transparent;
}
.header .tabs.tabs_blur {
  -webkit-backdrop-filter: none;
          backdrop-filter: none;
}
.header .tabs > .tabs__list {
  position: relative;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 80px;
}
.header .tabs > .tabs__list::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  border-radius: inherit;
}
.header .tabs .tabs-submenu {
  background: rgba(255, 255, 255, 0.3);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
}
.dropdown {
  position: relative;
  display: inline-block;
  height: -moz-fit-content;
  height: fit-content;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
.dropdown__toggle {
  cursor: pointer;
  display: inline-flex;
  gap: 2px;
  align-items: center;
  background-color: transparent;
  border: none;
}
.dropdown__text {
  color: #ffffff;
}
.dropdown__text {
  font-size: clamp(16px, 16px + (23 - 16) * (100vw - 320px) / (1920 - 320), 23px);
  line-height: clamp(20px, 20px + (32 - 20) * (100vw - 320px) / (1920 - 320), 32px);
}
.dropdown .dropdown__toggle:hover .dropdown__icon {
  transform: translateX(2px);
}
.dropdown__icon {
  display: block;
  width: 20px;
  height: 20px;
  transition: transform 0.3s ease;
}
.dropdown__icon svg {
  color: #ffffff;
}
.dropdown_black .dropdown__text {
  color: #141414;
}
.dropdown_black .dropdown__icon svg {
  color: #141414;
}
.dropdown_orange .dropdown__text {
  color: #ff4614;
}
.dropdown_orange .dropdown__icon svg {
  color: #ff4614;
}
.dropdown_small .dropdown__text {
  font-size: 16px;
  line-height: 20px;
}
.dropdown_right .dropdown__icon svg {
  transform: rotate(-90deg);
}
.dropdown__menu {
  display: none;
}
.dropdown__toggle-lang-toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 12px;
}
.dropdown__toggle-lang-menu {
  position: absolute;
  top: 100%;
  left: 10px;
  display: none;
  width: 100px;
  opacity: 0;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  transition: opacity 0.2s ease;
}
.dropdown.open .dropdown__toggle-lang-menu {
  display: block;
  opacity: 1;
}
.dropdown__toggle-lang-menu .dropdown__option {
  cursor: pointer;
  padding: 8px 12px;
  color: #141414;
}
.dropdown__toggle-lang-menu .dropdown__option:hover {
  background-color: #eee;
}
.dropdown__toggle-lang-toggle .dropdown__icon {
  display: flex;
  align-items: center;
  margin-left: 8px;
  transition: transform 0.25s ease;
}
.dropdown.open .dropdown__toggle-lang-toggle .dropdown__icon {
  transform: rotate(180deg);
}
@media (max-width: 767px) {
  .dropdown .dropdown__text {
    font-size: 16px;
    line-height: 20px;
  }
}
@media (max-width: 767px) {
  .dropdown.dropdown_lang, .dropdown:has([data-call-modal=city]) {
    display: none;
  }
}
@media (min-width: 768px) {
  .dropdown.dropdown_lang, .dropdown:has([data-call-modal=city]) {
    display: flex;
  }
}
.tag {
  width: -moz-fit-content;
  width: fit-content;
  padding: 4px 12px;
  border-radius: 80px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
.tag.tag_black {
  background: #17171a;
}
.tag.tag_transparent {
  background: transparent;
  border: 1px solid #fff;
}
.tag.tag_white {
  background: #ffffff;
}
.tag.tag_grey {
  color: #fff;
  opacity: 0.6;
  background: transparent;
  border: 1px solid #fff;
}
.tag_small {
  padding: 4px 12px;
  font-weight: 300;
}
.tag_medium {
  padding: 4px 12px;
}
.tag_large {
  padding: 8px 24px;
  font-size: 16px;
  line-height: 139%;
}
.tag_big {
  padding: 8px 24px;
  font-size: 23px;
  line-height: 139%;
}
@media (max-width: 767px) {
  .tag {
    padding: 4px 12px;
    font-size: 12px;
  }
}
.tag.tag_translucent {
  height: 24px;
  font-size: 13px;
  line-height: 133%;
  background: rgba(255, 255, 255, 0.2);
}
.selector {
  display: flex;
  flex-direction: column;
}
.selector__label {
  color: #141414;
}
.selector__inner {
  position: relative;
}
.selector__inner select {
  width: 100%;
  padding: 8px 28px 4px 0;
  color: rgba(20, 20, 20, 0.5);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  border-bottom: 1px solid rgba(20, 20, 20, 0.5);
}
.selector__inner select:focus-visible {
  outline: none;
}
.selector__arrow {
  pointer-events: none;
  position: absolute;
  top: 0;
  right: 0;
  width: 24px;
  height: 100%;
  transition: transform ease-in-out 0.2s;
}
.selector__arrow svg {
  color: #17171a;
}
.selector__arrow svg use {
  width: 24px;
  height: 24px;
}
.modal-write-to-us_red,
.modal-write-to-us .selector {
  width: 90%;
}
.modal-write-to-us_red .selector label,
.modal-write-to-us_red .selector select {
  color: #fff;
}
.modal-write-to-us_red .selector select {
  background-color: #ff4614;
  border-color: #fff;
}
.modal-write-to-us_red .selector .selector__arrow svg {
  color: #fff;
}
.control-number {
  position: relative;
  display: flex;
  flex-direction: column;
  row-gap: 4px;
  width: 100%;
  padding-bottom: 48px;
}
.control-number__wrapper {
  position: relative;
  order: 10;
}
.control-number__wrapper input {
  cursor: pointer;
  width: 100%;
  padding: 8px 28px 4px 0;
  color: rgba(20, 20, 20, 0.5);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  border-bottom: 1px solid rgba(20, 20, 20, 0.5);
}
.control-number__wrapper input:focus-visible {
  outline: none;
}
.control-number__wrapper button {
  cursor: pointer;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: -moz-fit-content;
  width: fit-content;
  height: 24px;
  background-color: transparent;
  border: none;
}
.control-number__wrapper button svg {
  width: 24px;
  height: 24px;
}
.control-number__wrapper .control-number__minus {
  right: 22px;
}
.control-number__wrapper .control-number__plus {
  right: -8px;
}
.control-number label {
  order: 5;
}
.radio label {
  position: relative;
  display: block;
  padding-top: 6px;
  padding-left: 49px;
}
.radio label span {
  color: #141414;
}
.radio label::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 34px;
  height: 34px;
  background-color: #fff;
  border: 2px solid #ff4614;
  border-radius: 32px;
}
.radio label::after {
  content: "";
  position: absolute;
  z-index: 1;
  top: 8px;
  left: 8px;
  display: block;
  width: 18px;
  height: 18px;
  opacity: 0;
  background-color: #ff4614;
  border-radius: 100px;
}
.radio label span, .radio label::before, .radio label::after {
  cursor: pointer;
}
.radio input[type=radio] {
  display: none;
}
.radio input[type=radio]:checked + label::after {
  opacity: 1;
}
.info-block {
  position: relative;
  width: 100%;
  max-width: 438px;
  padding: 36px 16px 0 16px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
.info-block::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  border-top: 1px solid #64666f;
  border-left: 1px solid #64666f;
}
@media (max-width: 767px) {
  .info-block {
    padding: 16px;
  }
}
.dot__item {
  display: flex;
  -moz-column-gap: 54px;
       column-gap: 54px;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 429px;
}
.dot__item .dot__icon {
  position: relative;
  display: inline-block;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  background-color: rgba(255, 255, 255, 0.3);
  border-radius: 50%;
}
.dot__item .dot__icon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 16px;
  height: 16px;
  background-color: #ff4614;
  border-radius: 50%;
}
.dot__item .dot__text {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}
.dot__item.dot-2 {
  position: absolute;
  top: 30%;
  right: -360px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 1299px) {
  .dot__item.dot-2 {
    right: 5%;
  }
}
.dot__item.dot-1 {
  position: absolute;
  top: 40%;
  left: -29%;
  flex-direction: row-reverse;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 1299px) {
  .dot__item.dot-1 {
    left: 5%;
  }
}
.dot__item.dot-1 .dot__text p {
  width: 100%;
  max-width: 230px;
  text-align: right;
}
.dot__item.dot-3 {
  position: absolute;
  z-index: 10;
  right: -25%;
  bottom: 21%;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 1299px) {
  .dot__item.dot-3 {
    right: 5%;
  }
}
.dot__item.dot-3 .dot__text p {
  width: 100%;
  max-width: 230px;
}
.toggle {
  position: relative;
  display: inline-block;
  align-self: center;
  width: -moz-fit-content;
  width: fit-content;
}
.toggle__wrapper {
  display: flex;
  flex-direction: column;
}
.toggle__input {
  display: none;
}
.toggle__label {
  cursor: pointer;
  position: relative;
  display: block;
  width: 88px;
  height: 44px;
  background-color: rgba(126, 128, 137, 0.2);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  border-radius: 99px;
  transition: background-color 0.3s ease;
}
.toggle__label::after {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 44px;
  height: 44px;
  background-color: #ff4614;
  border-radius: 50%;
  transition: left 0.3s ease;
}
.toggle__icon {
  pointer-events: none;
  position: absolute;
  z-index: 2;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  transition: fill 0.3s ease;
}
.toggle__icon--locked {
  left: 10px;
}
.toggle__icon--unlocked {
  right: 10px;
}
.toggle__input:checked + .toggle__label {
  background-color: rgba(255, 70, 20, 0.3);
}
.toggle__input:checked + .toggle__label::after {
  left: 44px;
}
.toggle__input:checked + .toggle__label .toggle__icon--locked svg path {
  fill: rgba(255, 255, 255, 0.1);
}
.dark-mode .toggle__label {
  background-color: var(--toggle-dark);
}
.pulse {
  background: linear-gradient(90deg, rgba(240, 240, 240, 0.1215686275) 25%, rgba(224, 224, 224, 0.1490196078) 50%, rgba(240, 240, 240, 0.0784313725) 75%);
  background-size: 400% 100%;
  animation: pulse 3s infinite;
}
@keyframes pulse {
  0% {
    background-position: 0% 0%;
  }
  50% {
    background-position: 100% 0%;
  }
  100% {
    background-position: 0% 0%;
  }
}
.objects-sceleton {
  grid-column: span 2;
}
.objects-sceleton__title {
  width: 100%;
  height: 110px;
  margin-bottom: 16px;
  border-radius: 12px;
}
.objects-sceleton__image {
  height: 35dvw;
  max-height: 600px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 12px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .objects-sceleton__image {
    height: 60dvw;
  }
}
@media (max-width: 767px) {
  .objects-sceleton__image {
    height: 100dvw;
  }
}
.objects-sceleton__text {
  width: 100%;
  height: 41px;
  margin-top: 4px;
  border-radius: 12px;
}
.article-skeleton__image {
  overflow: hidden;
  max-width: 928px;
  height: 31dvw;
  max-height: 600px;
  margin-bottom: 16px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 4px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .article-skeleton__image {
    height: 40dvw;
    max-height: 400px;
  }
}
.article-skeleton__date {
  width: 200px;
  height: 25px;
  margin-bottom: 8px;
}
.article-skeleton__title {
  width: 100%;
  height: 50px;
  padding-top: 16px;
  border-top: 1px solid #a6a8b6;
}
.industries__slide.skeleton {
  pointer-events: none;
}
.industries__slide.skeleton .industries-slide__wrapper {
  display: flex;
  flex-direction: column;
  gap: 16px;
  justify-content: space-between;
  box-sizing: border-box;
  height: 100%;
  padding: 24px;
}
.industries__slide.skeleton .skeleton-box {
  background-color: #e0e0e0;
  border-radius: 6px;
  animation: skeleton-loading 1.5s infinite ease-in-out;
}
.industries__slide.skeleton .industries-slider__img {
  width: 100%;
  height: 260px;
  border-radius: 12px;
}
.industries__slide.skeleton .industries-slider__tags,
.industries__slide.skeleton .industries-slider__description,
.industries__slide.skeleton .industries-slider__title {
  width: 100%;
  height: 16px;
}
.industries__slide.skeleton .industries-slider__tags {
  width: 60%;
  height: 14px;
  margin-top: 8px;
}
.industries__slide.skeleton .industries-slider__description {
  width: 90%;
  height: 12px;
}
.industries__slide.skeleton .industries-slider__title {
  width: 70%;
  height: 16px;
  margin-top: 8px;
}
.industries__slide.skeleton .skeleton-line.short {
  width: 40%;
}
.industries__slide.skeleton .skeleton-line.medium {
  width: 60%;
}
.industries__slide.skeleton .skeleton-line.long {
  width: 90%;
}
.industries_wide .industries__slide.skeleton .industries-slide__wrapper {
  width: 30%;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 1399px) {
  .industries_wide .industries__slide.skeleton .industries-slide__wrapper {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .industries_wide .industries__slide.skeleton .industries-slide__wrapper {
    width: unset;
  }
}
.industries_wide .industries__slide.skeleton .industries-slider__img {
  height: 220px;
}
.industries__skeleton-wrapper {
  display: none;
  gap: 24px;
}
.industries__skeleton-wrapper .industries__slide.skeleton {
  opacity: 1;
}
.industries_loading .industries__skeleton-wrapper {
  display: flex;
  flex-direction: column;
}
.industries_loading .swiper,
.industries_loading .custom-swiper__nav,
.industries_loading .swiper-scrollbar {
  pointer-events: none;
  opacity: 0;
}
@keyframes skeleton-loading {
  0% {
    background-color: #e0e0e0;
  }
  50% {
    background-color: #f0f0f0;
  }
  100% {
    background-color: #e0e0e0;
  }
}
.modal {
  position: fixed;
  z-index: 100;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  overflow-y: auto;
  display: none;
  width: 100%;
  max-width: 800px;
  padding: 80px;
  background-color: #ffffff;
  border: none;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
.modal_hidden {
  z-index: -1000;
  display: none;
}
.modal__success, .modal__error {
  display: none;
  flex-direction: column;
  gap: 48px;
  color: #141414;
}
.modal__success-icon, .modal__error-icon {
  aspect-ratio: 1/1;
  max-width: 240px;
  max-height: 240px;
  color: #a7a6a3;
}
@media (max-width: 991px) {
  .modal {
    width: calc(100% - 64px);
  }
}
@media (max-width: 767px) {
  .modal {
    width: calc(100% - 32px);
    padding: 80px 16px 32px;
  }
}
.modal-dropdown[data-modal-name=city] {
  position: fixed;
  z-index: 10000;
  top: 0;
  left: 0;
  transform: none;
  translate: 0;
  display: none;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  height: 100%;
  color: #141414;
  background-color: #f6f6f6;
  border: none;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .modal-dropdown[data-modal-name=city] {
    padding: 15px;
    padding-top: 36px;
  }
}
.modal-dropdown[data-modal-name=city] button {
  position: absolute;
  top: 32px;
  right: 16px;
  background-color: inherit;
  border-radius: none;
}
.modal-dropdown[data-modal-name=city] .search-input {
  max-width: 467px;
  padding-bottom: 24px;
}
.modal-dropdown[data-modal-name=city] .search-input input {
  border-bottom: 1px solid #a7a6a3;
}
.modal-dropdown[data-modal-name=city] .search-input .form-control__input::-moz-placeholder {
  font-size: inherit;
  color: #a7a6a3;
  opacity: 1;
}
.modal-dropdown[data-modal-name=city] .search-input .form-control__input::placeholder {
  font-size: inherit;
  color: #a7a6a3;
  opacity: 1;
}
.modal-dropdown[data-modal-name=city] .modal__title {
  padding-bottom: 40px;
  font-weight: 500;
  color: #141414;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
.modal-dropdown[data-modal-name=city] .modal__title {
  font-size: clamp(23px, 23px + (46 - 23) * (100vw - 320px) / (1920 - 320), 46px);
  line-height: clamp(32px, 32px + (60 - 32) * (100vw - 320px) / (1920 - 320), 60px);
}
@media (max-width: 767px) {
  .modal-dropdown[data-modal-name=city] .modal__title {
    padding-bottom: 15px;
  }
}
.modal-dropdown[data-modal-name=city] ul {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  row-gap: 8px;
  -moz-column-gap: 59px;
       column-gap: 59px;
  max-height: 552px;
  margin: 0;
  padding: 0;
  list-style-type: none;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 1299px) {
  .modal-dropdown[data-modal-name=city] ul {
    max-height: unset;
  }
}
@media (max-width: 767px) {
  .modal-dropdown[data-modal-name=city] ul {
    -moz-column-gap: 0;
         column-gap: 0;
    max-height: unset;
  }
}
@media (max-width: 399px) {
  .modal-dropdown[data-modal-name=city] ul {
    max-height: unset;
  }
}
.modal-dropdown[data-modal-name=city] ul li {
  width: 188px;
  padding: 0;
  background: transparent;
  border-bottom: none;
}
@media (hover: hover) {
  .modal-dropdown[data-modal-name=city] ul li:hover {
    color: #ff4614;
  }
}
.modal.modal-menu {
  position: fixed;
  z-index: 100;
  top: 0;
  right: 0;
  left: unset;
  translate: unset;
  width: 50%;
  max-width: 100dvw;
  height: 100%;
  padding: 18px;
  color: #a7a6a3;
  background-color: #17171a;
  border: none;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 1199px) {
  .modal.modal-menu {
    width: 70%;
  }
}
@media (max-width: 767px) {
  .modal.modal-menu {
    width: 100%;
    height: 100dvh;
  }
}
.modal.modal-menu .modal__content {
  width: 100%;
  min-height: 100%;
  padding: 16px;
  background: #ffffff;
  border-radius: 12px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 1199px) {
  .modal.modal-menu .modal__content {
    grid-column-gap: 0;
    grid-template-columns: repeat(1, 1fr);
  }
}
.modal.modal-menu .modal__content_left {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
.modal.modal-menu .modal__content_left .logo {
  position: absolute;
  top: 0;
  left: 0;
}
@media (max-width: 1199px) {
  .modal.modal-menu .modal__content_left {
    display: none;
  }
}
.modal.modal-menu .modal__content_left .menu__icon {
  display: flex;
  align-items: center;
  justify-content: center;
}
.modal.modal-menu .modal__content_left .menu__icon svg {
  width: 580px;
  height: 593px;
  fill: #fff;
}
.modal.modal-menu .modal__content .modal__header {
  display: grid;
  grid-column-gap: 32px;
  grid-template-columns: repeat(2, 1fr);
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 1199px) {
  .modal.modal-menu .modal__content .modal__header {
    grid-column-gap: 16px;
    grid-template-columns: repeat(2, minmax(min-content, auto));
    align-items: center;
  }
}
@media (max-width: 767px) {
  .modal.modal-menu .modal__content .modal__header {
    grid-template-columns: repeat(3, minmax(min-content, auto));
  }
  .modal.modal-menu .modal__content .modal__header .dropdown {
    order: -1;
  }
}
.modal.modal-menu .modal__content .modal__header .modal__wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .modal.modal-menu .modal__content .modal__header .modal__wrapper {
    align-self: flex-start;
    justify-self: flex-end;
  }
}
.modal.modal-menu .modal__content .modal__header .dropdown__wrap {
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .modal.modal-menu .modal__content .modal__header .dropdown__wrap {
    margin-left: 0;
  }
}
@media (max-width: 767px) {
  .modal.modal-menu .modal__content .modal__header .dropdown__wrap {
    order: -1;
  }
}
.modal.modal-menu .modal__content .modal__header .dropdown__text {
  color: #141414;
}
.modal.modal-menu .modal__content .modal__header .dropdown__icon svg {
  color: #141414;
  fill: #141414;
}
.modal.modal-menu .modal__content .modal__header .search-button {
  order: -1;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .modal.modal-menu .modal__content .modal__header .search-button {
    order: 0;
    padding-left: 10px;
  }
}
@media (max-width: 767px) {
  .modal.modal-menu .modal__content .modal__header .search-button {
    justify-self: center;
  }
}
.modal .modal__close-button {
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .modal .modal__close-button {
    padding: 0;
  }
  .modal .modal__close-button .button__text {
    font-size: 12px;
  }
}
.modal__contacts-container {
  display: grid;
  grid-column-gap: 32px;
  grid-template-columns: repeat(2, 1fr);
  line-height: 125%;
  color: #141414;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .modal__contacts-container {
    flex-direction: column;
    padding: 24px 16px;
  }
}
.industries__list_init {
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .industries__list_init {
    position: relative;
  }
}
.industries__modal {
  position: static;
  translate: 0 0;
  grid-column: 3/5;
  width: 100%;
  max-width: unset;
  height: -moz-fit-content;
  height: fit-content;
  min-height: 0;
  padding: 48px 24px 36px;
  background: radial-gradient(circle at 0% 50%, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.06) 100%);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 12px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 1199px) {
  .industries__modal {
    padding-bottom: 18px;
  }
}
@media (max-width: 991px) {
  .industries__modal:not(.industries__modal_slider) {
    position: absolute;
    top: 100%;
    left: 0;
    width: calc(100dvw - 32px);
  }
  .industries__modal:not(.industries__modal_slider) ::-webkit-scrollbar {
    width: 8px;
    height: 6px;
    background-color: rgba(186, 187, 189, 0.185);
    box-shadow: inset 1px 1px 5px rgba(186, 187, 189, 0.185);
  }
  .industries__modal:not(.industries__modal_slider) ::-webkit-scrollbar-thumb {
    background-color: rgba(105, 107, 112, 0.62);
    border-radius: 10px;
    box-shadow: inset 0px 1px 6px rgba(97, 102, 112, 0.5215686275);
  }
}
.industries__modal .industries__item {
  transition: color 0.3s;
}
@media (hover: hover) {
  .industries__modal .industries__item:hover {
    color: #ffffff;
  }
}
.industries__modal .industries__item.active {
  color: #ffffff;
}
.industries__modal ul {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 8px;
  max-height: 245px;
  margin: 0;
  padding: 0;
  list-style: none;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 1199px) {
  .industries__modal ul {
    overflow: auto;
    padding-bottom: 18px;
  }
}
@media (max-width: 991px) {
  .industries__modal ul {
    overflow: hidden;
    max-height: unset;
  }
}
.industries__modal ul li {
  cursor: pointer;
  padding: 4px 16px;
  color: #a7a6a3;
  border-bottom: none;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .industries__modal ul li {
    color: #fff;
  }
}
.industries__modal .modal__close-button {
  position: absolute;
  top: 0;
  right: 0;
  color: #a7a6a3;
}
.industries__modal_slider {
  translate: 0 0;
  grid-row: 1/5;
  width: 100%;
  max-width: unset;
  height: 100%;
  min-height: 0;
  max-height: 920px;
  padding: 0;
  background: none;
  -webkit-backdrop-filter: none;
          backdrop-filter: none;
  border: none;
  border-radius: 0;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .industries__modal_slider {
    grid-row: unset;
    height: 450px;
  }
}
.industries-slider {
  position: relative;
  width: 100%;
  height: 100%;
}
.industries-slider__img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.industries-slider__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 80px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .industries-slider__tags {
    margin-bottom: 16px;
  }
}
@media (max-width: 427px) {
  .industries-slider__tags {
    margin-bottom: 24px;
  }
}
.industries-slider__tag {
  padding: 4px 12px;
  border: 1px solid #ffffff;
  border-radius: 85px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 427px) {
  .industries-slider__tag {
    font-size: 12px;
    font-weight: 300;
    line-height: 16px;
    color: #fff;
    border: 1px solid #a6a8b6;
    border-radius: 80px;
  }
}
.industries-slider__description {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 16px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .industries-slider__description {
    margin-bottom: 12px;
  }
}
.industries-slider__text {
  position: relative;
}
.industries-slider__text:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  width: 1px;
  height: 10px;
  background-color: rgba(255, 255, 255, 0.3019607843);
}
.industries-slider__text:not(:last-child) {
  padding-right: 20px;
}
.industries-slider__buttons {
  position: absolute;
  z-index: 99;
  bottom: 40px;
  left: 40px;
  display: flex;
  gap: 16px;
  align-items: center;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .industries-slider__buttons {
    bottom: 32px;
  }
}
@media (max-width: 427px) {
  .industries-slider__buttons {
    display: none;
  }
}
.industries-slider__scrollbar {
  position: absolute;
  z-index: 99;
  bottom: 100px;
  left: 40px;
  width: calc(70% - 48px);
  height: 1px;
  background-color: rgba(255, 255, 255, 0.3019607843);
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .industries-slider__scrollbar {
    bottom: 72px;
    width: calc(100% - 80px);
  }
}
@media (max-width: 427px) {
  .industries-slider__scrollbar {
    bottom: 25px;
    left: 24px;
    width: calc(100% - 32px);
  }
}
.industries-slide {
  width: 100%;
  height: 100%;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 575px) {
  .industries-slide {
    height: 450px;
  }
}
.industries-slide__wrapper {
  position: absolute;
  bottom: 16px;
  left: 16px;
  width: 70%;
  padding: 24px 24px 120px;
  background: radial-gradient(circle at 0% 50%, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.06) 100%);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 12px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .industries-slide__wrapper {
    right: 8px;
    bottom: 8px;
    left: 8px;
    width: unset;
    padding: 16px 16px 84px;
  }
}
@media (max-width: 427px) {
  .industries-slide__wrapper {
    padding: 16px 16px 32px;
    border: unset;
    border-radius: 2px;
  }
}
.swiper-scrollbar-drag {
  height: 1px;
  background-color: #ff4614;
}
.modal-write-to-us {
  position: fixed;
  z-index: 10000;
  top: 0;
  right: 0;
  transform: none;
  translate: 0;
  width: 100%;
  min-width: 50%;
  max-width: 50%;
  height: 100%;
  padding: 18px;
  color: #a7a6a3;
  background-color: #fff;
  border: none;
  border-radius: 12px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 1199px) {
  .modal-write-to-us {
    left: 0;
    min-width: 100%;
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  .modal-write-to-us {
    margin: 0;
    padding: 0 24px;
    padding-bottom: 24px;
    border-radius: 0;
  }
}
.modal-write-to-us .policy a {
  margin-left: 6px;
  color: #ff4614;
  text-decoration: underline;
}
.modal-write-to-us form {
  height: 100%;
}
.modal-write-to-us .modal__wrapper {
  display: grid;
  grid-template-rows: auto auto;
  height: 100%;
}
.modal-write-to-us .modal__wrapper .modal__close-button {
  justify-self: end;
  height: -moz-fit-content;
  height: fit-content;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .modal-write-to-us .modal__wrapper .modal__close-button {
    position: absolute;
    top: 0;
    right: 0;
  }
}
.modal-write-to-us .modal__wrapper .modal__content {
  display: flex;
  flex-direction: column;
  row-gap: 48px;
  width: 100%;
  max-width: 700px;
  padding-bottom: 80px;
  color: #141414;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .modal-write-to-us .modal__wrapper .modal__content {
    row-gap: 24px;
    padding-bottom: 12px;
  }
}
.modal-write-to-us .modal__wrapper .modal__content h2 {
  color: #141414;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .modal-write-to-us .modal__wrapper .modal__content h2 {
    font-size: 23px;
  }
}
.modal-write-to-us .modal__wrapper .modal__content .modal__input-group {
  display: flex;
  flex-direction: column;
  row-gap: 42px;
}
.modal-write-to-us .modal__wrapper .modal__content .modal__check-text {
  padding-bottom: 16px;
}
.modal-write-to-us .modal__wrapper .modal__content .modal__check-group {
  display: flex;
  flex-wrap: wrap;
  gap: 36px;
}
.modal-write-to-us .modal__wrapper .modal__content .modal__textarea_subtitle {
  display: flex;
  align-items: center;
  margin-top: 8px;
}
.modal-write-to-us_red {
  background-color: #ff4614;
}
.modal-write-to-us_red .backdrop {
  background-color: #ff4614;
}
.modal-write-to-us_red .modal__success, .modal-write-to-us_red .modal__error {
  color: #ffffff;
}
.modal-write-to-us_red .modal__success-icon, .modal-write-to-us_red .modal__error-icon {
  aspect-ratio: 1/1;
  max-width: 240px;
  max-height: 240px;
  color: #ffffff;
}
.modal-write-to-us_red .modal__success .button_red.modal__close-button, .modal-write-to-us_red .modal__error .button_red.modal__close-button {
  background-color: #141414;
}
.modal-write-to-us_red .form-control_small textarea + label,
.modal-write-to-us_red .form-control_small .form-control__input:not([type=checkbox]),
.modal-write-to-us_red .form-control_small .form-control__input:not([type=checkbox]) + label {
  color: #ffffff;
  background-color: #ff4614;
  border-color: #ffffff;
}
.modal-write-to-us_red .form-control__indicator {
  border-color: #ffffff;
}
.modal-write-to-us_red .modal__wrapper .modal__close-button {
  color: #fff;
  background-color: #ff4614;
}
.modal-write-to-us_red .modal__wrapper .modal__content h2, .modal-write-to-us_red .modal__wrapper .modal__content .modal__check-text, .modal-write-to-us_red .modal__wrapper .modal__content .modal__textarea_subtitle, .modal-write-to-us_red .modal__wrapper .modal__content .form-control__text {
  color: #fff;
}
.modal-write-to-us_red .modal__wrapper .modal__content .modal__attach-text {
  padding-bottom: 80px;
  color: #141414;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .modal-write-to-us_red .modal__wrapper .modal__content .modal__attach-text {
    padding-bottom: 20px;
  }
}
.modal-write-to-us_red .modal__wrapper .modal__content .modal__textarea_subtitle.policy a {
  color: #fff;
}
.modal-write-to-us_red .modal__buttons .modal__submit {
  color: #ffffff;
  background: #17171a;
}
@media (hover: hover) {
  .modal-write-to-us_red .modal__buttons .modal__submit:hover {
    color: #141414;
    background: #ffffff;
  }
}
.modal-write-to-us_black {
  left: 0;
  min-width: 100%;
  max-width: 100%;
  background-color: #141414;
}
.modal-write-to-us_black form {
  height: -moz-fit-content;
  height: fit-content;
}
.modal-write-to-us_black form .form-control__text {
  color: #ffffff;
}
.modal-write-to-us_black .modal__textarea_subtitle.policy {
  color: #ffffff;
}
.modal-write-to-us_black .modal__wrapper {
  display: flex;
  flex-direction: column;
  gap: 40px;
  align-items: end;
  width: 100%;
}
.modal-write-to-us_black .modal__wrapper .modal__content {
  justify-self: end;
}
.modal-write-to-us_black .modal__wrapper h2 {
  display: none;
}
.modal-write-to-us_black .modal__wrapper .form-control__input:not([type=checkbox]) {
  color: #ffffff;
  border-color: #ffffff;
}
.modal-write-to-us_black .modal__wrapper .form-control__input:not([type=checkbox]) + label {
  color: #ffffff;
}
.modal-write-to-us_black .modal__wrapper .modal__attach-text, .modal-write-to-us_black .modal__wrapper .modal__textarea_subtitle.policy a {
  color: #ffffff;
}
.modal__buttons {
  display: flex;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .modal__buttons {
    flex-direction: column;
    row-gap: 12px;
  }
  .modal__buttons button {
    width: 100%;
  }
}
.modal__buttons .modal__submit {
  background: #ff4614;
  transition: all 0.3s ease-in-out;
}
.modal__buttons .modal__submit[disabled] {
  background: #fdece8;
}
@media (hover: hover) {
  .modal__buttons .modal__submit[disabled]:hover {
    background: #fdece8;
  }
}
@media (hover: hover) {
  .modal__buttons .modal__submit:hover {
    background: linear-gradient(0deg, rgba(20, 20, 20, 0.1) 0%, rgba(20, 20, 20, 0.1) 100%), #ff4614;
  }
}
.modal__buttons .custom__input-file {
  cursor: pointer;
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 300px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .modal__buttons .custom__input-file {
    max-width: 100%;
  }
}
.modal__buttons .custom__input-file .button__input-file {
  position: absolute;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .modal__buttons .custom__input-file .button__input-file {
    width: 100%;
  }
}
.modal__buttons .custom__input-file input {
  opacity: 0;
}
.modal__wrapper_bottom {
  display: grid;
  grid-column: span 4;
  grid-template-columns: repeat(4, 1fr);
  -moz-column-gap: 32px;
  column-gap: 32px;
  margin-top: 80px;
  padding: 40px 0;
  color: #fff;
  border-top: 1px solid #fff;
}
.detail-modal {
  position: absolute;
  z-index: 998;
  bottom: 0;
  left: 0;
  overflow-y: auto;
  display: none;
  box-sizing: border-box;
  width: 100%;
  padding: 12px;
  opacity: 0;
  background: rgba(255, 255, 255, 0.06);
  -webkit-backdrop-filter: blur(16px);
          backdrop-filter: blur(16px);
  border-radius: 4px;
}
.detail-modal .detail-modal__close {
  cursor: pointer;
  position: absolute;
  z-index: 15;
  top: 0;
  right: 0;
  gap: 8px;
  align-items: center;
  justify-content: center;
  margin-bottom: 15px;
  padding: 12px 24px;
  color: #fff;
  background: none;
  border: none;
}
.detail-modal .detail-modal__close:hover {
  background-color: transparent;
}
.detail-modal .detail-modal__text {
  padding-left: 12px;
  font-size: 16px;
  line-height: 20px;
}
.detail-modal .detail-modal__content {
  display: flex;
  flex-direction: column;
}
.detail-modal .modal__close-button {
  position: relative;
  align-self: flex-end;
  width: 24px;
  height: 24px;
  margin-bottom: 15px;
}
.detail-modal .modal__close-button::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  transform: rotate(45deg);
  display: block;
  width: 24px;
  height: 24px;
  opacity: 1;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 3.75C12.4142 3.75 12.75 4.08579 12.75 4.5V11.25L19.5 11.25C19.9142 11.25 20.25 11.5858 20.25 12C20.25 12.4142 19.9142 12.75 19.5 12.75H12.75V19.5C12.75 19.9142 12.4142 20.25 12 20.25C11.5858 20.25 11.25 19.9142 11.25 19.5V12.75H4.5C4.08579 12.75 3.75 12.4142 3.75 12C3.75 11.5858 4.08579 11.25 4.5 11.25L11.25 11.25V4.5C11.25 4.08579 11.5858 3.75 12 3.75Z' fill='white'/%3E%3C/svg%3E") no-repeat center;
  background-size: cover;
}
.detail-modal.card-modal {
  bottom: 60px;
  left: 24px;
  width: 84%;
}
.about-item-modal {
  top: 68%;
  left: 0;
  max-height: 350px;
}
.about-item-modal__title {
  position: relative;
  padding-bottom: 20px;
  padding-left: 14px;
}
.about-item-modal__title::before {
  content: "•";
  position: absolute;
  top: 7px;
  left: 0;
  font-size: 1em;
  line-height: 1;
  color: #fff;
}
.about-item-modal__text {
  padding-left: 12px;
  font-size: 16px;
  line-height: 20px;
}
.characteristics-modal {
  height: 238px;
}
.palette-modal {
  height: 238px;
}
.palette-modal__image {
  max-width: 100%;
  max-height: 80vh;
}
.palette-modal .palette__button {
  max-width: 62px;
}
.palette-modal .palette {
  overflow-x: unset;
  overflow-y: scroll;
  flex-wrap: wrap;
  gap: 14px;
  padding: 0;
  border-radius: unset;
}
.palette-modal .palette__wrap_scroll {
  width: 100%;
  padding: 0;
  background: unset;
  border-radius: unset;
}
.palette-modal .palette_circle {
  width: 32px;
  height: 32px;
}
.palette-modal .palette__code {
  font-size: 12px;
  font-weight: 300;
  line-height: 16px;
  text-align: center;
}
.palette-modal .modal__close-button {
  position: relative;
  align-self: flex-end;
  width: 24px;
  height: 24px;
  margin-bottom: 15px;
}
.differences-modal {
  overflow-x: auto;
  max-height: 350px;
}
.differences-modal-modal__text {
  margin: 10px 0; /* отступ сверху и снизу */
  padding-left: 20px; /* отступ слева для маркеров */
  line-height: 1.5;
  list-style-position: outside; /* точки снаружи текста */
  list-style-type: disc; /* обычные точки */
}
.differences-modal__content {
  display: flex;
  flex-direction: column;
}
.differences-modal__content li {
  margin-bottom: 24px;
  list-style-type: disc;
}
.differences-modal-modal__title {
  padding-bottom: 25px;
  border-bottom: 1px solid #fff;
}
.picker-modal {
  height: 389px;
}
.picker-modal .picker__wrapper p {
  display: none;
}
.picker-modal .picker {
  display: flex;
  row-gap: 16px;
  -moz-column-gap: 22px;
       column-gap: 22px;
  padding: 0;
  background-color: transparent;
  border-radius: 0;
}
.picker-modal .IroColorPicker {
  justify-content: space-between;
}
.picker-modal .picker__color-box, .picker-modal .IroSliderGradient, .picker-modal .IroBox {
  border-radius: 4px !important;
}
.picker-modal .IroSlider {
  margin-left: 18px !important;
}
.picker-modal .IroSliderGradient {
  width: 44px !important;
}
.picker-modal .IroHandle {
  top: 0;
  left: 0;
}
.picker-modal .picker__color-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 280px !important;
  padding: 12px 24px;
  text-transform: uppercase;
}
.tabs-coating-modal {
  overflow-y: scroll;
  max-height: 483px;
}
.tabs-coating-modal .right-block__title {
  margin-bottom: 16px;
  padding-bottom: 16px;
  font-size: 23px;
  font-weight: 500;
  line-height: 36px;
  border-bottom: 1px solid rgb(166, 168, 182);
}
.tabs-coating-modal .tabs-coating__contents_bottom .tabs-coating__contents-advantage {
  flex-direction: column;
  align-items: start;
  padding: 12px 0;
  border-bottom: 1px solid rgba(126, 128, 137, 0.1);
}
.tabs-coating-modal .tabs-coating__contents_bottom .tabs-coating__contents-advantage .h300 {
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
}
.tabs-coating-modal .tabs-coating__contents_bottom .tabs-coating__contents-advantage .advantage__icon {
  width: 40px;
  height: 40px;
}
.tabs-coating-modal .right-block__text {
  position: relative;
  padding-bottom: 24px;
  padding-left: 14px;
}
.tabs-coating-modal .right-block__text::after {
  content: "•";
  position: absolute;
  top: 0;
  left: 0;
  font-size: 1em;
  line-height: 1;
  color: #fff;
}
.detail-backdrop {
  pointer-events: none;
  position: fixed;
  z-index: 990; /* ниже модалки, выше всего остального */
  inset: 0; /* top:0; right:0; bottom:0; left:0; */
  opacity: 0;
  background: rgba(0, 0, 0, 0.4);
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
  transition: opacity 0.3s ease;
}
.detail-backdrop.active {
  pointer-events: all;
  opacity: 1;
}
.video-out {
  width: 100%;
  height: 100dvh;
}
#video-overlay {
  position: fixed;
  z-index: 2;
  top: 0;
  left: 0;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100vh;
  opacity: 1;
  transition: opacity 1s ease;
}
#video-overlay.fade-out {
  pointer-events: none;
  opacity: 0;
}
#video-overlay video {
  width: 100%;
  height: 100vh;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
}
#video-close {
  cursor: pointer;
  position: absolute;
  z-index: 2;
  top: 120px;
  right: 20px;
  padding: 5px 10px;
  font-size: 32px;
  color: #ffffff;
  background: rgba(0, 0, 0, 0.5);
  border: none;
  border-radius: 4px;
}
.main-preloader {
  will-change: transform;
  position: fixed;
  z-index: 997;
  inset: 0;
  transform: scale(1);
  width: 100%;
  height: 100%;
  margin: 0 auto;
  transition: transform 0.3s ease;
}
.main-preloader #main-preloader-first {
  opacity: 0;
  fill: #000000;
}
.main-preloader__animated {
  position: fixed;
  z-index: 1000;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  overflow: visible;
  width: 275px;
  height: 275px;
}
.main-preloader__backdrop {
  position: absolute;
  z-index: 9998;
  inset: 0;
  background-color: #17171a;
}
.main-preloader__progressbar {
  position: fixed;
  z-index: 998;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  width: 50%;
  height: 3px;
  background-color: #282828;
  border-radius: 2px;
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0) inset, 0px -1px 2px 0px rgba(0, 0, 0, 0.1) inset;
}
.main-preloader__progressbar__inner {
  position: relative;
  z-index: 999;
  height: 100%;
  background: linear-gradient(90deg, #de0202 1.76%, #9747ff 23.77%, #1e1e1e 47.34%, #de0202 72.89%, #2f2ccb 94.01%);
}
.logo {
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  padding: 12px 0;
}
.logo svg {
  width: 44px;
  height: 44px;
}
.logo svg#logo-text {
  width: 180px;
  height: 18px;
}
.logo__block {
  cursor: pointer;
  position: relative;
  display: flex;
  gap: 12px;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
.logo__block svg {
  overflow: visible;
  color: #ffffff;
  transition: transform 0.5s 0.2s;
}
.logo__block svg path {
  transition: all 0.3s;
}
.logo__block.loading {
  position: absolute;
  z-index: 999;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  width: 100px;
  height: 100px;
  animation: pulse 1.5s infinite ease-in-out;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
.logo__block.loading #logo-block {
  animation: rotate 3s linear infinite;
}
.logo__block.loading #logo-block path#logo-t {
  animation: bounce 2s ease-in-out infinite;
}
.logo__block.loading #logo-block path#logo-dots {
  animation: bounceOut 2s ease-in-out infinite;
}
@media (max-width: 767px) {
  .logo__block.loading svg {
    width: 100px;
    height: 100px;
  }
}
@media (hover: hover) {
  .logo__block:hover path#logo-t {
    transform: translate(2px, -2.5px);
  }
  .logo__block:hover path#logo-dots {
    transform: translate(-2px, 2.5px);
  }
}
.logo__block.brand svg {
  color: #ff4614;
}
.logo__block.dark svg {
  color: #17171a;
}
@media (max-width: 767px) {
  .logo__block svg {
    width: 32px;
    height: 32px;
  }
  .logo__block svg#logo-text {
    display: none;
  }
}
@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(-180deg);
  }
  70% {
    transform: rotate(-270);
  }
  85% {
    transform: rotate(-310deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}
@keyframes bounce {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translate(3px, -2.5px);
  }
}
@keyframes bounceOut {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translate(-3px, 2.5px);
  }
}
@keyframes pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.6;
  }
}
.backdrop {
  position: fixed;
  z-index: 99999;
  inset: 0;
  display: none;
  background-color: #17171a;
}
.backdrop .logo {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50%;
  height: 100%;
}
.backdrop .logo #logo-text {
  display: none;
}
.backdrop .logo svg {
  width: 100%;
  height: auto;
  opacity: 0.1;
}
.backdrop.red {
  background-color: #ff4614;
}
.backdrop.red .logo {
  display: none;
}
.characteristics {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  flex-wrap: wrap;
  -moz-column-gap: 32px;
       column-gap: 32px;
  justify-content: space-between;
  padding-bottom: 8px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .characteristics {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media (max-width: 427px) {
  .characteristics {
    grid-template-columns: repeat(2, 1fr);
  }
}
.characteristics__block {
  display: flex;
  -moz-column-gap: 24px;
       column-gap: 24px;
  align-items: center;
  padding: 12px 4px;
  color: #fff;
  border-bottom: 1px solid #a6a8b6;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
.characteristics__block svg {
  width: 32px;
  height: 32px;
  fill: #fff;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 427px) {
  .characteristics__block svg {
    width: 24px;
    height: 24px;
  }
}
@media (max-width: 427px) {
  .characteristics__block {
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: flex-start;
    justify-content: space-between;
    padding: 8px;
    border-bottom: 1px solid rgba(126, 128, 137, 0.1);
  }
  .characteristics__block .characteristics__text {
    min-height: 33px;
  }
  .characteristics__block .characteristics__subtext {
    display: flex;
    flex-direction: column;
    font-size: 16px;
    font-weight: 300;
    line-height: 20px;
    color: #ffffff;
  }
  .characteristics__block .characteristics__title {
    font-size: 12px;
    font-weight: 300;
    line-height: 16px;
    color: #a7a6a3;
  }
}
.accordion {
  grid-column: 2/5;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .accordion {
    grid-column: span 2;
  }
}
.accordion-item {
  border-bottom: 1px solid #a6a8b6;
}
.accordion p,
.accordion ul {
  margin-bottom: 24px;
}
.accordion ul {
  margin-top: 10px;
}
.accordion ul li {
  padding: 0;
  border: none;
}
.accordion label {
  cursor: pointer;
  position: relative;
  display: block;
  width: 100%;
  margin-bottom: 16px;
  padding: 16px 24px;
  padding: 24px 16px;
  color: #fff;
  background-color: transparent;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 427px) {
  .accordion label {
    padding-bottom: 0;
  }
}
.accordion input {
  display: none;
}
.accordion__text {
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 427px) {
  .accordion__text {
    display: block;
    max-width: 256px;
  }
}
.accordion__content-wrapper {
  min-height: 0;
  padding: 0 16px;
  color: #a7a6a3;
}
.accordion__content {
  overflow: hidden;
  display: grid;
  grid-template-rows: 0fr;
  min-height: 0;
  transition: grid-template-rows 0.3s ease-in-out;
}
.accordion input:checked + label {
  background-color: rgba(255, 255, 255, 0.1);
}
.accordion input:checked + label + .accordion__content {
  grid-template-rows: 1fr;
}
.accordion label::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translateY(-50%) rotate(0deg);
  width: 24px;
  height: 24px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 3.75C12.4142 3.75 12.75 4.08579 12.75 4.5V11.25L19.5 11.25C19.9142 11.25 20.25 11.5858 20.25 12C20.25 12.4142 19.9142 12.75 19.5 12.75H12.75V19.5C12.75 19.9142 12.4142 20.25 12 20.25C11.5858 20.25 11.25 19.9142 11.25 19.5V12.75H4.5C4.08579 12.75 3.75 12.4142 3.75 12C3.75 11.5858 4.08579 11.25 4.5 11.25L11.25 11.25V4.5C11.25 4.08579 11.5858 3.75 12 3.75Z' fill='white'/%3E%3C/svg%3E") no-repeat center;
  background-size: cover;
  transition: transform 0.2s ease-in-out;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .accordion label::before {
    right: 0;
  }
}
@media (max-width: 427px) {
  .accordion label::before {
    right: 12px;
  }
}
.accordion input:checked + label::before {
  transform: translateY(-50%) rotate(45deg);
}
.accordion label.accordion__job-label {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  -moz-column-gap: 32px;
       column-gap: 32px;
  align-items: center;
  padding: 16px 12px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
.accordion label.accordion__job-label .job__meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.accordion label.accordion__job-label .job__city {
  white-space: nowrap;
}
@media (max-width: 767px) {
  .accordion label.accordion__job-label {
    grid-template-columns: 1fr;
    row-gap: 8px;
  }
  .accordion label.accordion__job-label .job__position {
    order: 1;
  }
  .accordion label.accordion__job-label .job__city {
    order: 2;
  }
  .accordion label.accordion__job-label .job__salary {
    justify-self: end;
    order: 3;
  }
  .accordion label.accordion__job-label .job__details-link {
    justify-self: end;
    order: 4;
  }
  .accordion label.accordion__job-label .job__meta {
    display: contents;
  }
}
.accordion__job-label::before {
  display: none;
}
.radio-group {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  padding-bottom: 40px;
}
.radio-group__wrapper {
  display: flex;
  -moz-column-gap: 32px;
       column-gap: 32px;
  align-items: center;
}
.radio-group__image {
  flex: 0 0 72px;
  height: 72px;
}
.radio-group__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.radio-group__items {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
  -moz-column-gap: 32px;
       column-gap: 32px;
}
.radio-group_row .radio-group__items {
  flex-direction: row;
  flex-wrap: wrap;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 575px) {
  .radio-group_row .radio-group__items {
    flex-direction: column;
  }
}
.color-picker {
  grid-column: span 3;
  padding-right: 64px;
  padding-bottom: 40px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .color-picker {
    grid-column: span 2;
    padding-bottom: 24px;
  }
}
.color-picker__control-wrap {
  height: -moz-fit-content;
  height: fit-content;
  padding-top: 12px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .color-picker__control-wrap {
    grid-column: span 2;
    padding-top: 0;
    padding-bottom: 24px;
  }
}
.color-picker__title {
  padding-bottom: 24px;
}
.color-picker__label, .color-picker__control {
  color: #141414;
}
.color-picker__control {
  flex: 0 0 184px;
  padding: 22px 13px;
  background-color: transparent;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .color-picker__control {
    flex-basis: unset;
    width: 100%;
  }
}
.color-picker__wrapper {
  display: flex;
  gap: 24px;
  align-items: center;
  justify-content: space-between;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .color-picker__wrapper {
    flex-direction: column;
    justify-content: flex-start;
  }
}
.color-picker__slider-container {
  display: flex;
  flex: 1 1 100%;
  -moz-column-gap: 14px;
       column-gap: 14px;
  align-items: center;
  justify-content: space-between;
  padding: 24px 26px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .color-picker__slider-container {
    flex-basis: unset;
    width: 100%;
    padding: 16px 0;
  }
}
.color-picker__slider {
  width: 100%;
}
.color-picker__colors {
  display: flex;
  gap: 2px;
  width: -moz-fit-content;
  width: fit-content;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .color-picker__colors {
    flex-wrap: wrap;
    gap: 2px;
    width: 100%;
  }
}
.color-picker .swiper-slide.color-picker__color {
  cursor: pointer;
  flex: 0 0 32px;
  height: 32px;
  border-radius: 2px;
}
.color-picker .swiper-slide.color-picker__color > div {
  width: 100%;
  height: 100%;
}
.color-picker .swiper-slide.color-picker__color .active {
  border: 2px solid #17171a;
  border-radius: 2px;
}
.tags__container {
  position: absolute;
  z-index: 1;
  top: 24px;
  left: 24px;
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  width: calc(100% - 48px);
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .tags__container {
    top: 12px;
    left: 12px;
    width: calc(100% - 24px);
  }
}
.filter {
  display: flex;
  grid-column: span 4;
  gap: 48px;
  align-items: center;
  height: 50px;
  margin-bottom: 72px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .filter {
    grid-column: span 2;
    width: 100%;
    margin-bottom: 48px;
  }
}
@media (max-width: 575px) {
  .filter::-webkit-scrollbar {
    display: none;
  }
  .filter::-webkit-scrollbar-thumb {
    background-color: rgba(105, 107, 112, 0.62);
    border-radius: 10px;
    box-shadow: inset 0px 1px 6px rgba(97, 102, 112, 0.5215686275);
  }
}
.filter-modal {
  position: fixed;
  z-index: 101;
  top: 0;
  right: 16px;
  bottom: 0;
  left: 16px;
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding: 16px 16px 24px;
  background-color: #ffffff;
  border-radius: 12px;
}
.filter-modal__heading {
  display: flex;
  justify-content: space-between;
}
.filter-modal__heading h3 {
  font-size: 23px;
  font-weight: 500;
  line-height: 32px;
  color: #141414;
}
.filter-modal__heading svg {
  width: 20px;
  height: 20px;
  color: #141414;
}
.filter-modal__wrapper {
  display: flex;
  flex-direction: column;
  gap: 36px;
  width: 100%;
  height: 100%;
}
.filter.set .filter__icon {
  background-color: #ff4614;
  border: none;
}
.filter__icon {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  border: 1px solid #ffffff;
  border-radius: 50%;
  transition: all 0.3s ease-in-out;
}
.filter__icon_industry {
  color: #ffffff;
}
.filter__item {
  cursor: pointer;
  position: relative;
  display: flex;
  gap: 8px;
  align-items: center;
  padding: 0;
  border: none;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .filter__item {
    justify-content: space-between;
    width: 100%;
    padding-bottom: 12px;
    color: #141414;
    border-bottom: 1px solid #a6a8b6;
  }
}
.filter__item svg {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  color: #ffffff;
  transition: transform 0.3s ease-in-out;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .filter__item svg {
    color: #141414;
  }
}
.filter__item-wrapper {
  display: flex;
  gap: 8px;
  align-items: center;
}
.filter__item_mobile {
  display: none;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .filter__item_mobile {
    display: flex;
    justify-content: space-between;
    width: 100%;
    color: #ffffff;
  }
  .filter__item_mobile svg {
    color: #ffffff;
  }
}
.filter__item_mobile .filter__name {
  display: flex;
  gap: 8px;
  align-items: center;
}
.filter__item.active .filter__list {
  display: block;
}
.filter__item.active svg:not(.filter__icon-svg) {
  transform: rotate(180deg);
}
.filter__list {
  position: absolute;
  z-index: 109;
  top: calc(100% + 8px);
  display: none;
  width: -moz-max-content;
  width: max-content;
  padding: 8px 12px 24px;
  list-style: none;
  background-color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 12px;
  box-shadow: 0px 4px 44px 0px rgba(0, 0, 0, 0.25);
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .filter__list {
    width: 100%;
  }
}
.filter__list-item {
  padding: 4px 8px;
  color: #141414;
  border: none;
}
.filter__list-item:not(:last-child) {
  margin-bottom: 8px;
}
.filter__list-item.disabled {
  opacity: 0.3;
}
.filter__list-name {
  margin-bottom: 16px;
  padding: 4px 8px;
  color: #141414;
  text-decoration: underline;
  border: none;
}
.filter-button {
  cursor: pointer;
  display: none;
  gap: 8px;
  align-items: center;
  padding: 12px 24px 16px;
  color: #ffffff;
  background-color: #ff4614;
  border: none;
  border-radius: 50px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
.filter-button svg {
  flex-shrink: 0;
  width: 10px;
  height: 10px;
}
.filter-button.active {
  display: flex;
}
@media (max-width: 767px) {
  .filter-button {
    width: 100%;
  }
}
.filter-button__reset {
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .filter-button__reset {
    background-color: #17171a;
  }
}
.filter-button__apply {
  margin-top: auto;
  transition: all 0.3s;
}
.filter-button__apply:disabled {
  opacity: 0.3;
}
.vacancy {
  grid-column: 1/2;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .vacancy {
    grid-column: span 2;
  }
}
@media (max-width: 767px) {
  .vacancy {
    order: 1;
  }
}
.vacancy ul {
  list-style: none;
}
.vacancy ul li {
  padding: 0;
  padding-bottom: 36px;
  border-bottom: none;
}
.vacancy__title {
  padding-bottom: 48px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .vacancy__title {
    padding: 24px 0;
  }
}
.vacancy__link {
  display: flex;
  gap: 12px;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
}
.vacancy__icon {
  aspect-ratio: 1/1;
  width: 40px;
  height: 40px;
}
.cookie {
  position: fixed;
  z-index: 99;
  right: 32px;
  bottom: 32px;
  display: none;
  padding: 12px;
  background-color: #ffffff;
  border-radius: 16px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .cookie {
    right: 8px;
    bottom: 8px;
    left: 8px;
    width: auto;
  }
}
.cookie__wrapper {
  display: flex;
  gap: 42px;
  align-items: center;
  margin-bottom: 28px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
.cookie__wrapper:nth-last-child(1) {
  gap: 12px;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .cookie__wrapper {
    gap: 12px;
    margin-bottom: 8px;
  }
}
.cookie__img {
  width: 64px;
  height: 64px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .cookie__img {
    width: 32px;
    height: 32px;
  }
}
.cookie p {
  max-width: 350px;
  color: #141414;
}
.cookie a {
  text-decoration: underline;
}
.table {
  grid-column: span 4;
}
.table.col-3 .table__content {
  grid-column: 2/span 3;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .table.col-3 .table__content {
    grid-column: span 2;
  }
}
.table.span-2 {
  grid-column: span 2;
}
.table.span-2 .table__title {
  grid-column: span 2;
}
.table.span-2 .table-content__wrap {
  grid-template-columns: repeat(2, 1fr);
}
.table.span-3 {
  grid-column: 2/span 3;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 1399px) {
  .table.span-3 {
    grid-column: span 4;
  }
}
@media (max-width: 991px) {
  .table.span-3 {
    grid-column: span 2;
  }
}
.table.no-gap .table-content__wrap {
  grid-column-gap: 0;
}
.table.horizontal .table-list {
  display: grid;
  grid-column: 2/span 3;
  grid-template-columns: repeat(3, 1fr);
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .table.horizontal .table-list {
    grid-column: span 2;
  }
}
.table.horizontal .table-list__title {
  border-top: 1px solid #a6a8b6;
  border-bottom: none;
}
.table.horizontal .table-list__item {
  grid-column: span 2;
  height: auto;
  padding: 16px 0;
  border-top: 1px solid #a6a8b6;
  border-bottom: none;
}
.table.horizontal .table-list__item p {
  font-weight: 300;
}
.table.horizontal .table-list__item p {
  font-size: clamp(16px, 16px + (23 - 16) * (100vw - 320px) / (1920 - 320), 23px);
  line-height: clamp(24px, 24px + (36 - 24) * (100vw - 320px) / (1920 - 320), 36px);
}
.table-compare .table {
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
.table-compare .table__title {
  grid-column: span 5;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .table-compare .table__title {
    grid-column: span 2;
  }
}
@media (max-width: 991px) {
  .table-compare .table {
    grid-column: span 2;
  }
}
.table-compare .table-content__wrap {
  grid-template-columns: repeat(5, 1fr);
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 1399px) {
  .table-compare .table-content__wrap {
    overflow-x: scroll;
  }
}
@media (max-width: 991px) {
  .table-compare .table-content__wrap {
    display: flex;
    flex-wrap: nowrap;
  }
}
.table-compare .table-content__wrap .table-list:first-of-type .table-list__item, .table-compare .table-content__wrap .table-list:first-of-type .table-list__title {
  justify-content: flex-start;
}
.table-compare .table-list {
  grid-column: auto;
  flex-direction: column;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .table-compare .table-list:first-of-type {
    position: sticky;
    z-index: 3;
    left: 0;
    background-color: #17171a;
  }
}
.table-compare .table-list .title_wrapper {
  padding-bottom: 8px;
  text-align: center;
  border-bottom: 2px solid #cdde00;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .table-compare .table-list .title_wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    min-height: 120px;
  }
}
.table-compare .table-list .table-list__title {
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 1399px) {
  .table-compare .table-list .table-list__title {
    text-align: center;
    border: none;
  }
}
.table-compare .table-list .table-list__item, .table-compare .table-list .table-list__title {
  display: flex;
  justify-content: center;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .table-compare .table-list .table-list__item, .table-compare .table-list .table-list__title {
    min-width: 200px;
    padding: 5px;
  }
}
.table-compare .table-list .item-diamonds {
  display: flex;
  gap: 2px;
  color: #cdde00;
}
.table-compare .table-list .diamond {
  transform: rotate(45deg);
  display: inline-block;
  width: 7px;
  height: 7px;
  margin-right: 4px;
  background: #cdde00;
}
.table-compare .table-list:not(:last-child) {
  margin-bottom: 0;
}
.table-compare .table-list:first-child {
  justify-content: center;
  padding-right: 0;
}
@media (max-width: 991px) {
  .table-compare .table-list {
    grid-column: span 1;
  }
  .table-compare .table-list:first-child .table-list__item {
    padding-right: 15px;
  }
}
.table__title {
  grid-column: span 4;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .table__title {
    grid-column: span 2;
    margin-top: 24px;
    margin-bottom: 48px;
  }
}
.table-content {
  grid-column: span 4;
  width: 100%;
  max-width: 1888px;
  margin: 0 auto;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .table-content {
    grid-column: span 2;
    grid-column-gap: 0;
    grid-template-columns: repeat(1, 1fr);
    padding-bottom: 24px;
  }
}
.table-content h4 {
  grid-column: span 4;
  padding-bottom: 64px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .table-content h4 {
    grid-column: span 2;
    padding-bottom: 36px;
  }
}
.table-content__wrap {
  display: grid;
  grid-column-gap: 32px;
  grid-template-columns: repeat(4, 1fr);
  align-items: end;
  width: 100%;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .table-content__wrap {
    grid-column: span 2;
    grid-column-gap: 0;
    grid-template-columns: repeat(2, 1fr);
  }
}
.table-list {
  grid-column: span 1;
  margin: 0;
  padding: 0;
  list-style: none;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .table-list {
    grid-column: span 2;
  }
  .table-list:not(:has(.table-list__text)) {
    display: none;
  }
  .table-list:not(:last-child) {
    margin-bottom: 40px;
  }
}
.table-list__wrapper {
  display: grid;
  grid-column: span 2;
  grid-template-columns: repeat(2, 1fr);
  align-items: end;
}
.table-list__wrapper:not(:last-child) {
  margin-bottom: 40px;
}
.table-list__item {
  display: flex;
  gap: 24px;
  align-items: center;
  height: 72px;
  border-bottom: 1px solid #a6a8b6;
}
.table-list__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 8px;
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 2px;
}
.table-list__icon svg {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
}
.table-list__title {
  padding: 0;
  list-style: none;
  border: none;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .table-list__title {
    padding: 16px 0;
    border-bottom: 1px solid #a6a8b6;
  }
}
.section__table .container {
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .section__table .container {
    padding-left: 0;
  }
}
.card {
  width: 100%;
  height: -moz-min-content;
  height: min-content;
  padding: 24px;
  background-color: hsla(0, 0%, 100%, 0.06);
  border-radius: 4px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
.card__img {
  aspect-ratio: 1/1;
  width: 400px;
  height: 400px;
  margin: auto;
}
.card__list {
  min-height: 0;
  list-style: none;
}
.card__item {
  padding: 10px 0 12px 0;
  border-bottom: 1px solid #a6a8b6;
}
@media (max-width: 427px) {
  .card {
    display: flex;
    flex-direction: column;
    padding: 0;
  }
  .card h3 {
    padding: 24px 12px 0;
    font-size: 23px;
    font-weight: 300;
    line-height: 32px;
  }
  .card img {
    width: 243px;
    height: 243px;
    margin: 0 auto;
    padding: 20px;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .card .mobile-card-button {
    display: block;
    margin: 0 auto;
    margin-bottom: 24px;
  }
}
.event-banner {
  position: fixed;
  z-index: 989;
  top: 0;
  width: 100%;
  padding: 10px 0;
  background: url("../images/Banner.png") no-repeat center/cover;
  background-color: #17171a;
  transition: transform 0.3s ease, opacity 0.3s ease;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
.event-banner.hidden {
  pointer-events: none;
  transform: translateY(-100%);
  opacity: 0;
}
.event-banner span.button__text {
  font-size: 16px;
  line-height: 20px;
}
@media (max-width: 767px) {
  .event-banner {
    padding: 50px 0 7px 0;
    background: url("../images/Banner.png") no-repeat center/cover;
  }
  .event-banner p {
    font-size: 18px;
  }
}
@media (max-width: 427px) {
  .event-banner p {
    font-size: 15px;
  }
}
.event-banner__date {
  display: flex;
  gap: 11px;
  white-space: nowrap;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 339px) {
  .event-banner__date {
    white-space: normal;
  }
}
.event-banner__content {
  display: flex;
  grid-column: span 4;
  gap: 32px;
  align-items: center;
  justify-content: space-between;
  justify-self: center;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .event-banner__content {
    grid-column: span 2;
  }
}
@media (max-width: 767px) {
  .event-banner__content {
    flex-direction: column;
    gap: 16px;
    align-items: baseline;
  }
  .event-banner__content .button {
    order: 1;
    width: 100%;
  }
}
.event-banner__close {
  cursor: pointer;
  position: absolute;
  z-index: 990;
  top: 50%;
  right: 16px;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"%3E%3Cpath d="M18 6 L6 18 M6 6 L18 18" stroke="white" stroke-width="2" /%3E%3C/svg%3E') no-repeat center;
  background-size: cover;
  border: none;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .event-banner__close {
    top: 16px;
    transform: none;
  }
}
.social-banner {
  pointer-events: none;
  position: fixed;
  z-index: 99;
  right: 32px;
  bottom: var(--social-banner-bottom, 32px);
  display: block;
  visibility: hidden;
  opacity: 0;
  background: none;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .social-banner {
    right: 8px;
    left: 8px;
  }
}
.social-banner.hidden {
  pointer-events: none;
  visibility: hidden;
  opacity: 0;
}
.social-banner:not(.hidden) {
  visibility: visible;
  opacity: 1;
}
.social-banner__card {
  pointer-events: auto;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 18px;
  width: 100%;
  max-width: 432px;
  padding: 16px;
  background: linear-gradient(291deg, rgba(36, 36, 36, 0.19) 30.08%, rgba(23, 23, 26, 0.8) 112.12%);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 8px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .social-banner__card {
    gap: 4px;
    max-width: 100%;
    padding: 8px;
  }
}
.social-banner__close {
  cursor: pointer;
  font-size: 16px;
  font-weight: 300;
  line-height: 20px;
  color: #fff;
  text-align: right;
}
.social-banner__content {
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .social-banner__content {
    display: flex;
    gap: 8px;
    align-items: center;
    justify-content: space-between;
  }
}
.social-banner__title {
  max-width: 70%;
  margin: 0;
  font-size: 23px;
  font-weight: 500;
  line-height: 36px;
  color: #fff;
  text-align: left;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .social-banner__title {
    font-size: 16px;
    line-height: 20px;
  }
}
.social-banner__divider {
  width: 100%;
  height: 1px;
  margin: 24px 0;
  background: rgba(255, 255, 255, 0.25);
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .social-banner__divider {
    display: none;
  }
}
.social-banner__socials {
  display: flex;
  gap: 22px;
  align-items: center;
}
.social-banner__social {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
  justify-content: center;
  width: 92px;
  height: 92px;
  text-decoration: none;
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  transition: transform 0.2s ease, border-color 0.2s ease;
}
@media (hover: hover) {
  .social-banner__social {
    /* stylelint-disable scss/no-global-function-names */
    /* stylelint-enable scss/no-global-function-names */
  }
  .social-banner__social:hover {
    background-color: rgba(255, 255, 255, 0.2);
    border-color: transparent;
  }
}
@media (hover: hover) and (max-width: 767px) {
  .social-banner__social {
    width: 44px;
    height: 44px;
    padding: 8px;
  }
}
.social-banner__social-icon {
  display: block;
  width: 44px;
  height: 36px;
  color: #fff;
}
.social-banner__vk-text {
  font-size: 44px;
  font-weight: 700;
  line-height: 44px;
  color: #fff;
  letter-spacing: -2px;
}
@media (max-width: 767px) {
  .social-banner__close {
    top: 14px;
    right: 14px;
    font-size: 1.125rem;
    line-height: 1.375rem;
  }
}
.your-city {
  pointer-events: none;
  position: fixed;
  z-index: 99;
  top: calc(var(--header-height, 0px) + 8px);
  right: 32px;
  display: block;
  padding: 12px;
  visibility: hidden;
  opacity: 0;
  background-color: #ffffff;
  border-radius: 16px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .your-city {
    top: calc(var(--header-height, 0px) + 8px);
    right: 8px;
    left: 8px;
    width: auto;
  }
}
.your-city.hidden {
  pointer-events: none;
  visibility: hidden;
  opacity: 0;
}
.your-city:not(.hidden) {
  pointer-events: auto;
  visibility: visible;
  opacity: 1;
}
.your-city__wrapper {
  display: flex;
  gap: 42px;
  align-items: center;
  margin-bottom: 28px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
.your-city__wrapper:nth-last-child(1) {
  gap: 12px;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .your-city__wrapper {
    gap: 12px;
    margin-bottom: 8px;
  }
}
.your-city p {
  max-width: 350px;
  color: #141414;
}
.your-city .button {
  flex-grow: 1;
}
.ticker {
  overflow: hidden;
  display: flex;
  -moz-column-gap: 300px;
       column-gap: 300px;
  width: 100%;
  padding: 100px 0;
  background-color: #17171a;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .ticker {
    -moz-column-gap: 140px;
         column-gap: 140px;
    padding: 20px 0;
  }
}
.ticker__wrapper {
  display: flex;
  flex-wrap: nowrap;
  -moz-column-gap: 300px;
       column-gap: 300px;
  align-items: center;
  transition-timing-function: linear !important;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .ticker__wrapper {
    -moz-column-gap: 140px;
         column-gap: 140px;
  }
}
.ticker__slide {
  white-space: nowrap;
}
.ticker__slide-title {
  color: #fff;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
.ticker__slide-title {
  font-size: clamp(69px, 69px + (300 - 69) * (100vw - 320px) / (1920 - 320), 300px);
  line-height: clamp(84px, 84px + (300 - 84) * (100vw - 320px) / (1920 - 320), 300px);
}
@media (max-width: 767px) {
  .ticker__slide-title {
    font-weight: 300;
  }
}
.ticker__slide-subtitle {
  font-weight: 300;
  color: #a7a6a3;
}
.ticker__slide-subtitle {
  font-size: clamp(23px, 23px + (54 - 23) * (100vw - 320px) / (1920 - 320), 54px);
  line-height: clamp(32px, 32px + (64 - 32) * (100vw - 320px) / (1920 - 320), 64px);
}
.marquee {
  display: flex;
  animation: scroll 24s linear infinite;
}
@keyframes scroll {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(calc(-100% - 300px));
  }
}
.menu {
  margin-bottom: 95px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .menu {
    margin-bottom: 20px;
  }
}
.menu ul {
  counter-reset: mobileMenuItems;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.menu ul li {
  counter-increment: mobileMenuItems;
  position: relative;
  padding: 0;
  border-bottom: none;
}
.menu ul li::before {
  content: "0" counter(mobileMenuItems);
  position: absolute;
  top: 50%;
  left: 16px;
  transform: translateY(-50%);
  width: 22px;
  margin-right: 16px;
  line-height: 125%;
  text-align: center;
}
.menu__link {
  position: relative;
  display: grid;
  grid-column-gap: 32px;
  grid-template-columns: repeat(2, 1fr);
  align-items: center;
  justify-content: space-between;
  color: #141414;
  text-align: left;
  border-top: 1px solid #a6a8b6;
  border-bottom: none;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .menu__link {
    grid-template-columns: unset;
    justify-content: start;
    padding: 8px 16px;
  }
}
@media (hover: hover) {
  .menu__link:hover {
    background: rgba(23, 23, 26, 0.06);
  }
  .menu__link:hover .menu__icon {
    transform: translateY(0);
    color: #141414;
    visibility: visible;
    opacity: 1;
  }
  .menu__link:hover .menu__text {
    grid-column: 2/3;
    color: #141414;
    /* stylelint-disable scss/no-global-function-names */
    /* stylelint-enable scss/no-global-function-names */
  }
}
@media (hover: hover) and (max-width: 767px) {
  .menu__link:hover .menu__text {
    width: -moz-fit-content;
    width: fit-content;
    padding-left: 16px;
  }
}
.menu__link .menu__icon {
  position: absolute;
  right: 0;
  display: block;
  width: 24px;
  height: 24px;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s;
}
.menu__link .menu__text {
  grid-column: 2/3;
  padding: 8px;
  color: #141414;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .menu__link .menu__text {
    width: -moz-fit-content;
    width: fit-content;
    padding-left: 16px;
  }
}
.menu_white .menu__link {
  color: #fff;
  border-top: 1px solid #fff;
}
.menu_white .menu__link .menu__text {
  color: #fff;
}
@media (hover: hover) {
  .menu_white .menu__link:hover {
    background: rgba(255, 255, 255, 0.1);
  }
  .menu_white .menu__link:hover svg {
    color: #fff;
    visibility: visible;
    opacity: 1;
    fill: #fff;
  }
}
.contacts {
  display: grid;
  -moz-column-gap: 32px;
       column-gap: 32px;
  height: -moz-fit-content;
  height: fit-content;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
.contacts_black p {
  color: #141414;
}
.contacts_black a {
  color: #141414;
}
@media (max-width: 767px) {
  .contacts {
    grid-template-columns: repeat(1, 1fr);
    row-gap: 24px;
  }
  .contacts button {
    width: 100%;
    padding: 12px 24px;
  }
}
.contacts__title {
  font-weight: 500;
}
.contacts p {
  width: 100%;
  max-width: 323px;
  height: 100%;
  max-height: 60px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .contacts p {
    max-width: 100%;
  }
}
.contacts__wrap {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 315px;
}
.contacts__list {
  display: flex;
  flex-direction: column;
  row-gap: 51px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .contacts__list {
    row-gap: 31px;
  }
}
.custom-swiper__arrow {
  position: absolute;
  z-index: 2;
  transform: rotate(45deg);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  color: #ffffff;
  background-color: #ff4614;
  border-radius: 4px;
  transition: transform 0.3s 0.2s;
}
.custom-swiper__arrow svg {
  transform: rotate(-45deg);
  width: 22px;
  height: 22px;
}
.custom-swiper__navigation {
  display: flex;
  gap: 54px;
  align-items: center;
}
.custom-swiper__pagination {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 16px 5px;
}
.custom-swiper__pagination-item {
  cursor: pointer;
  z-index: 1;
  transform: rotate(45deg);
  display: block;
  width: 22px;
  height: 22px;
  background-color: #ff4614;
  border-radius: 2px;
  transition: background-color 0.3s 0.1s, width 0.2s 0.1s, height 0.2s 0.1s;
}
.custom-swiper__pagination-item:nth-child(2) {
  width: 22px;
  height: 22px;
  background-color: #ff4614;
}
.custom-swiper__pagination-item_active {
  width: 8px;
  height: 8px;
  background-color: #64666f;
}
.custom-swiper__pagination-item_active ~ .custom-swiper__pagination-item {
  width: 8px;
  height: 8px;
  background-color: #64666f;
}
.custom-swiper__pagination-item_active ~ .custom-swiper__pagination-divider::after {
  left: -100%;
}
.custom-swiper__pagination-item_active ~ .custom-swiper__pagination-divider::before {
  right: 0;
}
.custom-swiper__pagination-divider {
  position: relative;
  z-index: 0;
  overflow: hidden;
  width: 100%;
  height: 3px;
}
.custom-swiper__pagination-divider::after, .custom-swiper__pagination-divider::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  height: 100%;
  transition: left 0.1s 0.3s, right 0.1s 0.3s;
}
.custom-swiper__pagination-divider::after {
  left: 0;
  background: repeating-linear-gradient(to right, #ff4614 0px, #ff4614 10px, transparent 10px, transparent 20px);
}
.custom-swiper__pagination-divider::before {
  right: -100%;
  height: 1px;
  background: repeating-linear-gradient(to right, rgba(255, 255, 255, 0.2) 0px, rgba(255, 255, 255, 0.2) 6px, transparent 6px, transparent 10px);
  border-radius: 2px;
}
.custom-swiper__buttons {
  display: flex;
  gap: 16px;
  justify-content: flex-end;
  width: 100%;
  padding: 5px;
}
.custom-swiper__button {
  cursor: pointer;
  width: 24px;
  height: 24px;
  color: #17171a;
  background-color: #ffffff;
  border-radius: 4px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (hover: hover) {
  .custom-swiper__button:hover {
    color: #ffffff;
    background-color: #ff4614;
  }
}
@media (hover: hover) {
  .custom-swiper__button.swiper-button-disabled:hover {
    color: #17171a;
    opacity: 0.5;
    background-color: #ffffff;
  }
}
.custom-swiper__button_prev {
  transform: rotate(-135deg);
}
.custom-swiper__button_prev svg {
  transform: rotate(-45deg);
}
.custom-swiper__button_next {
  transform: rotate(45deg);
}
.custom-swiper__button_next svg {
  transform: rotate(-45deg);
}
@media (max-width: 427px) {
  .custom-swiper__button {
    opacity: 0.5;
  }
  .custom-swiper__button:active {
    opacity: 1;
  }
}
.custom-swiper_vertical {
  flex-direction: column;
  height: 100%;
  border-radius: 12px;
}
.custom-swiper_vertical .custom-swiper__pagination_vertical {
  position: absolute;
  z-index: 4;
  top: 0;
  bottom: 0;
  left: 25%;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 22px;
  height: 100%;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .custom-swiper_vertical .custom-swiper__pagination_vertical {
    left: 10%;
  }
}
@media (max-width: 767px) {
  .custom-swiper_vertical .custom-swiper__pagination_vertical {
    display: none;
  }
}
.custom-swiper_vertical .custom-swiper__pagination-divider_vertical {
  position: relative;
  z-index: 0;
  width: 1px;
  height: 100%;
}
.custom-swiper_vertical .custom-swiper__pagination-divider_vertical::before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 100%;
  height: 100%;
  background: repeating-linear-gradient(to bottom, #ffffff 0px, #ffffff 10px, transparent 10px, transparent 20px);
}
.custom-swiper_vertical .custom-swiper__pagination-item {
  transform: rotate(45deg);
  flex-shrink: 0;
  width: 8px;
  height: 8px;
  background-color: #ffffff;
}
.custom-swiper_vertical .custom-swiper__pagination-item_active {
  transform: rotate(45deg);
  width: 22px;
  height: 22px;
  background-color: #ffffff;
}
.custom-swiper_vertical .custom-swiper__pagination-item_active ~ .custom-swiper__pagination-item {
  width: 8px;
  height: 8px;
  background-color: #ffffff;
}
.custom-swiper_vertical .custom-swiper__pagination-item_active ~ .custom-swiper__pagination-divider::after {
  top: -100%;
  left: 50%;
}
.custom-swiper_vertical .custom-swiper__pagination-item_active ~ .custom-swiper__pagination-divider::before {
  top: 0;
  right: unset;
}
.swiper-button-disabled {
  opacity: 0.5;
}
.swiper-autoplay {
  position: relative;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .swiper-autoplay {
    margin-bottom: 24px;
  }
}
.swiper-autoplay .swiper-progress-bar {
  position: absolute;
  z-index: 10;
  right: 22px;
  bottom: 32px;
  left: 22px;
  overflow: hidden;
  height: 2px;
  background: rgba(255, 255, 255, 0.1);
}
.swiper-autoplay .swiper-progress-bar .swiper-progress {
  width: 0%;
  height: 100%;
  background: #fff;
  transition: width linear;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 427px) {
  .swiper-autoplay .swiper-progress-bar .swiper-progress {
    background: #ff4614;
  }
}
.swiper.profile-slider .profile-slider__pagination {
  -moz-column-gap: 32px;
       column-gap: 32px;
  justify-content: start;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .swiper.profile-slider .profile-slider__pagination {
    display: none;
    -moz-column-gap: 20px;
         column-gap: 20px;
  }
}
.product {
  position: relative;
  overflow: hidden;
  grid-column: span 2;
  transition: transform 0.5s ease-out;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
.product.hidden {
  display: none;
}
.product__card {
  padding-bottom: 64px;
}
@media (max-width: 427px) {
  .product__card:last-child {
    padding-bottom: 0;
  }
}
@media (max-width: 991px) {
  .product {
    grid-column: span 2;
    margin-top: 40px;
  }
}
@media (max-width: 427px) {
  .product {
    margin-top: 0;
  }
}
.product:nth-child(3n+4) {
  grid-column: span 4;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .product:nth-child(3n+4) {
    grid-column: span 2;
  }
}
.product:first-child {
  grid-column: span 4;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .product:first-child {
    grid-column: span 2;
  }
}
.product:first-child .product__icons {
  grid-template-columns: repeat(4, 1fr);
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .product:first-child .product__icons {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media (hover: hover) {
  .product:hover .product__content .tags__container .tag {
    opacity: 1;
  }
  .product:hover .product__image {
    transform: translateY(-10px) scale(1.05);
  }
}
.product__image {
  position: relative;
  overflow: hidden;
  width: 100%;
  max-width: 541px;
  height: auto;
  max-height: 532px;
  transition: object-position 0.5s ease-out, transform 0.5s ease-out;
  transition: object-position 0.5s ease-out, transform 0.5s ease-out, -o-object-position 0.5s ease-out;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .product__image {
    max-width: 271px;
    max-height: 266px;
    -o-object-fit: contain;
       object-fit: contain;
  }
}
.product__title {
  padding-bottom: 8px;
  color: #fff;
}
.product__description {
  padding-bottom: 8px;
  color: #a7a6a3;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .product__description {
    padding-bottom: 12px;
  }
}
.product__content {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 532px;
  background: rgba(255, 255, 255, 0.06);
  border-radius: 4px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
.product__content:not(:has(.product__image + .product__image + .product__image)) {
  justify-content: center;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .product__content:not(:has(.product__image + .product__image + .product__image)) {
    gap: 20px;
    justify-content: space-between;
    padding: 16px;
  }
  .product__content:not(:has(.product__image + .product__image + .product__image)) .tags__container {
    position: static;
    gap: 4px;
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  .product__content {
    overflow: hidden;
    height: 321px;
    margin-bottom: 12px;
    border-radius: 12px;
  }
}
.product__content .tags__container {
  z-index: 4;
  gap: 8px;
  align-self: self-start;
  max-width: 500px;
}
.product__content .tags__container .tag {
  opacity: 0;
  transition: opacity 0.4s ease-in-out;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .product__content .tags__container .tag {
    opacity: 1;
  }
}
.product .product__icons {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  flex-wrap: wrap;
  -moz-column-gap: 32px;
       column-gap: 32px;
  justify-content: space-between;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .product .product__icons {
    grid-template-columns: repeat(1, 1fr);
  }
}
.product .product__icons .icon__block {
  display: flex;
  -moz-column-gap: 24px;
       column-gap: 24px;
  align-items: center;
  padding: 12px 4px;
  color: #fff;
  border-bottom: 1px solid #a6a8b6;
}
.product .product__icons .icon__block svg {
  width: 32px;
  height: 32px;
  fill: #fff;
}
.product:has(.product__image + .product__image + .product__image) {
  position: relative;
}
.product:has(.product__image + .product__image + .product__image) .product__image {
  position: relative;
  z-index: 0;
  overflow: visible;
  width: 100%;
  max-width: 600px;
  height: 140px;
  -o-object-position: 0;
     object-position: 0;
  transition: transform 0.5s ease, margin-bottom 0.5s ease;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
.product:has(.product__image + .product__image + .product__image) .product__image:nth-of-type(1) {
  z-index: 3;
  transform: translateY(40px);
  margin-bottom: -60px;
}
.product:has(.product__image + .product__image + .product__image) .product__image:nth-of-type(2) {
  z-index: 2;
  transform: translateY(20px);
  margin-bottom: -60px;
}
.product:has(.product__image + .product__image + .product__image) .product__image:nth-of-type(3) {
  z-index: 1;
  transform: translateY(0px);
}
@media (max-width: 767px) {
  .product:has(.product__image + .product__image + .product__image) .product__image {
    max-width: 271px;
    height: 80px;
  }
  .product:has(.product__image + .product__image + .product__image) .product__image:nth-of-type(1) {
    z-index: 3;
    transform: translateY(10px);
    margin-bottom: -40px;
  }
  .product:has(.product__image + .product__image + .product__image) .product__image:nth-of-type(2) {
    z-index: 2;
    transform: translateY(5px);
    margin-bottom: -40px;
  }
  .product:has(.product__image + .product__image + .product__image) .product__image:nth-of-type(3) {
    z-index: 1;
    transform: translateY(0px);
  }
}
@media (hover: hover) {
  .product:has(.product__image + .product__image + .product__image):hover .product__image:nth-of-type(1) {
    z-index: 3;
    transform: translateY(-80px);
  }
  .product:has(.product__image + .product__image + .product__image):hover .product__image:nth-of-type(2) {
    z-index: 2;
    transform: translateY(-60px);
  }
  .product:has(.product__image + .product__image + .product__image):hover .product__image:nth-of-type(3) {
    z-index: 1;
    transform: translateY(-40px);
  }
}
.palette {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  width: 100%;
  padding: 24px;
  background: rgba(255, 255, 255, 0.06);
  border-radius: 24px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .palette {
    overflow-x: scroll;
    flex-wrap: nowrap;
    width: 100%;
    background: transparent;
  }
  .palette__wrap_scroll {
    overflow-x: scroll;
    width: -moz-fit-content;
    width: fit-content;
    padding: 3px 12px 12px;
    background: rgba(255, 255, 255, 0.06);
    border-radius: 24px;
    /* stylelint-disable scss/no-global-function-names */
    /* stylelint-enable scss/no-global-function-names */
  }
}
@media (max-width: 767px) and (max-width: 1399px) {
  .palette__wrap_scroll {
    width: 100%;
  }
}
.palette__button {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  row-gap: 3px;
  align-items: center;
  width: 100%;
  max-width: 75px;
}
.palette__button.active .palette_circle {
  border: 1px solid rgba(255, 70, 20, 0.7);
}
.palette_circle {
  display: block;
  width: 48px;
  height: 48px;
  border-radius: 50%;
}
.palette_circle.white {
  background-color: #fff;
}
.palette_circle.gray {
  background-color: #a5a8a6;
}
.palette_circle.brown {
  background-color: #44322d;
}
.palette_circle.yellow {
  background-color: #eea205;
}
.palette_circle.white-10 {
  background-color: #f1efe9;
}
.palette_circle.beige {
  background-color: #ded09f;
}
.palette_circle.green {
  background-color: #3e753b;
}
.palette_circle.red {
  background-color: #5e2028;
}
.palette_circle.blue {
  background-color: #2874b2;
}
.palette_circle.black {
  background-color: #1e1e1e;
}
.palette-button {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: center;
  min-width: 146px;
  height: 44px;
  padding: 16px;
  color: #fff;
  background-color: rgba(126, 128, 137, 0.2);
  border-radius: 200px;
}
.palette-button.active .palette_circle {
  width: 24px;
  height: 24px;
  border: 1px solid rgba(255, 70, 20, 0.7);
}
@media (min-width: 428px) {
  .palette-button {
    display: none;
  }
}
.banner {
  display: flex;
  -moz-column-gap: 32px;
       column-gap: 32px;
  width: 100%;
  height: 100%;
  max-height: 200px;
  margin-bottom: 48px;
  background-color: #1f1f1f;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .banner {
    flex-direction: column;
    max-height: 420px;
  }
}
.banner .button {
  min-width: 124px;
  white-space: nowrap;
}
.banner__image {
  overflow: hidden;
  flex: 1;
  width: 100%;
  max-width: 342px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .banner__image {
    flex: 2;
    max-width: unset;
  }
}
.banner__image .banner__img {
  width: 100%;
  height: 100%;
  margin: 0;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 0;
}
.banner p.banner__text {
  max-width: 378px;
  padding-bottom: 0;
  color: #fff;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .banner p.banner__text {
    text-align: center;
  }
}
.banner__content {
  display: flex;
  flex: 2;
  gap: 29px;
  align-items: center;
  justify-content: space-around;
  margin-right: 24px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .banner__content {
    flex: 1;
    flex-direction: column;
    margin-right: 0;
    padding: 15px;
  }
}
.grid__list_item {
  display: flex;
  flex-wrap: nowrap;
  -moz-column-gap: 24px;
       column-gap: 24px;
  align-items: center;
  height: 100%;
  max-height: 81px;
  padding: 24px 0;
  list-style-type: none;
  border-bottom: 1px solid #a6a8b6;
}
.grid__list_item .item__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 2px;
}
.grid__list_item .item__icon svg {
  width: 16px;
  height: 16px;
}
.grid__list_item .item__text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 32px;
  word-break: break-word;
}
.grid__list_item .item__text p {
  max-width: 100%;
}
.picker {
  display: flex;
  gap: 84px;
  padding: 24px 16px;
  background-color: rgba(255, 255, 255, 0.06);
  border-radius: 24px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .picker {
    order: -1;
    margin-bottom: 32px;
  }
}
@media (max-width: 1399px) {
  .picker {
    gap: 32px;
  }
}
@media (max-width: 1299px) {
  .picker {
    flex-wrap: wrap;
  }
}
.picker__wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .picker__wrapper {
    gap: 32px;
  }
}
.picker__output {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-top: auto;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .picker__output {
    gap: 16px;
  }
}
.picker__copied {
  display: none;
  height: 0;
  padding: 12px 24px;
  background-color: #5d5d5f;
  border-radius: 16px;
}
.picker__color {
  cursor: pointer;
  display: flex;
  gap: 8px;
  align-items: flex-start;
}
.picker__color-box {
  width: 140px;
  padding: 12px 24px;
  border-radius: 16px;
}
.picker__copy {
  cursor: pointer;
  width: 24px;
  height: 24px;
}
.typography__content {
  padding-top: 30px;
}
.section__typography {
  margin-bottom: 2rem;
  padding: 0.9375rem;
}
.typography__content-item {
  margin-bottom: 40px;
}
hr {
  height: 1px;
  margin-top: 16px;
  background-color: #fff;
  border: none;
}
.links-page .container > h1,
.links-page .container > ul {
  grid-column: span 4;
}
.header {
  position: fixed;
  z-index: 996;
  top: 0;
  right: 0;
  left: 0;
  padding: 18px 0 0;
  background-color: transparent;
  transition: transform 0.3s ease;
  --progress: 0;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .header .logo {
    padding: 0;
  }
}
@media (max-width: 427px) {
  .header {
    padding: 0;
  }
  .header .logo {
    padding: 14px 0 14px 16px;
  }
  .header .menu__wrapper {
    padding: 6px 9px 6px 0;
  }
}
.header .logo__block svg {
  color: hsl(0, 0%, calc(100% - var(--progress) * 100%));
}
.header #menu-toggle-btn {
  color: hsl(0, 0%, calc(0% + var(--progress) * 100%));
  background-color: hsl(0, 0%, calc(100% - var(--progress) * 100%));
  transition: background-color 0.2s linear, color 0.2s linear;
}
.header .observer-trigger {
  pointer-events: none;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
}
.header.is-on-white .logo__block svg {
  color: #141414;
}
.header.is-on-white #menu-toggle-btn {
  color: #fff;
  background-color: #141414;
}
.header.is-on-white .button__icon svg path {
  fill: #fff;
}
.header .container {
  max-width: unset;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
.header .container:not(:has(.tabs__wrapper)) {
  grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 1199px) {
  .header .container {
    grid-template-columns: repeat(2, minmax(min-content, auto));
  }
}
@media (max-width: 767px) {
  .header .container {
    padding: 0 16px;
  }
}
@media (max-width: 427px) {
  .header .container {
    padding: 0;
    background-color: rgba(255, 255, 255, 0.06);
    -webkit-backdrop-filter: blur(20px);
            backdrop-filter: blur(20px);
  }
}
.header .tabs__wrapper {
  display: flex;
  grid-column: 2/4;
  -moz-column-gap: 12px;
       column-gap: 12px;
  align-items: center;
  justify-self: center;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 1399px) {
  .header .tabs__wrapper {
    -moz-column-gap: 8px;
         column-gap: 8px;
  }
}
@media (max-width: 1199px) {
  .header .tabs__wrapper {
    display: none;
  }
}
.header .menu__wrapper {
  display: flex;
  gap: 36px;
  align-items: center;
  justify-content: flex-end;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .header .menu__wrapper .button {
    padding: 12px 24px;
  }
  .header .menu__wrapper .button__icon {
    display: none;
  }
  .header .menu__wrapper .dropdown {
    display: none;
  }
}
.header .menu__wrapper .button__icon {
  width: 20px;
  height: 20px;
}
.white .tabs {
  background: #17171a;
}
.white .tabs li {
  color: #a7a6a3;
}
.hero {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: space-between;
  min-height: 100vh;
  padding-bottom: 32px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
.hero:not(.hero-with-slider)::before {
  pointer-events: none;
  content: "";
  position: absolute;
  z-index: 1;
  inset: 0;
  background: linear-gradient(0deg, rgba(20, 20, 20, 0.5), rgba(20, 20, 20, 0.5));
  border-radius: 0 0 12px 12px;
}
.hero__tags-container {
  z-index: 1;
  margin-top: 36px;
  margin-left: 7px;
}
.hero .container {
  max-width: unset;
}
.hero .container * {
  z-index: 1;
}
.hero__background {
  position: absolute;
  z-index: -1;
  inset: 0;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.hero__content {
  display: grid;
  grid-column: 1/3;
  grid-template-columns: repeat(2, calc(50% - 16px));
  -moz-column-gap: 32px;
       column-gap: 32px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
.hero__content + .hero-footer {
  margin-top: 32px;
}
.hero__content.right {
  grid-column: 3/5;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .hero__content.right {
    grid-column: span 2;
  }
}
.hero__content.center {
  grid-column: 2/4;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .hero__content.center {
    grid-column: span 2;
  }
}
@media (max-width: 991px) {
  .hero__content {
    grid-column: span 2;
  }
}
@media (max-width: 427px) {
  .hero__content {
    -moz-column-gap: 12px;
         column-gap: 12px;
  }
}
.hero__link {
  display: flex;
  align-items: center;
  margin-bottom: 25px;
}
.hero__link svg {
  width: 24px;
  height: 24px;
  margin-right: 8px;
}
.hero__title {
  grid-column: span 2;
  margin-bottom: 44px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
.hero__title:has(+ .hero__text) {
  margin-bottom: 16px;
}
@media (max-width: 427px) {
  .hero__title {
    margin-bottom: 24px;
  }
  .hero__title:has(+ .hero__subtitle) {
    margin-bottom: 0;
  }
}
.hero__subtitle {
  grid-column: span 2;
  margin-bottom: 36px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 427px) {
  .hero__subtitle {
    font-size: 24px;
    font-weight: 500;
    line-height: 30px;
  }
}
.hero__text {
  grid-column: span 2;
  margin-bottom: 40px;
}
.hero__date {
  grid-column: span 2;
  margin-bottom: 12px;
}
.hero-buttons {
  display: flex;
  grid-column: span 2;
  flex-wrap: wrap;
  row-gap: 16px;
  -moz-column-gap: 4px;
       column-gap: 4px;
  align-items: center;
}
.hero-buttons > span {
  margin-left: 20px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 427px) {
  .hero-buttons > span {
    margin-left: 3px;
  }
}
.hero-footer {
  display: flex;
  grid-column: span 4;
  align-items: center;
  justify-content: space-between;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .hero-footer {
    grid-column: span 2;
  }
}
.hero.darken {
  position: relative;
}
.hero.hero-lsk .hero__content {
  grid-column: span 3;
}
@media (max-width: 427px) {
  .hero .hero__title {
    font-size: 31px;
    font-weight: 500;
    line-height: 30px;
  }
  .hero .hero__tags-container {
    grid-column: span 2;
    padding-bottom: 24px;
  }
  .hero .hero__tags-container .tags__container {
    position: static;
  }
  .hero .buttons__subtext {
    font-size: 12px;
  }
}
canvas {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}
@media (max-width: 991.98px) {
  canvas {
    position: absolute;
  }
}
.canvas-block button {
  border: none;
  outline: none;
}
.canvas-block::before {
  content: "";
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(36, 36, 36, 0.2) 53.27%, rgba(23, 23, 26, 0.4) 100%);
}
.canvas-block__text {
  position: fixed;
  z-index: 3;
  bottom: 23.1481481481vh;
  left: 16px;
  max-width: 88.8888888889vh;
  font-size: 2.2222222222vh;
  line-height: 1.5;
  text-align: left;
  visibility: hidden;
  opacity: 0;
  transition: opacity 1s ease, visibility 1s ease;
}
@media (max-width: 991.98px) {
  .canvas-block__text {
    display: none;
  }
}
button.text-canvas__close {
  cursor: pointer;
  display: flex;
  justify-content: end;
  width: 100%;
  margin-bottom: 2.962962963vh;
  font-size: 1.4814814815vh;
  font-weight: 300;
  color: #fff;
  background: none;
}
.text-canvas__link {
  padding: 0.1851851852vh 1.1111111111vh;
  font-size: 1.4814814815vh;
  color: #fff;
  text-decoration: none;
  background: #ff4614;
  border-radius: 80px;
}
.canvas-info {
  display: none;
  padding-top: 2.2222222222vh;
  border-top: 1px solid rgba(255, 255, 255, 0.3);
}
.canvas-info__items {
  display: flex;
  gap: 24px;
}
.canvas-info__item {
  display: flex;
  gap: 1.1111111111vh;
  align-items: center;
  font-size: 1.4814814815vh;
  font-weight: 300;
}
.canvas-info__item span:first-child {
  height: 2.2222222222vh;
}
.canvas-info__item span:first-child svg {
  width: 2.2222222222vh;
  height: 2.2222222222vh;
}
.canvas-block__text.active {
  visibility: visible;
  opacity: 1;
}
@media (max-width: 991.98px) {
  .canvas-block__text.active {
    display: block;
  }
}
.nav-block {
  position: fixed;
  z-index: 3;
  top: 87.962962963vh;
  left: 50%;
  transform: translate(-50%, 0px);
  display: flex;
  gap: 1.3888888889vh;
}
@media (max-width: 991.98px) {
  .nav-block {
    display: none;
  }
}
.nav-block__btn {
  display: flex;
  gap: 0.7407407407vh;
  justify-content: space-between;
  width: 100%;
  padding: 0;
  background: radial-gradient(circle at 0% 50%, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.06) 100%);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  border-radius: 100px;
}
.nav-block__button {
  cursor: pointer;
  padding: 0.9259259259vh 1.8518518519vh;
  font-size: 1.8518518519vh;
  font-weight: 500;
  color: #fff;
  white-space: nowrap;
  background: rgba(217, 217, 217, 0);
  border-radius: 100px;
  transition: all 1s;
}
.nav-block__button.active,
.nav-btn_back.active span {
  background: #ff4614;
}
.nav-btn_back {
  cursor: pointer;
  flex: 0 0 5.5555555556vh;
  width: 5.5555555556vh;
  height: 5.5555555556vh;
  padding: 0.3703703704vh;
  background: rgba(255, 255, 255, 0.3);
  -webkit-backdrop-filter: blur(7px);
          backdrop-filter: blur(7px);
  border-radius: 50%;
}
.nav-btn_back span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4.8148148148vh;
  height: 4.8148148148vh;
  background: rgba(217, 217, 217, 0);
  border-radius: 50%;
  transition: all 0.5s;
}
.nav-btn_back span svg {
  width: 2.5925925926vh;
  height: 2.4074074074vh;
}
.content {
  position: relative;
  height: 400px;
}
.container-canvas {
  position: relative;
  overflow: hidden;
  height: 100svh;
}
.canvas-btn span:first-child {
  position: relative;
  display: block;
  width: 40px;
  height: 40px;
  background: rgba(255, 255, 255, 0.2);
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  border-radius: 50%;
  transition: all 0.5s;
}
.canvas-btn span:first-child::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 16px;
  height: 16px;
  background: #ff4614;
  border-radius: 50%;
}
.canvas-btn span:last-child {
  cursor: auto;
  position: absolute;
  top: -20px;
  padding: 12px 16px;
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  white-space: nowrap;
  visibility: hidden;
  opacity: 0;
  background: #ff4614;
  border-radius: 80px;
  transition: all 0.5s;
}
.canvas-btn:not(#canvas-btn-4) span:last-child {
  left: 56px;
}
#canvas-btn-4.canvas-btn span:last-child {
  right: 56px;
}
.canvas-btn {
  cursor: pointer;
  position: absolute;
  z-index: 3;
  background-color: inherit;
}
.canvas-btn__block {
  position: relative;
  display: flex;
}
#canvas-btn-1 {
  top: 18%;
  left: 17%;
}
#canvas-btn-2 {
  top: 35%;
  left: 36%;
}
#canvas-btn-3 {
  top: 18%;
  right: 27%;
}
#canvas-btn-4 {
  top: 25%;
  right: 9%;
}
.canvas-btns {
  visibility: hidden;
  opacity: 0;
  transition: all 0.2s;
}
.canvas-btns.visible {
  visibility: visible;
  opacity: 1;
}
.main-text {
  position: absolute;
  z-index: 10;
  bottom: 23.1481481481vh;
  left: 16px;
  max-width: 88.8888888889vh;
  visibility: visible;
  opacity: 1;
  transition: all 0.5s;
}
.main-text.hidden {
  visibility: hidden;
  opacity: 0;
}
.main-text h1,
.canvas-block__text h2 {
  margin-bottom: 2.2222222222vh;
  font-size: 6.3888888889vh;
  font-weight: 500;
  line-height: 122%;
}
.main-text p,
.canvas-block__text p {
  font-size: 3.5185185185vh;
  font-weight: 300;
  line-height: 126%;
}
.main-text__btns,
.text-canvas__btns {
  display: flex;
  -moz-column-gap: 4px;
       column-gap: 4px;
  margin-top: 4.9074074074vh;
}
.main-text__btn,
.text-canvas__btn {
  cursor: pointer;
  padding: 1.4814814815vh 3.3333333333vh;
  font-size: 2.1296296296vh;
  font-weight: 500;
  line-height: 139%;
}
.main-text__btn:first-child,
.text-canvas__btn:first-child {
  color: #fff;
  background: #ff4614;
  border-radius: 200px;
}
.main-text__btn:last-child,
.text-canvas__btn:last-child {
  max-width: 25.462962963vh;
  color: #242424;
  background: #fff;
  border-radius: 2px;
}
.text-canvas__nav svg path {
  transition: all 0.5s;
}
.text-canvas__nav {
  display: flex;
  gap: 2.2222222222vh;
  align-items: center;
}
.nav-left,
.nav-right {
  cursor: pointer;
  background-color: inherit;
}
.nav-left svg,
.nav-right svg {
  width: 1.6666666667vh;
  height: 1.6666666667vh;
}
.nav-right.no-active,
.nav-left.no-active {
  cursor: auto;
  opacity: 0.5;
}
.text-canvas__nav button.nav-right.no-active:hover svg path {
  stroke: #fff;
}
.text-canvas__nav button.nav-left.no-active:hover svg path {
  stroke: #fff;
}
@media (max-width: 767.98px) {
  .nav-block {
    top: 82.4074074074vh;
  }
  .nav-block__btn {
    flex-direction: column;
    gap: 6px;
    width: 65vw;
    background: none;
    -webkit-backdrop-filter: blur(0px);
            backdrop-filter: blur(0px);
  }
  .nav-block__button {
    padding: 5px 10px;
    font-size: 13px;
    background: rgba(255, 255, 255, 0.3);
    -webkit-backdrop-filter: blur(7px);
            backdrop-filter: blur(7px);
  }
  .main-text h1,
  .canvas-block__text h2 {
    margin-bottom: 18px;
    font-size: 28px;
  }
  .main-text p,
  .canvas-block__text p {
    font-size: 18px;
  }
  .main-text,
  .canvas-block__text {
    z-index: 2;
    bottom: 21.2962962963vh;
    max-width: 80%;
  }
  .main-text__btns,
  .text-canvas__btns {
    display: flex;
    flex-wrap: wrap;
    row-gap: 12px;
  }
  .main-text__btn:last-child,
  .text-canvas__btns:last-child {
    width: auto;
  }
  .canvas-info__items {
    overflow: auto;
  }
}
@media (any-hover: hover) {
  .nav-block__button:hover,
  .nav-btn_back:hover span {
    background: rgba(217, 217, 217, 0.5);
  }
  .canvas-btn span:first-child:hover {
    transform: scale(1.1);
    background: rgba(255, 255, 255, 0.6);
  }
  .canvas-btn:has(span:first-child:hover) span:last-child {
    top: 0;
    visibility: visible;
    opacity: 1;
  }
  .text-canvas__nav button:hover svg path {
    stroke: #ff4614;
  }
}
.hero-with-slider {
  align-items: center;
  justify-content: center;
  padding: 0;
}
.hero-with-slider .hero-slide {
  display: flex;
  gap: 128px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 1199px) {
  .hero-with-slider .hero-slide {
    flex-wrap: wrap;
    gap: 0;
  }
}
.hero-with-slider .hero-slide__img {
  width: 60dvw;
  max-width: 1020px;
  height: 560px;
  -o-object-fit: contain;
     object-fit: contain;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 1199px) {
  .hero-with-slider .hero-slide__img {
    height: auto;
  }
}
@media (max-width: 991px) {
  .hero-with-slider .hero-slide__img {
    width: 100%;
    max-width: 100%;
  }
}
.hero-with-slider .hero-slide .hero__subtitle {
  color: #ffffff;
}
.hero-slider {
  grid-column: span 4;
  width: 100%;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 1199px) {
  .hero-slider {
    margin-bottom: 48px;
  }
}
.hero-slider__wrapper {
  position: relative;
  display: flex;
  width: 100%;
}
.hero-slider__buttons {
  display: flex;
  gap: 16px;
}
.hero-slider__button_prev {
  transform: rotate(-135deg);
}
.hero-slider__button_prev svg {
  transform: rotate(-45deg);
}
.hero-slider__button_next {
  transform: rotate(45deg);
}
.hero-slider__button_next svg {
  transform: rotate(-45deg);
}
.hero__catalog {
  justify-content: end;
}
.hero__catalog .hero__subtitle.h500 {
  font-weight: 500;
}
.hero__catalog .hero__subtitle.h500 {
  font-size: clamp(31px, 31px + (54 - 31) * (100vw - 320px) / (1920 - 320), 54px);
  line-height: clamp(40px, 40px + (64 - 40) * (100vw - 320px) / (1920 - 320), 64px);
}
.about {
  display: flex;
  align-items: center;
  min-height: 100vh;
}
.about.about_text-top {
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
.about.about_text-top .about__text-container {
  align-content: start;
}
@media (max-width: 427px) {
  .about.about_text-top .about__title {
    padding-bottom: 48px;
    font-size: 38px;
    font-weight: 500;
    line-height: 48px;
    color: #ffd900;
  }
  .about.about_text-top .about__text-container {
    padding: 0 12px;
  }
  .about.about_text-top .about__text {
    margin-bottom: 40px;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    color: #a7a6a3;
  }
}
.about .container {
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .about .container {
    grid-row-gap: 24px;
  }
}
.about__slider {
  grid-column: 1/span 2;
  height: 920px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .about__slider {
    height: auto;
    max-height: 70vh;
  }
}
@media (max-width: 427px) {
  .about__slider .about-slider__slide {
    height: 378px;
  }
}
.about-slider {
  grid-column: 1/span 2;
  height: 100%;
  border-radius: 4px;
}
.about-slider__slide {
  width: 100%;
  height: 100%;
}
.about-slider__slide img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.about__text-container {
  display: grid;
  grid-column: 3/span 2;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(3, minmax(min-content, max-content));
  row-gap: 24px;
  align-content: center;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .about__text-container {
    grid-column: 1/span 2;
    grid-template-columns: 1fr 2fr;
    row-gap: 24px;
    padding: 0;
  }
  .about__text-container:not(:has(.button)) {
    order: -1;
  }
}
@media (max-width: 427px) {
  .about__text-container {
    row-gap: 0;
  }
}
.about__img {
  grid-column: span 2;
}
.about__title {
  grid-column: 1/span 2;
}
.about__text {
  grid-column: 2/span 1;
  margin-bottom: 64px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 1199px) {
  .about__text {
    grid-column: span 2;
  }
}
@media (max-width: 767px) {
  .about__text {
    margin-bottom: 24px;
  }
}
.about__list {
  grid-column: span 2;
  margin-left: 0;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
.about__list li:not(:last-child) {
  margin-bottom: 8px;
}
@media (max-width: 427px) {
  .about__list {
    margin-bottom: 48px;
    padding: 48px 4px 0;
  }
}
.about__buttons {
  display: flex;
  grid-column: 1/span 2;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 1199px) {
  .about__buttons {
    flex-wrap: wrap;
    row-gap: 20px;
  }
}
@media (max-width: 767px) {
  .about__buttons {
    grid-column: span 2;
    flex-direction: column;
    row-gap: 16px;
  }
  .about__buttons a {
    width: 100%;
  }
}
.about-with-table {
  position: relative;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 427px) {
  .about-with-table .container {
    row-gap: 0;
  }
  .about-with-table .table-content__wrap {
    overflow: hidden;
    overflow-x: auto;
    display: flex;
  }
  .about-with-table .table-list {
    margin-bottom: 10px;
  }
  .about-with-table .button.button_translucent {
    display: block;
    justify-self: start;
    min-width: 140px;
  }
}
.about-with-table .accent.about__text {
  margin-bottom: 64px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 427px) {
  .about-with-table .accent.about__text {
    margin-bottom: 16px;
  }
}
.about-with-table .about__img {
  grid-column: span 2;
  height: 600px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 4px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .about-with-table .about__img {
    grid-column: span 2;
    height: auto;
    max-height: 600px;
    margin-bottom: 48px;
  }
}
.about-with-table .about__title, .about-with-table .about__text {
  grid-column: 3/span 2;
  margin-bottom: 0;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .about-with-table .about__title, .about-with-table .about__text {
    grid-column: span 2;
    margin-bottom: 24px;
  }
}
@media (max-width: 427px) {
  .about-with-table .about__title, .about-with-table .about__text {
    margin-bottom: 48px;
  }
}
.about-with-table .about__text {
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 427px) {
  .about-with-table .about__text {
    margin-bottom: 16px;
  }
}
.about-with-table .table.grid__content {
  grid-column: 2/span 3;
  grid-template-columns: 1fr;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .about-with-table .table.grid__content {
    grid-column: span 2;
  }
}
.about-with-table .table.grid__content-wrap {
  grid-template-columns: 1fr;
}
.about-with-table .table .grid__content-wrap {
  grid-template-columns: 1fr;
}
.about-with-table .table .grid__list {
  display: grid;
  grid-column-gap: 32px;
  grid-template-columns: repeat(3, 1fr);
  border-top: 1px solid #a6a8b6;
}
.about-with-table .table .grid__list_item {
  grid-column: 2/span 2;
  max-height: unset;
  border-bottom: unset;
}
.about-with-table .table .grid__list_item p {
  font-weight: 300;
}
.about-with-table .table .grid__list_item p {
  font-size: clamp(16px, 16px + (23 - 16) * (100vw - 320px) / (1920 - 320), 23px);
  line-height: clamp(24px, 24px + (32 - 24) * (100vw - 320px) / (1920 - 320), 32px);
}
.about-LSKP {
  min-height: unset;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
.about-LSKP .about__text-container:not(:has(ul)) {
  grid-template-rows: 1fr;
}
.about-LSKP .about__title {
  padding-bottom: 64px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
.about-LSKP .about__title:only-child {
  padding: 0;
}
@media (max-width: 767px) {
  .about-LSKP .about__title {
    padding: 48px 4px;
  }
}
.about-LSKP__img {
  align-self: center;
  justify-self: center;
  max-width: 850px;
  max-height: 433px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .about-LSKP__img {
    width: 100%;
    height: 100%;
    padding-bottom: 20px;
  }
}
.about-LSKP img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.about-LSKP li:not(:last-child) {
  margin-bottom: 16px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 427px) {
  .about-LSKP li:not(:last-child) {
    margin-bottom: 24px;
  }
}
@media (min-width: 428px) {
  .about-LSKP .about__icon {
    display: none;
  }
}
@media (max-width: 427px) {
  .about-LSKP li {
    max-width: 280px;
    list-style: none;
  }
  .about-LSKP .about__icon {
    display: block;
    width: 32px;
    height: 32px;
    margin-bottom: 16px;
  }
  .about-LSKP .about__text, .about-LSKP .about__subtext {
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
  }
  .about-LSKP .about__subtext {
    color: #a7a6a3;
  }
}
.about-steel {
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 427px) {
  .about-steel .about__list {
    margin-left: 20px;
    list-style-type: disc;
  }
  .about-steel .about__title {
    padding-bottom: 48px;
  }
}
.seal {
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
.seal .container {
  align-items: start;
}
.seal__slider {
  grid-column: 1/span 2;
  min-width: 0;
}
.seal__tag-title {
  margin-bottom: 32px;
}
.seal__content {
  display: flex;
  grid-column: 3/span 2;
  flex-direction: column;
  height: 100%;
}
.seal__content .tags__containers {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 80px;
}
.seal__content .about__text {
  max-width: 720px;
  margin: 8px 0 12px;
  color: #fff;
}
.seal__text {
  color: #a7a6a3;
}
.seal__list {
  display: flex;
  flex-direction: column;
  gap: 21px;
  margin: 0;
}
.seal__desc {
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 3px;
       column-gap: 3px;
}
.seal__row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
}
.seal__row:first-child {
  padding-bottom: 24px;
  border-bottom: 1px solid rgba(166, 168, 182, 0.5);
}
.seal__block {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.seal__description {
  margin-bottom: 80px;
}
.seal__buttons {
  display: flex;
  gap: 16px;
  align-items: center;
  justify-content: start;
  margin-top: auto;
}
.seal .swiper-progress {
  background: #cdde00 !important;
}
.seal .swiper-progress-bar {
  height: 5px;
}
.seal-slider {
  height: 770px;
}
.seal-swiper__wrapper {
  height: 100%;
}
.seal-slider__slide {
  overflow: hidden;
  height: 100%;
  max-height: 100%;
  border-radius: 4px;
}
.seal-slider__slide img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 991px) {
  .seal__slider, .seal__content {
    grid-column: span 2;
  }
  .seal .tags__container {
    margin-bottom: 40px;
  }
  .seal-slider {
    height: 380px;
  }
  .seal-slider__slide {
    height: 100%;
  }
  .seal__row {
    grid-template-columns: 1fr;
  }
  .seal__tag-title {
    margin-bottom: 24px;
  }
  .seal .tags__containers {
    margin-bottom: 40px;
  }
  .seal__buttons {
    display: none;
  }
  .seal__description {
    margin-bottom: 40px;
  }
}
.advantages {
  padding: 100px 0;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .advantages {
    padding: 20px 0;
  }
}
.advantages .container {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.advantages h1 {
  width: 50%;
  margin-bottom: 180px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 1199px) {
  .advantages h1 {
    width: 80%;
  }
}
@media (max-width: 767px) {
  .advantages h1 {
    width: 100%;
    margin-bottom: 48px;
    font-weight: 300;
  }
}
.advantages-slider {
  grid-column: span 4;
  width: 100%;
  height: 100%;
}
.advantages-slider__slide {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 0;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .advantages-slider__slide {
    position: relative;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 24px;
    padding: 24px 0;
  }
}
.advantages-slider__slide svg {
  width: 140px;
  height: 140px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .advantages-slider__slide svg {
    margin-bottom: 36px;
  }
}
.advantages-slider__pagination {
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .advantages-slider__pagination {
    display: none;
  }
}
.advantages-slide__wrapper {
  flex-basis: 50%;
}
.advantages-slide__title {
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .advantages-slide__title {
    margin-bottom: 16px;
  }
}
.advantages-slide__text {
  color: #a7a6a3;
}
.advantages-slide__number {
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .advantages-slide__number {
    position: absolute;
    top: 16px;
    right: 0;
  }
}
.four-cards {
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
.four-cards .separator {
  grid-column: span 4;
  margin-top: 64px;
}
.four-cards__title {
  grid-column: 3/5;
  margin-bottom: 166px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .four-cards__title {
    grid-column: span 2;
    margin-bottom: 80px;
  }
}
.four-cards__wrapper {
  display: flex;
  grid-column: span 4;
  flex-wrap: wrap;
  row-gap: 50px;
  -moz-column-gap: 32px;
       column-gap: 32px;
  justify-content: center;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .four-cards__wrapper {
    grid-column: span 2;
  }
}
.four-cards__wrapper:has(p) .four-cards__img img {
  width: 140px;
  height: 140px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .four-cards__wrapper:has(p) .four-cards__img img {
    width: 85px;
    height: 85px;
  }
}
@media (max-width: 427px) {
  .four-cards__wrapper {
    gap: 12px;
  }
}
.four-cards__card {
  display: flex;
  flex-direction: column;
  row-gap: 36px;
  align-items: center;
  justify-content: center;
  width: calc((100% - 96px) / 4);
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .four-cards__card {
    width: calc((100% - 32px) / 2);
  }
}
@media (max-width: 767px) {
  .four-cards__card {
    width: 50%;
  }
}
@media (max-width: 427px) {
  .four-cards__card {
    justify-content: flex-start;
    width: calc(50% - 6px);
    height: 202px;
    padding: 21px 0;
  }
  .four-cards__card:not(.logo-card) {
    background: rgba(126, 128, 137, 0.06);
    border-radius: 4px;
  }
  .four-cards__card:not(.logo-card) .four-cards__img {
    width: 64px;
    height: 64px;
  }
}
.four-cards__card p {
  text-align: center;
}
.four-cards__card.blur .four-cards__img {
  position: relative;
}
.four-cards__card.blur .four-cards__img::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(255, 255, 255, 0.2);
  filter: blur(100px);
  border-radius: 50%;
}
@media (max-width: 427px) {
  .four-cards__text {
    font-size: 16px;
    font-weight: 300;
    font-style: normal;
    line-height: 125%;
  }
}
.reviews {
  padding: 100px 0;
}
.reviews__title {
  grid-column: 3/5;
  margin-bottom: 80px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .reviews__title {
    grid-column: span 2;
    margin-bottom: 48px;
    padding: 20px 0;
  }
}
@media (max-width: 991px) {
  .reviews__title {
    grid-column: span 2;
  }
}
.reviews__wrapper {
  grid-column: 2/span 3;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .reviews__wrapper {
    grid-column: span 2;
  }
}
.reviews-slide__logo {
  width: 200px;
  height: 68px;
  margin-bottom: 40px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .reviews-slide__logo {
    margin-bottom: 24px;
  }
}
.reviews-slide__text {
  padding-right: 37px;
  color: #ffffff;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .reviews-slide__text {
    padding-right: 0;
  }
}
.reviews-slide__person {
  margin-top: 24px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .reviews-slide__person {
    margin-top: 48px;
  }
}
.reviews-slide__name {
  margin-bottom: 4px;
}
.reviews-slide__post {
  color: #a7a6a3;
}
.reviews .custom-swiper__pagination {
  margin-top: 80px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .reviews .custom-swiper__pagination {
    margin-top: 40px;
  }
}
.reviews .custom-swiper__buttons {
  margin-top: 32px;
}
.separator {
  padding: 17px 16px;
}
.separator hr {
  margin: 0;
  margin-bottom: 8px;
  background-color: rgba(255, 255, 255, 0.2);
}
.separator-brand hr {
  background-color: #17171a;
}
.separator-black hr {
  background-color: #141414;
}
.separator-white hr {
  background-color: #141414;
}
.separator svg {
  width: 32px;
  height: 32px;
}
.slider h2.slider__title {
  margin-left: 16px;
}
.slider:has(.profile-slider) h2.slider__title {
  margin-left: 0;
}
.slider .container {
  position: relative;
  padding: 0;
}
.slider .container:has(.lock) {
  padding-left: 16px;
}
.slider .container:has(.profile) {
  padding: 0 16px;
}
.slider .wrapper {
  grid-column: span 4;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .slider .wrapper {
    grid-column: span 2;
  }
}
.slider h2 {
  grid-column: span 2;
  margin-bottom: 58px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .slider h2 {
    margin-bottom: 32px;
  }
}
.slider .profile-swiper__buttons {
  display: flex;
  gap: 16px;
  align-items: center;
}
.slider .profile-slider .custom-swiper__navigation {
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
}
.slider .profile-pagination__item {
  cursor: pointer;
  position: relative;
  white-space: nowrap;
}
.slider .profile-pagination__item:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 0;
  right: -16px;
  width: 1px;
  height: 100%;
  background-color: #a6a8b6;
}
.slider .profile-pagination__item_active {
  font-weight: 600;
}
.slider .profile img, .slider .profile picture img {
  width: 100%;
  max-width: 1888px;
  max-height: 414px;
  -o-object-fit: cover;
     object-fit: cover;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .slider .profile img, .slider .profile picture img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.slider .profile__block {
  overflow: hidden;
  display: flex;
  grid-column: span 2;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 51px 0;
  border-radius: 4px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
.slider .profile__block:has(.profile__name) {
  justify-content: flex-start;
}
.slider .profile__block:last-child {
  align-items: center;
}
@media (max-width: 767px) {
  .slider .profile__block {
    overflow: hidden;
    width: 100%;
    height: 130px;
    border-radius: 2px;
  }
}
@media (max-width: 427px) {
  .slider .profile__block {
    display: block;
    padding: 0;
  }
}
.slider .profile__name {
  grid-column: span 4;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .slider .profile__name {
    grid-column: span 2;
    height: 64px;
    padding-bottom: 24px;
  }
}
.slider .profile__characteristics {
  display: grid;
  grid-auto-flow: column;
  grid-column-gap: 115px;
  grid-row-gap: 16px;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, auto);
  margin-top: 16px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .slider .profile__characteristics {
    grid-column-gap: 48px;
  }
}
@media (max-width: 767px) {
  .slider .profile__characteristics {
    grid-column-gap: 32px;
  }
}
@media (max-width: 575px) {
  .slider .profile__characteristics {
    grid-auto-flow: row;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
  }
}
.slider-disabled .swiper-wrapper,
.slider-disabled .custom-swiper__button_next,
.slider-disabled .custom-swiper__button_prev,
.slider-disabled .custom-swiper__pagination,
.slider-disabled .profile__sizes-button {
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.slider-disabled .profile-scheme-modal {
  pointer-events: auto;
}
.infographics__block {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.infographics__block:first-child {
  grid-column: 2/3;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .infographics__block:first-child {
    grid-column: span 1;
  }
}
@media (max-width: 575px) {
  .infographics__block:first-child {
    grid-column: span 2;
    margin-bottom: 48px;
  }
}
.infographics__block:last-child {
  grid-column: 4/5;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .infographics__block:last-child {
    grid-column: span 1;
  }
}
@media (max-width: 575px) {
  .infographics__block:last-child {
    grid-column: span 2;
  }
}
.infographics__count {
  margin-bottom: 12px;
  font-weight: 500;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
.infographics__count {
  font-size: clamp(69px, 69px + (300 - 69) * (100vw - 320px) / (1920 - 320), 300px);
  line-height: clamp(84px, 84px + (300 - 84) * (100vw - 320px) / (1920 - 320), 300px);
}
@media (max-width: 767px) {
  .infographics__count {
    font-weight: 300;
  }
}
.industries {
  position: relative;
}
.industries .container {
  position: relative;
  width: 100%;
  height: 970px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .industries .container {
    height: unset;
  }
}
.industries__title {
  grid-column: span 2;
  margin-bottom: 40px;
}
.industries__map {
  position: absolute;
  z-index: -1;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: 1450px;
  height: 100%;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .industries__map {
    display: none;
  }
}
.industries__wrapper {
  display: grid;
  grid-column: 3/5;
  grid-column-gap: 32px;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(3, minmax(min-content, max-content));
  align-items: center;
  justify-content: space-between;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .industries__wrapper {
    grid-column: span 2;
  }
}
.industries .dropdown {
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .industries .dropdown {
    grid-column: span 2;
    margin-bottom: 32px;
  }
}
.industries .dropdown_right {
  grid-column: 2/3;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .industries .dropdown_right {
    grid-column: span 2;
    margin-top: 32px;
    margin-bottom: 0;
  }
}
.industries .industries__modal {
  grid-column: span 2;
}
.industries__image {
  position: absolute;
  z-index: -1;
  inset: 50% 0 0;
  transform: translateY(-50%);
  width: 100%;
  height: 100%;
  max-height: 750px;
}
.industries_wide .container {
  position: relative;
  grid-auto-rows: min-content;
  height: unset;
}
.industries_wide .industries-slide__wrapper {
  width: 30%;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 1399px) {
  .industries_wide .industries-slide__wrapper {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .industries_wide .industries-slide__wrapper {
    width: unset;
  }
}
.industries_wide .industries-slider__scrollbar {
  width: calc(30% - 48px);
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 1399px) {
  .industries_wide .industries-slider__scrollbar {
    width: calc(50% - 48px);
  }
}
@media (max-width: 767px) {
  .industries_wide .industries-slider__scrollbar {
    width: calc(100% - 80px);
  }
}
@media (max-width: 427px) {
  .industries_wide .industries-slider__scrollbar {
    width: calc(100% - 48px);
  }
}
.industries_wide .industries__title {
  grid-column: 3/5;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .industries_wide .industries__title {
    grid-column: span 2;
  }
}
.industries_wide .industries__list_init {
  position: relative;
}
.industries_wide .industries__modal:not(.industries__modal_slider) {
  position: absolute;
  top: calc(100% + 22px);
  right: unset;
  left: 0;
  width: calc(100vw - 64px);
  max-width: 1855px;
  background-color: #fff;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .industries_wide .industries__modal:not(.industries__modal_slider) {
    width: 95dvw;
  }
}
.industries_wide .industries__modal:not(.industries__modal_slider) .button {
  color: #141414;
}
@media (hover: hover) {
  .industries_wide .industries__modal:not(.industries__modal_slider) .button:hover {
    color: #a7a6a3;
  }
}
.industries_wide .industries__modal .industries__item {
  color: #141414;
}
@media (hover: hover) {
  .industries_wide .industries__modal .industries__item:hover {
    color: #a7a6a3;
  }
}
.industries_wide .industries__modal .industries__item.active {
  color: #141414;
}
.industries_wide .industries__modal_slider {
  grid-column: span 4;
  grid-row: auto;
  height: 945px;
  max-height: 100dvh;
  margin-top: 22px;
  border-radius: 12px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .industries_wide .industries__modal_slider {
    grid-column: span 2;
  }
}
@media (max-width: 767px) {
  .industries_wide .industries__modal_slider {
    height: 500px;
  }
}
.catalog {
  padding: 100px 0 36px 0;
  color: #fff;
  border-color: #17171a;
  border-radius: 12px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .catalog {
    padding: 88px 0 24px;
  }
}
@media (max-width: 427px) {
  .catalog {
    padding: 48px 0 0;
  }
}
.catalog.white {
  background-color: #ffffff;
}
.catalog.white .catalog__title, .catalog.white .catalog__category {
  color: #141414;
}
.catalog.white .characteristics__block, .catalog.white .characteristics__block .characteristics__subtext, .catalog.white .characteristics__block .characteristics__title {
  color: #141414;
}
.catalog.white .product__content {
  background: rgba(3, 29, 68, 0.06);
}
.catalog.white .product__title {
  color: #141414;
}
.catalog.white .product .icon__block {
  color: #141414;
}
.catalog.white .product .icon__block svg {
  fill: #141414;
}
.catalog__category {
  grid-column: span 4;
  margin-bottom: 32px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
.catalog__category.hidden {
  display: none;
}
.catalog__category.hidden + .catalog__group {
  display: none;
}
@media (max-width: 991px) {
  .catalog__category {
    grid-column: span 2;
    margin-bottom: 0;
  }
}
@media (max-width: 427px) {
  .catalog__category {
    display: none;
  }
}
.catalog__group {
  display: grid;
  grid-column: span 4;
  grid-column-gap: 32px;
  grid-template-columns: repeat(4, 1fr);
  padding-bottom: 40px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
.catalog__group.two-items .product__card {
  grid-column: span 2;
}
@media (max-width: 991px) {
  .catalog__group {
    grid-column: span 2;
    grid-column-gap: 16px;
    grid-template-columns: repeat(2, 1fr);
    margin-bottom: 48px;
  }
}
@media (max-width: 427px) {
  .catalog__group {
    padding-bottom: 0;
  }
}
@media (max-width: 427px) {
  .catalog__group:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
  }
}
@media (max-width: 767px) {
  .catalog {
    margin-bottom: 48px;
    padding-bottom: 0;
  }
}
.catalog .catalog__title {
  grid-column: 3/5;
  margin-bottom: 8px;
  color: #ffffff;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .catalog .catalog__title {
    grid-column: span 2;
  }
}
@media (max-width: 767px) {
  .catalog .catalog__title {
    margin-bottom: 64px;
  }
}
.catalog .container {
  padding: 0 16px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .catalog .container {
    padding-bottom: 0;
  }
}
.catalog .separator {
  grid-column: span 4;
  margin-top: 64px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .catalog .separator {
    grid-column: span 2;
    margin-top: 24px;
    padding: 0;
    padding-bottom: 28px;
  }
}
.catalog .separator hr {
  height: 2px;
}
.catalog .tabs {
  cursor: pointer;
  position: relative;
  grid-column: span 4;
  margin-bottom: 36px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .catalog .tabs {
    grid-column: span 2;
  }
}
.catalog .button_big {
  display: block;
  padding-left: 18%;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .catalog .button_big {
    display: none;
  }
}
.catalog.dark {
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 427px) {
  .catalog.dark .tabs__list {
    background: rgba(255, 255, 255, 0.06);
  }
}
.commodity {
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
.commodity__button_wrapper {
  overflow-x: auto;
  display: flex;
  grid-column: span 2;
  flex-wrap: nowrap;
  gap: 12px;
  min-width: 0;
  padding-bottom: 4px;
}
@media (max-width: 767px) {
  .commodity {
    padding-top: 48px;
  }
}
@media (min-width: 428px) {
  .commodity__button_wrapper {
    display: none;
  }
}
.commodity-urban .commodity__image {
  display: block;
  height: 920px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .commodity-urban .commodity__image {
    aspect-ratio: 1/1;
    width: 90vw;
    height: 90vw;
    padding-bottom: 24px;
  }
}
@media (max-width: 427px) {
  .commodity-urban .commodity__image {
    overflow: hidden;
    aspect-ratio: unset;
    width: 100%;
    height: 428px;
    margin-bottom: 32px;
    padding-bottom: 0;
    border-radius: 4px;
  }
  .commodity-urban .commodity__image img {
    top: 10%;
    left: 0%;
    transform: scale(1.4);
    width: 100%;
    height: 428px;
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.commodity-urban .commodity__content_right {
  align-self: center;
}
.commodity .hidden {
  display: none;
}
.commodity__block {
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .commodity__block {
    order: -2;
  }
}
.commodity__image {
  inset: 0;
  justify-self: center;
  width: 100%;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .commodity__image {
    aspect-ratio: 1/1;
    width: 90vw;
    height: 90vw;
  }
}
@media (max-width: 427px) {
  .commodity__image {
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: flex-end;
    aspect-ratio: 0;
    width: 100%;
    height: 290px;
  }
}
.commodity__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 427px) {
  .commodity__image img {
    position: absolute;
    left: 70%;
    transform: scale(2.5);
    height: 290px;
  }
}
.commodity__wrapper-modals {
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 427px) {
  .commodity__wrapper-modals {
    position: relative;
  }
}
.commodity__content_text {
  margin: 24px 0;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 427px) {
  .commodity__content_text {
    display: none;
  }
}
.commodity__content_left {
  position: relative;
  grid-column: span 2;
  justify-self: center;
  width: 100%;
  height: 100%;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
.commodity__content_left:has(.commodity__image + .palette__wrapper) .commodity__image {
  position: relative;
}
@media (max-width: 767px) {
  .commodity__content_left {
    width: 100%;
    margin-bottom: 34px;
  }
}
@media (max-width: 427px) {
  .commodity__content_left {
    margin-bottom: 0;
  }
}
.commodity__content_right {
  grid-column: span 2;
}
.commodity__content .characteristics {
  margin-bottom: 64px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .commodity__content .characteristics {
    margin-bottom: 24px;
  }
}
.commodity__content .tabs, .commodity__content .tags__container {
  margin-bottom: 48px;
}
.commodity__content .tags__container {
  position: relative;
  top: 0;
  left: 0;
  row-gap: 12px;
  -moz-column-gap: 8px;
       column-gap: 8px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
.commodity__content .tags__container .tag {
  opacity: 0.6;
}
@media (max-width: 767px) {
  .commodity__content .tags__container {
    margin-bottom: 16px;
  }
}
.commodity__content .tabs {
  grid-column: span 4;
  justify-self: center;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
.commodity__content .tabs__item {
  width: -moz-min-content;
  width: min-content;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .commodity__content .tabs__item {
    width: 100%;
  }
}
.commodity__content .tabs.swiper {
  position: relative;
  width: 100%;
}
.commodity__content .tabs.swiper::after {
  display: none;
}
.commodity__content .tabs.swiper.has-scroll::after {
  pointer-events: none;
  content: "";
  position: absolute;
  z-index: 10;
  top: 0;
  right: 0;
  display: block;
  width: 60px;
  height: 100%;
  background: linear-gradient(270deg, rgb(109, 109, 109) 40.38%, rgba(109, 109, 109, 0) 100%);
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
}
@media (max-width: 991px) {
  .commodity__content .tabs {
    grid-column: span 2;
  }
}
@media (max-width: 767px) {
  .commodity__content .tabs {
    width: 100%;
    margin-bottom: 16px;
    border-radius: 20px;
  }
  .commodity__content .tabs__list {
    flex-direction: column;
    width: 100%;
  }
  .commodity__content .tabs__list li {
    text-align: center;
  }
}
@media (max-width: 427px) {
  .commodity__content .tabs {
    margin-bottom: 34px;
    padding: 0;
    -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);
    border-radius: 80px;
  }
  .commodity__content .tabs .tabs__list {
    overflow-x: auto;
    flex-direction: row;
  }
  .commodity__content .tabs .tabs__list li.tabs__item {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.commodity .characteristics:last-child {
  margin-bottom: 0;
}
.commodity__info {
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .commodity__info {
    display: flex;
    flex-direction: column;
  }
}
.commodity__disclaimer {
  margin: 16px 0 48px;
  color: #a7a6a3;
}
.commodity.colorization .characteristics {
  margin-bottom: 36px;
}
.production-commodity {
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .production-commodity {
    padding: 30px 0;
  }
}
@media (max-width: 767px) {
  .production-commodity .commodity__image {
    height: 90vw;
  }
  .production-commodity .commodity__image img {
    position: relative;
    left: 0;
    transform: none;
    height: 100%;
  }
}
.production-commodity .commodity__title {
  padding-bottom: 100px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .production-commodity .commodity__title {
    padding-bottom: 50px;
  }
}
.production-commodity .commodity__content_text {
  display: block;
  max-width: 390px;
  margin-bottom: 32px;
}
.production-commodity .commodity__content_left {
  align-self: end;
}
@media (max-width: 767px) {
  .production-commodity .commodity__button {
    width: 100%;
  }
  .production-commodity .commodity__button_wrapper {
    display: none;
  }
}
.news__header {
  display: grid;
  grid-column: span 4;
  grid-column-gap: 32px;
  grid-template-columns: 1fr auto 1fr;
  align-self: center;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .news__header {
    grid-column: span 2;
    grid-template-columns: 1fr auto;
  }
}
.news__wrapper {
  display: grid;
  grid-column: span 4;
  grid-column-gap: 32px;
  grid-template-columns: repeat(4, 1fr);
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .news__wrapper {
    grid-column: span 2;
    grid-template-columns: repeat(2, 1fr);
  }
}
.news .tabs {
  grid-column: 2;
  justify-self: center;
  margin-bottom: 55px;
  background-color: rgba(255, 255, 255, 0.1019607843);
  border-radius: 80px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .news .tabs {
    grid-column: span 2;
  }
}
@media (max-width: 767px) {
  .news .tabs {
    margin-bottom: 36px;
  }
}
.news button {
  grid-column: 2/4;
  justify-self: center;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .news button {
    grid-column: span 2;
  }
}
.article {
  grid-column: span 2;
  margin-bottom: 80px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .article {
    margin-bottom: 36px;
  }
}
.article.hidden {
  display: none;
}
.article__date {
  margin-bottom: 8px;
  color: #a7a6a3;
}
.article__title {
  display: flex;
  justify-content: space-between;
  padding-top: 16px;
  border-top: 1px solid #a6a8b6;
}
.article__image {
  width: 100%;
  margin-bottom: 16px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .article__image {
    margin-bottom: 12px;
  }
}
.article__image img {
  overflow: hidden;
  max-width: 928px;
  height: 31dvw;
  max-height: 600px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 4px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .article__image img {
    aspect-ratio: 1/1;
    height: unset;
    max-height: unset;
    -o-object-position: center;
       object-position: center;
  }
}
.article__icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
}
.article__empty {
  grid-column: span 4;
  margin-bottom: 48px;
  text-align: center;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .article__empty {
    grid-column: span 2;
  }
}
.article__load-more.hidden {
  display: none;
}
section.hero__news,
.news-detail__section {
  margin-bottom: 0;
}
section.hero__news {
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
section.hero__news h2 {
  font-size: clamp(24px, 24px + (69 - 24) * (100vw - 320px) / (1920 - 320), 69px);
  line-height: clamp(32px, 32px + (84 - 32) * (100vw - 320px) / (1920 - 320), 84px);
}
@media (max-width: 767px) {
  section.hero__news {
    padding-top: 88px;
  }
}
.news-detail {
  grid-column: 2/4;
  height: -moz-fit-content;
  height: fit-content;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 1199px) {
  .news-detail {
    grid-column: span 4;
  }
}
@media (max-width: 991px) {
  .news-detail {
    grid-column: span 2;
  }
}
.news-detail ol {
  padding-left: 40px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .news-detail ol {
    padding-left: 24px;
  }
}
.news-detail__images {
  display: flex;
  grid-gap: 33px;
  align-items: center;
  justify-content: center;
  margin-bottom: 48px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 575px) {
  .news-detail__images {
    grid-gap: 24px;
    flex-direction: column;
    margin-bottom: 48px;
  }
}
.news-detail__image {
  position: relative;
  overflow: hidden;
  max-width: 450px;
  max-height: 290px;
  border-radius: 4px;
}
.news-detail__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.news-detail__section {
  padding-top: 48px;
  padding-bottom: 48px;
  color: #141414;
  background-color: #fff;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .news-detail__section {
    padding-top: 24px;
    padding-bottom: 36px;
  }
}
.news-detail__section .tags__container {
  color: #fff;
}
.news-detail__section .tags__container p {
  padding-bottom: 0;
}
.news-detail__section h1 {
  padding-bottom: 48px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .news-detail__section h1 {
    padding-bottom: 24px;
  }
}
.news-detail__section h2 {
  padding-bottom: 24px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .news-detail__section h2 {
    padding-bottom: 16px;
  }
}
.news-detail__section p,
.news-detail__section ol,
.news-detail__section ul {
  padding-bottom: 48px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .news-detail__section p,
  .news-detail__section ol,
  .news-detail__section ul {
    padding-bottom: 24px;
  }
}
.news-detail__section ol,
.news-detail__section ul {
  margin: 0;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .news-detail__section ol,
  .news-detail__section ul {
    padding-left: 24px;
  }
}
.news-detail__section ol li,
.news-detail__section ul li {
  padding-left: 0;
  border: none;
}
.backdrop-slide {
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
}
.zoomed-image {
  cursor: zoom-out;
  position: fixed;
  z-index: 10000;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 90vw;
  max-height: 90vh;
}
.article-slider .swiper-slide-active {
  cursor: pointer;
}
.news-slider {
  margin: 0;
  padding-bottom: 48px;
  background-color: #ffffff;
}
.news-slider .container {
  grid-row-gap: 24px;
}
.article-slider {
  grid-column: 2/4;
  width: 100%;
  max-height: 600px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
.article-slider img {
  height: 100%;
}
.article-slider__buttons {
  display: flex;
  grid-column: 2/4;
  gap: 16px;
  justify-content: flex-end;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 1199px) {
  .article-slider__buttons {
    grid-column: span 4;
  }
}
@media (max-width: 991px) {
  .article-slider__buttons {
    grid-column: span 2;
  }
}
@media (max-width: 1199px) {
  .article-slider {
    grid-column: span 4;
  }
}
@media (max-width: 991px) {
  .article-slider {
    grid-column: span 2;
  }
}
.thumbs-slider {
  grid-column: 2/4;
  grid-row: 2/3;
  width: 100%;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 1199px) {
  .thumbs-slider {
    grid-column: span 4;
  }
}
@media (max-width: 991px) {
  .thumbs-slider {
    grid-column: span 2;
  }
}
.thumbs-slider .swiper-slide {
  overflow: hidden;
  opacity: 0.4;
  border-radius: 4px;
  transition: opacity 0.3s;
}
.thumbs-slider .swiper-slide-thumb-active {
  opacity: 1;
}
.footer {
  display: flex;
  align-items: center;
  min-height: 100vh;
  padding-top: 100px;
  background-color: #ff4614;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
.footer:not([class*=color-scheme]) .dropdown_black .dropdown__text,
.footer:not([class*=color-scheme]) .dropdown__icon svg {
  color: #fff;
}
.footer:not([class*=color-scheme]) .contacts__title {
  color: #fff;
}
.footer:not([class*=color-scheme]) .contacts__wrap p,
.footer:not([class*=color-scheme]) .contacts__wrap a {
  color: #fff;
}
.footer:not([class*=color-scheme]) .footer__wrapper_bottom {
  border-color: #fff;
}
.footer:not([class*=color-scheme]) .footer__wrapper_bottom a,
.footer:not([class*=color-scheme]) .footer__wrapper_bottom p {
  color: #fff;
}
@media (max-width: 991px) {
  .footer {
    padding-top: 20px;
  }
}
.footer__wrapper {
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .footer__wrapper {
    padding-top: 24px;
  }
}
.footer__wrapper_left {
  grid-column: span 2;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 1199px) {
  .footer__wrapper_left {
    width: 100%;
  }
}
@media (max-width: 991px) {
  .footer__wrapper_left {
    display: none;
  }
}
.footer__wrapper_left .menu__icon {
  display: flex;
  align-items: center;
  justify-content: center;
}
.footer__wrapper_left .menu__icon svg {
  width: 580px;
  height: 593px;
  fill: #fff;
}
.footer__wrapper_right {
  grid-column: span 2;
  margin-top: 23px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
.footer__wrapper_right .modal__contacts-container {
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .footer__wrapper_right .modal__contacts-container {
    grid-template-columns: 1fr;
    padding: 0;
  }
}
@media (max-width: 1199px) {
  .footer__wrapper_right {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .footer__wrapper_right {
    margin-top: 0;
  }
}
.footer__wrapper_right .menu__link {
  border-top: 1px solid rgba(255, 255, 255, 0.3);
}
.footer__wrapper_bottom {
  display: grid;
  grid-column: span 4;
  grid-template-columns: repeat(4, 1fr);
  -moz-column-gap: 32px;
       column-gap: 32px;
  margin-top: 80px;
  padding: 40px 0;
  border-top: 1px solid #17171a;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (min-width: 768px) {
  .footer__wrapper_bottom:has(:nth-child(5)):not(:nth-child(6)) {
    grid-template-columns: repeat(5, 1fr);
  }
  .footer__wrapper_bottom:has(:nth-child(4)):not(:has(:nth-child(5))) {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 767px) {
  .footer__wrapper_bottom {
    grid-row-gap: 16px;
    grid-template-columns: 1fr;
    row-gap: 12px;
    margin: 0;
    padding: 24px 0;
  }
  .footer__wrapper_bottom :nth-child(n) {
    grid-column: span 1;
  }
}
@media (max-width: 991px) {
  .footer__wrapper_bottom {
    grid-column: span 2;
  }
}
.footer__wrapper_bottom a,
.footer__wrapper_bottom p {
  color: #17171a;
}
.footer__dropdown {
  display: grid;
  grid-template-rows: repeat(2, 1fr);
  row-gap: 56px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .footer__dropdown {
    row-gap: 0;
  }
}
.footer__contacts .contacts {
  display: flex;
  flex-direction: column;
  row-gap: 0;
  padding-bottom: 40px;
}
.footer__contacts .contacts__title {
  padding-bottom: 24px;
}
.footer__contacts .contacts__list {
  row-gap: 16px;
}
.footer__contacts .contacts_email {
  text-decoration: underline;
}
.footer .dropdown {
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .footer .dropdown {
    padding-bottom: 36px;
  }
}
.footer .dropdown__text {
  font-size: 16px;
  font-weight: 500;
  line-height: 125%;
}
.footer .dropdown__toggle {
  padding: 0;
}
.footer .dropdown button {
  margin: 0;
}
.footer.color-scheme_yellow {
  background-color: #ffd900;
}
.footer.color-scheme_yellow li::before {
  color: #fff;
}
.footer.color-scheme_green {
  background-color: #cdde00;
}
.footer.color-scheme_green li::before {
  color: #fff;
}
.faq .separator {
  grid-column: span 4;
  margin-bottom: 80px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .faq .separator {
    grid-column: span 2;
    margin-bottom: 36px;
    padding: 0;
  }
}
.faq__title {
  grid-column: 3/5;
  margin-bottom: 80px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .faq__title {
    grid-column: span 2;
    margin-bottom: 36px;
  }
}
.materials {
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .materials {
    margin-bottom: 40px;
  }
}
.materials .hidden {
  display: none;
}
.materials h2 {
  grid-column: 3/5;
  margin-bottom: 172px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .materials h2 {
    grid-column: span 2;
    margin-bottom: 36px;
  }
}
.materials .tabs {
  grid-column: 2/4;
  margin-bottom: 38px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .materials .tabs {
    grid-column: span 2;
    width: 100%;
    margin-bottom: 16px;
    border-radius: 20px;
  }
  .materials .tabs__list {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .materials .tabs__list li {
    justify-content: center;
  }
}
@media (max-width: 427px) {
  .materials .tabs {
    padding: 0;
    border-radius: 80px;
  }
  .materials .tabs__list {
    overflow-x: auto;
    flex-direction: row;
  }
  .materials .tabs__item p {
    white-space: nowrap;
  }
}
.materials ul {
  grid-column: 2/5;
  padding-left: 0;
  list-style-type: none;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .materials ul {
    grid-column: span 2;
  }
}
.materials ul li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 12px;
  color: #ebebeb;
  border-bottom: 1px solid #7E8089;
}
.materials ul li p {
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 427px) {
  .materials ul li p {
    max-width: 193px;
  }
}
.materials ul li:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
.calculator {
  margin-bottom: 0;
  color: #141414;
}
.calculator .custom-swiper__button_prev.swiper-button-disabled {
  background-color: rgba(23, 23, 26, 0.1);
}
.calculator .custom-swiper__button {
  width: 32px;
  height: 32px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .calculator .custom-swiper__button {
    display: none;
  }
}
.calculator form {
  grid-column: span 4;
}
.calculator form .h2 {
  grid-column: 3/4;
  padding-top: 32px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .calculator form .h2 {
    grid-column: span 2;
    padding: 16px 0 24px 0;
  }
}
@media (max-width: 991px) {
  .calculator form .h2 {
    padding: 16px 0 48px;
  }
}
.calculator form h3 {
  padding-bottom: 63px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .calculator form h3 {
    padding-bottom: 24px;
  }
}
.calculator form .color-picker__control {
  width: 50%;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .calculator form .color-picker__control {
    width: 100%;
  }
}
.calculator .h2 {
  grid-column: 3/5;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .calculator .h2 {
    grid-column: span 2;
  }
}
.calculator__steps-number {
  grid-column: span 4;
  padding-bottom: 24px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
.calculator__steps-number .step-number {
  color: #ff4614;
}
@media (max-width: 991px) {
  .calculator__steps-number {
    grid-column: span 2;
  }
}
@media (max-width: 427px) {
  .calculator__steps-number .step-number, .calculator__steps-number .h700_bold {
    font-size: 46px;
    font-weight: 500;
    line-height: 60px;
  }
}
.calculator__steps {
  display: grid;
  grid-column: span 4;
  grid-column-gap: 32px;
  grid-template-columns: repeat(4, 1fr);
  width: 100%;
  max-width: 1888px;
  padding-bottom: 64px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 1199px) {
  .calculator__steps {
    grid-column: span 4;
    grid-column-gap: 16px;
    grid-template-columns: repeat(1, 1fr);
    padding-bottom: 24px;
  }
}
@media (max-width: 991px) {
  .calculator__steps {
    grid-column: span 2;
  }
}
.calculator__step {
  display: flex;
  gap: 12px;
  align-items: center;
  color: rgba(20, 20, 20, 0.5);
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
.calculator__step .step__line {
  flex-grow: 1;
  height: 1px;
  background: rgba(20, 20, 20, 0.5);
}
.calculator__step.active {
  color: #ff4614;
}
@media (max-width: 991px) {
  .calculator__step {
    padding-bottom: 15px;
  }
}
@media (max-width: 1199px) {
  .calculator__step {
    grid-column: span 2;
  }
  .calculator__step:not(.active) {
    display: none;
  }
}
.calculator__result-block {
  padding-bottom: 24px;
}
.calculator__result-title {
  padding-bottom: 40px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .calculator__result-title {
    padding-bottom: 24px;
  }
}
.calculator__result-row {
  display: flex;
  justify-content: space-between;
  padding-bottom: 16px;
}
.calculator__result-box {
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .calculator__result-box {
    padding-bottom: 24px;
  }
}
.calculator__wrapper {
  display: grid;
  grid-column-gap: 32px;
  grid-template-columns: repeat(4, 1fr);
  width: 100%;
  max-width: 1888px;
  margin: 0 auto;
  padding: 32px 16px 80px 16px;
  background-color: #fff;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .calculator__wrapper {
    grid-column-gap: 16px;
    grid-template-columns: repeat(2, 1fr);
  }
}
.calculator__wrapper_hidden {
  display: none;
}
@media (max-width: 427px) {
  .calculator__wrapper {
    padding-top: 0;
  }
}
.calculator .selector {
  padding-bottom: 48px;
}
.calculator__left-side {
  grid-column: span 2;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
.calculator__left-side .form-control {
  padding-bottom: 36px;
}
.calculator__left-side .form-control .form-control__input {
  max-width: 100%;
}
.calculator__left-side .calculator__buttons-submit {
  justify-self: start;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .calculator__left-side .calculator__buttons-submit {
    width: 100%;
  }
}
.calculator__left-side .calculator__buttons-submit .form-control {
  padding-bottom: 0;
}
.calculator__left-side-order {
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .calculator__left-side-order {
    order: 1;
  }
}
@media (max-width: 427px) {
  .calculator__left-side .h400_bold {
    padding-bottom: 36px;
    font-size: 23px;
    font-weight: 500;
    line-height: 32px;
  }
}
.calculator__right-side {
  grid-column: span 2;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 427px) {
  .calculator__right-side .h400_bold {
    font-size: 23px;
    font-weight: 500;
    line-height: 32px;
  }
}
.calculator__buttons {
  display: flex;
  grid-column: 4;
  justify-self: end;
  width: -moz-fit-content;
  width: fit-content;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .calculator__buttons {
    grid-column: span 2;
  }
}
@media (max-width: 767px) {
  .calculator__buttons {
    flex-direction: column;
    width: 100%;
  }
}
.calculator__buttons .button {
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .calculator__buttons .button {
    width: 100%;
  }
}
.calculator__checkboxes {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}
.calculator .radio-group {
  grid-column: span 4;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .calculator .radio-group {
    grid-column: span 2;
  }
}
.calculator_steel form .h2 {
  grid-column: span 2/5;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
.calculator_steel form .h2 span {
  color: #a7a6a3;
}
@media (max-width: 991px) {
  .calculator_steel form .h2 {
    grid-column: span 2;
  }
}
.calculator_steel .step-number {
  color: #cdde00;
}
.calculator_steel .calculator__step.active {
  color: #cdde00;
}
.calc__formSubmitColor .calculator__steps {
  padding-bottom: 88px;
}
.objects__title {
  grid-column: span 4;
  margin-bottom: 20px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .objects__title {
    grid-column: span 2;
  }
}
.objects__cards {
  display: grid;
  grid-column: span 4;
  grid-gap: 32px;
  grid-row-gap: 80px;
  grid-template-columns: repeat(4, 1fr);
  align-items: end;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .objects__cards {
    grid-column: span 2;
    grid-column-gap: 16px;
    grid-row-gap: 40px;
    grid-template-columns: repeat(2, 1fr);
  }
}
.objects-card {
  grid-column: span 2;
}
.objects-card__description {
  margin-bottom: 16px;
  color: #a7a6a3;
}
.objects-card__img {
  position: relative;
  overflow: hidden;
  border-radius: 12px;
}
.objects-card__img img {
  height: 35dvw;
  max-height: 600px;
  -o-object-fit: cover;
     object-fit: cover;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .objects-card__img img {
    height: 60dvw;
  }
}
@media (max-width: 767px) {
  .objects-card__img img {
    height: 100dvw;
  }
}
.objects-card__characteristics {
  display: grid;
  grid-gap: 32px;
  grid-template-columns: repeat(2, 1fr);
  margin: 0;
  padding: 0;
  list-style: none;
}
.task__slider {
  grid-column: 1/span 2;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 1399px) {
  .task__slider {
    grid-column: span 4;
    padding-bottom: 24px;
  }
}
@media (max-width: 991px) {
  .task__slider {
    grid-column: span 2;
  }
}
.task-slider__slide {
  height: 100%;
  max-height: 640px;
}
.task-slider__slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
.task__description {
  grid-column: 3/5;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
.task__description h2 {
  padding-bottom: 36px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .task__description h2 {
    padding-bottom: 24px;
  }
}
@media (max-width: 1399px) {
  .task__description {
    grid-column: span 4;
  }
}
@media (max-width: 991px) {
  .task__description {
    grid-column: span 2;
  }
}
.task__info {
  display: flex;
  flex-wrap: wrap;
  row-gap: 48px;
  -moz-column-gap: 32px;
       column-gap: 32px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .task__info {
    grid-column: span 2;
  }
}
@media (max-width: 767px) {
  .task__info {
    row-gap: 24px;
  }
}
.task__text {
  padding-bottom: 64px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .task__text {
    padding-bottom: 24px;
  }
}
.solution__wrap {
  display: flex;
  grid-column: span 2;
  flex-direction: column;
  justify-content: space-between;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .solution__wrap {
    order: 1;
  }
}
.solution__text {
  padding-bottom: 24px;
}
.solution__description h2 {
  padding-bottom: 32px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .solution__description h2 {
    padding-bottom: 24px;
  }
}
.solution__picture {
  grid-column: span 2;
  border-radius: 4px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .solution__picture {
    padding-bottom: 24px;
  }
}
.solution .menu {
  margin-bottom: 0;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
.solution .menu .menu__link {
  grid-template-columns: 60px 1fr;
  -moz-column-gap: 48px;
       column-gap: 48px;
}
@media (max-width: 991px) {
  .solution .menu {
    padding-bottom: 24px;
  }
}
.result {
  position: relative;
  display: flex;
  flex-direction: column;
  row-gap: 36px;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  padding: 0 16px;
  padding-bottom: 32px;
}
.result::before {
  content: "";
  position: absolute;
  z-index: 1;
  inset: 0;
  background: linear-gradient(180deg, #ff4614 0%, rgba(23, 23, 26, 0.6) 98.6%), linear-gradient(180deg, rgba(36, 36, 36, 0.19) 49.76%, rgba(23, 23, 26, 0.8) 78.93%);
}
.result__background {
  position: absolute;
  z-index: -1;
  inset: 0;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.result__title, .result__text {
  position: relative;
  z-index: 2;
}
.result__text {
  width: 100%;
  max-width: 928px;
  text-align: center;
}
.similar .separator {
  grid-column: span 4;
  margin-bottom: 97px;
  padding-right: 0;
  padding-left: 0;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .similar .separator {
    grid-column: span 2;
  }
}
@media (max-width: 767px) {
  .similar .separator {
    margin-bottom: 24px;
  }
}
.similar h2 {
  grid-column: span 4;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .similar h2 {
    grid-column: span 2;
  }
}
.similar .slider {
  grid-column: span 4;
  margin-bottom: 48px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
.similar .slider h2 {
  padding: 0;
}
@media (max-width: 991px) {
  .similar .slider {
    grid-column: span 2;
  }
}
@media (max-width: 767px) {
  .similar .slider {
    margin-bottom: 24px;
  }
}
.similar-slider__slide p {
  padding-bottom: 16px;
}
.similar-slider__slide img {
  height: 484px;
  border-radius: 12px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .similar-slider__slide img {
    height: 350px;
  }
}
@media (max-width: 767px) {
  .similar-slider__slide img {
    height: 300px;
  }
}
.similar__slider-button-container {
  display: flex;
  grid-column: span 4;
  justify-content: space-between;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .similar__slider-button-container {
    grid-column: span 2;
  }
}
.similar-swiper__wrapper {
  align-items: flex-end;
}
.similar-swiper__button_prev {
  transform: rotate(-135deg);
}
.similar-swiper__button_prev svg {
  transform: rotate(-45deg);
}
.similar-swiper__button_next {
  transform: rotate(45deg);
}
.similar-swiper__button_next svg {
  transform: rotate(-45deg);
}
.similar__slider-navigation {
  display: flex;
  -moz-column-gap: 16px;
       column-gap: 16px;
  align-items: center;
  justify-content: center;
}
.perfect {
  padding: 185px 0;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .perfect {
    padding: 48px 0;
  }
}
.perfect__title, .perfect__text {
  grid-column: span 4;
  justify-self: center;
  text-align: center;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .perfect__title, .perfect__text {
    grid-column: span 2;
  }
}
.perfect__title {
  padding-bottom: 36px;
}
.perfect__text {
  width: 100%;
  max-width: 761px;
  padding-bottom: 86px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .perfect__text {
    padding-bottom: 0;
  }
}
.perfect .perfect__img_wrap {
  position: relative;
  grid-column: 2/4;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .perfect .perfect__img_wrap {
    grid-column: span 2;
  }
}
.perfect .perfect__img_wrap::before {
  content: "";
  position: absolute;
  z-index: 3;
  inset: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(23, 23, 26, 0.06) 56.44%, #17171a 95.71%), no-repeat center/cover;
}
.perfect__img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: 0 75px;
     object-position: 0 75px;
  filter: grayscale(100%);
}
.perfect__buttons {
  display: flex;
  grid-column: span 2/4;
  justify-self: center;
  width: -moz-fit-content;
  width: fit-content;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .perfect__buttons {
    grid-column: span 2;
  }
}
.perfect__text-container {
  display: flex;
  grid-column: span 2/4;
  flex-direction: column;
  row-gap: 16px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .perfect__text-container {
    grid-column: span 2;
    padding-bottom: 24px;
  }
}
.section-contacts {
  padding: 100px 0;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
.section-contacts__title {
  grid-column: span 4;
  padding-bottom: 36px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .section-contacts__title {
    grid-column: span 2;
  }
}
@media (max-width: 767px) {
  .section-contacts__title {
    padding-bottom: 0;
  }
}
@media (max-width: 767px) {
  .section-contacts {
    padding: 20px 0;
  }
}
.section-contacts .contacts__map {
  grid-column: span 2;
  width: 100%;
  height: 100%;
  max-height: 572px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .section-contacts .contacts__map {
    padding-top: 51px;
  }
}
.section-contacts_sectors .table-list__icon:has(+ .table-list__text) {
  display: none;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .section-contacts_sectors .table-list__icon:has(+ .table-list__text) {
    display: flex;
  }
}
@media (max-width: 991px) {
  .section-contacts {
    margin: 0;
  }
}
.button__icon:has(+ .address__text) {
  display: none;
}
.feature {
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
.feature__list {
  display: flex;
  grid-column: span 4;
  -moz-column-gap: 4px;
       column-gap: 4px;
}
.feature__card {
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
.feature__card_text {
  max-width: 98px;
}
@media (max-width: 991px) {
  .feature__card {
    flex-shrink: 0;
    max-width: 250px;
  }
}
.feature__card_image {
  padding-bottom: 17px;
}
.feature__card_image img {
  border-radius: 8px;
  transition: filter 0.2s ease-in-out, transform 0.2s ease-in-out;
}
@media (hover: hover) {
  .feature__card_image img:hover {
    position: relative;
    z-index: 1;
    transform: scale(1.1);
  }
}
@media (max-width: 991px) {
  .feature {
    overflow-x: auto;
    padding-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .feature {
    margin-bottom: 50px;
  }
}
.production__hero {
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
.production__hero .hero__description {
  grid-column: span 2;
  padding-bottom: 36px;
}
@media (max-width: 767px) {
  .production__hero {
    margin-bottom: 50px;
  }
}
.workflow {
  position: relative;
  min-height: 950px;
  padding: 120px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
.workflow .container {
  position: relative;
  z-index: 1;
}
.workflow::before {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 0;
  background: linear-gradient(180deg, rgba(36, 36, 36, 0.19) 49.76%, rgba(23, 23, 26, 0.8) 78.93%);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
@media (max-width: 767px) {
  .workflow {
    min-height: none;
    padding: 80px 0;
  }
}
@media (max-width: 991px) {
  .workflow .tabs_vertical {
    grid-column: span 2;
    justify-self: center;
    width: 100%;
    margin-bottom: 30px;
  }
  .workflow .tabs_vertical .tabs__list {
    width: 100%;
  }
  .workflow .tabs_vertical .tabs__list .tabs__item {
    text-align: center;
  }
}
.workflow__background {
  position: absolute;
  z-index: -1;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.workflow__background.hidden {
  display: none;
}
.workflow__title {
  padding-bottom: 32px;
}
.workflow__item {
  grid-column: span 2/4;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .workflow__item {
    grid-column: span 2;
  }
}
.workflow__item.hidden {
  display: none;
}
.workflow__item_text {
  padding-bottom: 32px;
}
.video h2 {
  grid-column: span 2;
  margin-bottom: 64px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 427px) {
  .video h2 {
    max-width: 270px;
    margin-bottom: 34px;
  }
}
.video__wrapper {
  cursor: pointer;
  position: relative;
  overflow: hidden;
  grid-column: span 4;
  aspect-ratio: 16/9;
  border-radius: 12px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .video__wrapper {
    grid-column: span 2;
  }
}
@media (max-width: 427px) {
  .video__wrapper {
    position: relative;
    overflow: visible;
    justify-self: center;
    aspect-ratio: unset;
    width: 93%;
    height: 200px;
    border-radius: 2px;
  }
  .video__wrapper::before {
    pointer-events: none;
    content: "";
    position: absolute;
    inset: -12px;
    border: 1px solid #64666f;
    border-radius: 12px;
  }
}
.video__preview, .video__iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.video__image {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.video__play {
  cursor: pointer;
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 154px;
  height: 154px;
  color: #fff;
  background: none;
  border: none;
  transition: transform 0.3s ease;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 427px) {
  .video__play svg {
    transform: scale(0.5);
    color: rgb(255, 70, 20);
  }
}
.video__preview:hover .video__play {
  transform: translate(-50%, -50%) scale(1.1);
}
.video__site {
  width: 100%;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 427px) {
  .video__site {
    height: 200px;
  }
}
.production-line-slider {
  height: 100%;
  max-height: 100vh;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .production-line-slider {
    min-height: 500px;
    max-height: calc(60vh - 64px);
  }
}
.production-line-slider__section {
  position: relative;
}
.production-line-slider__title {
  position: absolute;
  z-index: 8;
  top: 66px;
  right: 96px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 1199px) {
  .production-line-slider__title {
    right: 16px;
  }
}
@media (max-width: 767px) {
  .production-line-slider__title {
    top: 16px;
  }
}
.production-line-slider__slide {
  position: relative;
  z-index: 1;
}
.production-line-slider__slide::before {
  pointer-events: none;
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.8;
  background: linear-gradient(180deg, rgba(255, 70, 20, 0.8) 0%, rgba(23, 23, 26, 0.48) 98.6%), #d3d3d3 -16px -189.55px/101.587% 142.122% no-repeat;
}
.production-line-slider__slide:nth-child(2n)::before {
  transform: rotate(180deg);
}
.production-line-slider__buttons {
  position: absolute;
  z-index: 6;
  bottom: 32px;
  left: calc(25% + 32px);
  justify-content: flex-start;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .production-line-slider__buttons {
    left: calc(10% + 32px);
  }
}
@media (max-width: 767px) {
  .production-line-slider__buttons {
    left: 32px;
  }
}
.production-line-slide__img {
  position: relative;
  z-index: 0;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.production-line-slide__description {
  position: absolute;
  z-index: 5;
  top: 50%;
  left: calc(25% + 32px);
  transform: translateY(-50%);
  width: 100%;
  max-width: calc(75% - 64px);
  text-align: left;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .production-line-slide__description {
    left: calc(10% + 32px);
  }
}
@media (max-width: 767px) {
  .production-line-slide__description {
    left: 32px;
    max-width: calc(100% - 64px);
  }
}
.production-line-slide__description .production-line-slide__title, .production-line-slide__description .production-line-slide__text {
  position: relative;
  z-index: 5;
  padding: 0;
  color: #ffffff;
}
.small-slider__section {
  position: relative;
}
.small-slider__section .small-slider__title {
  grid-column: 3/5;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .small-slider__section .small-slider__title {
    grid-column: span 2;
    padding: 0 16px;
  }
}
.small-slider__section_reversed {
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
.small-slider__section_reversed .small-slider .small-slider__slide {
  flex-direction: row-reverse;
  justify-content: space-between;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
.small-slider__section_reversed .small-slider .small-slider__slide img {
  width: 457px;
  height: 512px;
  padding: 44px 0 44px;
  -o-object-fit: contain;
     object-fit: contain;
  background: rgba(255, 255, 255, 0.06);
  border-radius: 4px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .small-slider__section_reversed .small-slider .small-slider__slide img {
    width: 100%;
    height: auto;
  }
}
@media (max-width: 427px) {
  .small-slider__section_reversed .small-slider .small-slider__slide img {
    padding: 0;
    background: unset;
  }
}
@media (max-width: 767px) {
  .small-slider__section_reversed .small-slider .small-slider__slide {
    flex-direction: column;
  }
}
.small-slider__section_reversed .small-slider .small-slider__buttons {
  left: 0;
}
@media (max-width: 427px) {
  .small-slider__section_reversed .small-slider {
    padding-left: 26px;
  }
  .small-slider__section_reversed .small-slider .small-slider__wrapper {
    margin-bottom: 24px;
  }
  .small-slider__section_reversed .small-slider__content-wrap {
    display: none;
  }
  .small-slider__section_reversed .small-slider .custom-slider__pagination {
    display: none;
  }
  .small-slider__section_reversed .small-slider .small-slider__buttons {
    justify-content: end;
  }
  .small-slider__section_reversed .small-slider .small-slider__img {
    align-self: center;
    aspect-ratio: 1/1;
    width: 229px;
    height: 230px;
    margin: 20px 12px;
  }
  .small-slider__section_reversed .small-slider .small-slider__slide {
    gap: 0;
    background-color: rgba(255, 255, 255, 0.06);
    border-radius: 4px;
  }
  .small-slider__section_reversed .small-slider .content__description {
    min-height: 96px;
    padding: 24px 12px 12px;
    font-size: 23px;
    font-weight: 300;
    line-height: 32px;
  }
  .small-slider__section_reversed .small-slider__title {
    margin: 0;
    padding: 20px 12px;
    color: #a7a6a3;
  }
}
.small-slider .small-slider__img {
  overflow: hidden;
  flex-basis: 50%;
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 4px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .small-slider .small-slider__img {
    margin-bottom: 40px;
  }
}
.small-slider .small-slider__slide {
  display: flex;
  gap: 32px;
  justify-content: flex-start;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .small-slider .small-slider__slide {
    flex-direction: column;
    align-items: flex-start;
  }
}
.small-slider .small-slider__content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  max-width: calc(50% - 64px);
  padding-bottom: 170px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .small-slider .small-slider__content {
    order: -1;
    width: 100%;
    max-width: unset;
    padding: 0 16px;
  }
}
.small-slider .small-slider__content:has(.characteristics) {
  padding-bottom: 60px;
}
.small-slider .small-slider__content:not(:has(.characteristics)) h3 {
  font-weight: 500;
}
.small-slider .small-slider__content:not(:has(.characteristics)) h3 {
  font-size: clamp(23px, 23px + (38 - 23) * (100vw - 320px) / (1920 - 320), 38px);
  line-height: clamp(32px, 32px + (48 - 32) * (100vw - 320px) / (1920 - 320), 48px);
}
.small-slider .small-slider__content h3 {
  margin-bottom: 8px;
}
.small-slider .small-slider__buttons {
  position: absolute;
  z-index: 6;
  bottom: 60px;
  left: calc(50% + 32px);
  justify-content: flex-start;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .small-slider .small-slider__buttons {
    position: static;
    padding-left: 16px;
  }
}
.small-slider .custom-slider__pagination {
  position: absolute;
  z-index: 6;
  bottom: 0;
  left: 20%;
  transform: translate(0, -50%);
  display: flex;
  gap: 22px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .small-slider .custom-slider__pagination {
    bottom: 40px;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
.small-slider .custom-slider__pagination-item {
  cursor: pointer;
  transform: rotate(-45deg);
  display: block;
  width: 8.84px;
  height: 8.84px;
  background: #64666f;
}
.small-slider .custom-slider__pagination-item_active {
  background: #ffd900;
}
.information {
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
.information h2,
.information .information-buttons {
  grid-column: span 2/4;
  align-self: center;
  justify-self: center;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .information h2,
  .information .information-buttons {
    grid-column: span 2;
  }
}
.information h2 {
  padding-bottom: 64px;
  text-align: center;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .information h2 {
    padding-bottom: 32px;
  }
}
@media (max-width: 427px) {
  .information h2 {
    justify-self: start;
    font-size: 38px;
    font-weight: 500;
    line-height: 48px;
    color: #ffd900;
    text-align: start;
  }
}
.information h2.broken__title {
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 427px) {
  .information h2.broken__title {
    max-width: 280px;
    padding: 48px 0 48px 12px;
    font-size: unset;
    font-weight: 500;
    line-height: 32px;
    color: inherit;
  }
}
.information__svg {
  grid-column: span 4;
  justify-self: center;
  width: 84px;
  height: 84px;
  margin-bottom: 64px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .information__svg {
    grid-column: span 2;
    margin-bottom: 32px;
  }
}
.information__description {
  color: #a7a6a3;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .information__description {
    text-align: center;
  }
}
@media (max-width: 427px) {
  .information__description {
    text-align: left;
  }
  .information__description .information__description.h400_bold,
  .information__description span.text_yellow {
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    color: #a7a6a3;
  }
}
.information .description__container {
  display: flex;
  grid-column: span 4;
  gap: 41px;
  justify-content: space-between;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .information .description__container {
    grid-column: span 2;
    flex-wrap: wrap;
  }
}
@media (max-width: 427px) {
  .information .container:has(.information-buttons) .description__container {
    scroll-snap-type: x mandatory;
    overflow-x: auto;
    display: flex;
    flex-wrap: nowrap;
    gap: 12px;
  }
  .information .container:has(.information-buttons) .description__container .information__description {
    scroll-snap-align: start;
    min-width: 270px;
    padding: 16px;
    background-color: rgba(126, 128, 137, 0.06);
    border-radius: 4px;
  }
}
.information-buttons {
  display: flex;
  grid-column: span 2;
  flex-wrap: wrap;
  row-gap: 16px;
  align-items: center;
  margin-top: 76px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .information-buttons {
    width: 100%;
    margin-top: 36px;
  }
}
@media (max-width: 427px) {
  .information-buttons {
    flex-wrap: nowrap;
    gap: 12px;
    padding: 0 8px;
  }
  .information-buttons .button {
    width: -moz-fit-content;
    width: fit-content;
    white-space: nowrap;
  }
}
@media (max-width: 767px) {
  .information-button {
    width: 100%;
  }
}
.team {
  padding: 120px 0;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .team {
    padding-bottom: 0;
  }
}
.team__description {
  grid-column: span 2/5;
  padding-bottom: 100px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .team__description {
    grid-column: span 2;
    padding-bottom: 60px;
  }
}
.team .team-card {
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .team .team-card {
    grid-column: span 2;
    justify-self: center;
    padding-bottom: 24px;
  }
}
.team .team-card__image-wrapper {
  position: relative;
  overflow: hidden;
  max-width: 448px;
  max-height: 448px;
  border-radius: 12px;
}
.team .team-card__image-wrapper:hover .team-card__overlay {
  transform: translateY(0);
  opacity: 1;
}
.team .team-card__image-wrapper::after {
  pointer-events: none;
  content: "";
  position: absolute;
  z-index: 1;
  inset: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.15) 0%, rgba(102, 102, 102, 0.15) 100%);
  border-radius: 4px;
}
.team .team-card__image {
  display: block;
  width: 100%;
  border-radius: 12px;
}
.team .team-card__overlay {
  position: absolute;
  z-index: 2;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px;
  text-align: center;
  opacity: 0;
  background: linear-gradient(180deg, #ff4614 0%, rgba(23, 23, 26, 0.6) 98.6%), linear-gradient(180deg, rgba(0, 0, 0, 0.15) 0%, rgba(102, 102, 102, 0.15) 100%);
  background-blend-mode: overlay;
  border-radius: 4px;
  transition: opacity 0.3s ease;
}
.team .team-card__hover-text {
  align-self: start;
  text-align: start;
}
.team .team-card__info {
  margin-top: 12px;
}
.team .team-card__name {
  padding-bottom: 12px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .team .team-card__name {
    text-align: center;
  }
}
.team .team-card__position {
  color: #fdece8;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .team .team-card__position {
    text-align: center;
  }
}
.trust-marquee .separator {
  grid-column: span 4;
  padding-bottom: 64px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .trust-marquee .separator {
    grid-column: span 2;
    padding-bottom: 32px;
  }
}
.trust-marquee .ticker {
  grid-column: span 4;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .trust-marquee .ticker {
    grid-column: span 2;
  }
}
.trust-marquee__description {
  grid-column: span 2/5;
  padding-bottom: 80px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .trust-marquee__description {
    grid-column: span 2;
    padding-bottom: 40px;
  }
}
.company__slider h2 {
  grid-column: 3/5;
  padding-bottom: 83px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .company__slider h2 {
    grid-column: span 2;
    padding-bottom: 40px;
  }
}
.company__slider .company-slider {
  grid-column: span 4;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .company__slider .company-slider {
    grid-column: span 2;
  }
}
.company__slider .company-slider__buttons {
  display: flex;
  grid-column: 2/3;
  -moz-column-gap: 16px;
       column-gap: 16px;
  margin-top: 20px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .company__slider .company-slider__buttons {
    grid-column: span 2;
  }
}
.company__slider .company-slider__slide {
  width: 100%;
  max-width: 929px;
  height: 100%;
  max-height: 619px;
  border-radius: 4px;
}
.company__slider .company-slider__slide img {
  height: 100%;
  opacity: 0.2;
  -o-object-fit: cover;
     object-fit: cover;
  filter: grayscale(1);
  transition: filter 0.3s, opacity 0.3s;
}
.company__slider .company-slider__slide.swiper-slide-active img {
  opacity: 1;
  filter: none;
}
.lock {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: auto;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .lock {
    width: 100%;
    margin-bottom: 20px;
  }
}
@media (max-width: 575px) {
  .lock {
    margin-bottom: 0;
  }
}
@media (max-width: 427px) {
  .lock {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: center;
    height: 338px;
    padding: 24px 12px;
    background: rgba(126, 128, 137, 0.1);
    border-radius: 4px;
  }
}
.lock__title {
  grid-column: span 4;
  padding-bottom: 64px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .lock__title {
    grid-column: span 2;
  }
}
.lock__list {
  display: flex;
  grid-column: span 4;
  flex-wrap: wrap;
  gap: 32px;
  justify-content: center;
  width: 100%;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
.lock__list .toggle__wrapper {
  display: none;
}
.lock__list:has(> .lock:only-child) {
  grid-column: span 4;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .lock__list:has(> .lock:only-child) {
    grid-column: span 2;
  }
}
@media (max-width: 991px) {
  .lock__list {
    grid-column: span 2;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    padding-bottom: 20px;
  }
}
@media (max-width: 427px) {
  .lock__list .toggle__wrapper {
    display: flex;
    margin-top: 24px;
  }
}
.lock__images {
  position: relative;
  width: 100%;
  max-width: 927px;
  height: 500px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 427px) {
  .lock__images {
    overflow: hidden;
    height: 156px;
    border-radius: 4px;
  }
}
@media (max-width: 1399px) {
  .lock {
    height: 450px;
  }
}
@media (max-width: 767px) {
  .lock {
    height: 300px;
  }
}
.lock__description {
  width: 100%;
  padding-bottom: 48px;
  text-align: left;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .lock__description {
    padding-bottom: 24px;
  }
}
@media (max-width: 427px) {
  .lock__description {
    max-width: 246px;
  }
}
.lock__img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 500px;
  -o-object-fit: contain;
     object-fit: contain;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .lock__img {
    padding-bottom: 24px;
  }
}
.lock__img-open {
  opacity: 0;
}
.lock__img-closed {
  opacity: 1;
}
@media (min-width: 428px) and (hover: hover) {
  .lock:hover .lock__img-open {
    opacity: 1;
  }
  .lock:hover .lock__img-close {
    opacity: 0;
  }
}
@media (min-width: 428px) {
  .lock__list.swiper {
    overflow: visible;
  }
  .lock__list .swiper-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-around;
    height: auto;
  }
  .lock__list .swiper-slide {
    width: 100%;
    max-width: 897px;
  }
  .lock-slider__buttons {
    display: none;
  }
}
/* stylelint-disable scss/no-global-function-names */
@media (max-width: 427px) {
  .lock-slider__buttons {
    display: flex;
    grid-column: span 2;
    gap: 18px;
    justify-self: end;
    width: -moz-fit-content;
    width: fit-content;
    margin-top: 24px;
    margin-right: 16px;
  }
}
/* stylelint-enable scss/no-global-function-names */
.agreement .container {
  padding-top: 184px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .agreement .container {
    padding-top: 120px;
  }
}
.agreement__title {
  grid-column: span 4;
  margin-bottom: 40px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .agreement__title {
    grid-column: span 2;
  }
}
.agreement__content {
  grid-column: span 4;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .agreement__content {
    grid-column: span 2;
  }
}
.agreement h2 {
  margin: 0 0 24px;
  padding-top: 24px;
  font-size: 30px;
  font-weight: 700;
  line-height: 120%;
}
.agreement p {
  margin: 0 0 24px;
}
.agreement a {
  text-decoration: underline;
  text-underline-offset: 3px;
  word-break: break-word;
}
.agreement ul {
  margin: 0 0 32px;
  padding-left: 20px;
}
.agreement li {
  margin-bottom: 12px;
  font-size: 18px;
}
.agreement li > p {
  margin-bottom: 0;
}
.agreement br {
  display: none;
}
.agreement table {
  overflow-x: auto;
  display: block;
  border-collapse: collapse;
  width: 100%;
  max-width: 100%;
  margin: 0 0 40px;
  -webkit-overflow-scrolling: touch;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .agreement table tbody {
    display: table;
    width: -moz-max-content;
    width: max-content;
    min-width: 100%;
  }
}
.agreement td, .agreement th {
  min-width: 220px;
  padding: 16px 18px;
  vertical-align: top;
  border: 1px solid rgba(255, 255, 255, 0.12);
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .agreement td, .agreement th {
    max-width: 280px;
  }
}
.agreement tr:first-child td, .agreement th {
  font-weight: 700;
  background: rgba(255, 255, 255, 0.06);
}
.legal .container {
  padding-top: 184px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .legal .container {
    padding-top: 120px;
  }
}
.legal p, .legal h3 {
  margin: 0 0 40px;
}
.legal__title {
  grid-column: span 4;
  margin-bottom: 40px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .legal__title {
    grid-column: span 2;
  }
}
.legal__content {
  grid-column: span 4;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .legal__content {
    grid-column: span 2;
  }
}
.section__ticker-company {
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .section__ticker-company {
    margin-top: 60px;
  }
}
@media (max-width: 767px) {
  .section__ticker-company {
    margin-top: 30px;
  }
}
.ticker-company {
  position: relative;
  overflow: hidden;
  grid-column: span 4;
  justify-self: center;
  width: 100%;
  height: 300px;
  margin-bottom: 24px;
  padding-bottom: 64px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .ticker-company {
    grid-column: span 2;
  }
}
.ticker-company::after {
  pointer-events: none;
  content: "";
  position: absolute;
  z-index: 10;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 200px;
  background: linear-gradient(0deg, rgba(23, 23, 26, 0.75) 0.2%, rgba(23, 23, 26, 0) 100%);
}
.ticker-company__title {
  grid-column: span 4;
  justify-self: center;
  padding-bottom: 64px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
.ticker-company__title {
  font-size: clamp(31px, 31px + (54 - 31) * (100vw - 320px) / (1920 - 320), 54px);
  line-height: clamp(40px, 40px + (64 - 40) * (100vw - 320px) / (1920 - 320), 64px);
}
@media (max-width: 991px) {
  .ticker-company__title {
    grid-column: span 2;
    padding-bottom: 36px;
  }
}
.ticker-company.ticker {
  display: block;
  background-color: #17171a;
}
.ticker-company .ticker__slide-subtitle {
  display: inline;
}
.ticker-company .ticker__slide-subtitle {
  font-size: clamp(16px, 16px + (31 - 16) * (100vw - 320px) / (1920 - 320), 31px);
  line-height: clamp(20px, 20px + (48 - 20) * (100vw - 320px) / (1920 - 320), 48px);
}
.ticker-company .ticker__wrapper {
  display: flex;
  flex-direction: column;
  gap: 24px;
  box-sizing: border-box;
  width: 100%;
  animation: scroll-vertical 20s linear infinite;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .ticker-company .ticker__wrapper {
    gap: 16px;
  }
}
.ticker-company .ticker__slide {
  width: 100%;
  max-width: 928px;
  padding: 0.5em 0;
  text-align: center;
  white-space: normal;
}
.ticker-company .ticker__slide-title {
  display: inline;
  font-weight: 500;
  line-height: 48px;
  color: #fff;
  text-align: center;
  letter-spacing: 0%;
}
.ticker-company .ticker__slide-title {
  font-size: clamp(16px, 16px + (31 - 16) * (100vw - 320px) / (1920 - 320), 31px);
  line-height: clamp(20px, 20px + (48 - 20) * (100vw - 320px) / (1920 - 320), 48px);
}
@keyframes scroll-vertical {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-100%);
  }
}
.differences {
  overflow: hidden;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
.differences__text {
  display: flex;
  grid-column: span 2/5;
  flex-direction: column;
  row-gap: 32px;
  padding-bottom: 64px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .differences__text {
    grid-column: span 2;
    padding-bottom: 36px;
  }
}
.differences__text p:last-child {
  color: #ff4614;
}
@media (max-width: 427px) {
  .differences__text {
    row-gap: 24px;
    padding: 48px 4px;
  }
  .differences__text h2 {
    padding-bottom: 24px;
  }
  .differences__text p {
    max-width: 280px;
    line-height: 20px;
  }
}
.differences .table-content {
  grid-column: 2/5;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .differences .table-content {
    grid-column: span 2;
  }
}
.differences .table-content__wrap {
  grid-template-columns: 1fr;
}
@media (max-width: 427px) {
  .differences .table-content {
    padding: 120px 0 0;
  }
}
.differences .table p {
  font-weight: 300;
}
.differences .table p {
  font-size: clamp(16px, 16px + (23 - 16) * (100vw - 320px) / (1920 - 320), 23px);
  line-height: clamp(24px, 24px + (32 - 24) * (100vw - 320px) / (1920 - 320), 32px);
}
.differences .table-list {
  display: flex;
  flex-direction: column;
}
.differences .table-list li {
  display: grid;
  grid-column-gap: 32px;
  grid-template-columns: repeat(2, 1fr);
  height: auto;
  padding: 16px 0 16px 12px;
  border-bottom: 1px solid #a6a8b6;
}
@media (max-width: 427px) {
  .differences {
    position: relative;
  }
  .differences .table-content__wrap {
    overflow: hidden;
    overflow-x: auto;
    display: flex;
    gap: 12px;
  }
  .differences .table-list {
    margin-bottom: 10px;
  }
  .differences .button.button_translucent {
    display: block;
    justify-self: start;
    min-width: -moz-fit-content;
    min-width: fit-content;
  }
  .differences .button__wrapper {
    display: block;
    align-items: center;
    width: -moz-fit-content;
    width: fit-content;
  }
  .differences .button__text {
    white-space: nowrap;
  }
  .differences .table {
    grid-column: span 2;
  }
}
.section__table-title {
  grid-column: span 2;
  margin-bottom: 65px;
}
.section__table .table-list__item p {
  font-weight: 300;
}
.section__table .table-list__item p {
  font-size: clamp(12px, 12px + (16 - 12) * (100vw - 320px) / (1920 - 320), 16px);
  line-height: clamp(16px, 16px + (20 - 16) * (100vw - 320px) / (1920 - 320), 20px);
}
.ba-slider__title {
  grid-column: 3/span 2;
  margin-bottom: 60px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .ba-slider__title {
    grid-column: span 2;
  }
}
@media (max-width: 427px) {
  .ba-slider__title {
    padding: 20px 12px;
    color: #a7a6a3;
  }
}
.ba-slider__wrapper {
  display: flex;
  grid-column: span 4;
  gap: 52px;
  align-items: center;
  justify-content: center;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .ba-slider__wrapper {
    grid-column: span 2;
    flex-direction: column;
    gap: 48px;
  }
}
@media (max-width: 427px) {
  .ba-slider__wrapper {
    gap: 0;
  }
}
.ba-slider__info {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: center;
  justify-content: center;
  max-width: 350px;
  text-align: left;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 427px) {
  .ba-slider__info {
    padding: 0 12px 32px;
  }
}
.ba-slider__info_yellow {
  padding: 24px;
  color: #141414;
  background-color: #ffd900;
  border-radius: 4px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 427px) {
  .ba-slider__info_yellow {
    gap: 8px;
    margin-bottom: 48px;
    padding: 24px 12px;
  }
}
.ba-slider__block {
  --value: 50%;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  position: relative;
  aspect-ratio: 1/1;
  width: 100%;
  max-width: 650px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .ba-slider__block {
    order: 3;
  }
}
.ba-slider__item {
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  position: absolute;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.ba-slider__item_before {
  left: 0;
  width: var(--value);
  -o-object-position: left;
     object-position: left;
}
.ba-slider__item_after {
  position: absolute;
  top: 0;
  right: 0;
  overflow: hidden;
  width: calc(100% - var(--value));
  height: 100%;
  -o-object-position: right;
     object-position: right;
}
.ba-slider__handle {
  position: absolute;
  z-index: 2;
  top: 0;
  left: var(--value);
  width: 2px;
  height: 100%;
  background: #ffffff;
}
.ba-slider__handle::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  width: 42px;
  height: 42px;
  background: #ffffff;
  border-radius: 4px;
}
.ba-slider__handle::after {
  content: "";
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 26px;
  height: 14px;
  background-image: url(/images/icons/ba-slider-devider.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
section.tabs-coating .tabs {
  overflow: hidden;
  grid-column: span 4;
  justify-self: center;
  margin-bottom: 64px;
  background: rgba(255, 255, 255, 0.3);
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 1199px) {
  section.tabs-coating .tabs {
    width: 100%;
    border-radius: 24px;
  }
  section.tabs-coating .tabs .tabs__list {
    flex-direction: column;
    flex-wrap: wrap;
    width: 100%;
  }
  section.tabs-coating .tabs .tabs__list-wrapper {
    overflow: hidden;
    width: 100%;
  }
  section.tabs-coating .tabs .tabs__item {
    width: 100%;
  }
}
@media (max-width: 767px) {
  section.tabs-coating .tabs {
    overflow-x: hidden;
    grid-column: span 2;
    width: 100%;
  }
  section.tabs-coating .tabs .tabs__list-wrapper {
    overflow-x: auto;
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
  }
  section.tabs-coating .tabs .tabs__list {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 12px;
    min-width: -moz-max-content;
    min-width: max-content;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  section.tabs-coating .tabs .tabs__item {
    width: -moz-fit-content;
    width: fit-content;
    white-space: nowrap;
  }
}
@media (max-width: 427px) {
  section.tabs-coating .tabs {
    position: relative;
    margin-bottom: 32px;
    background: rgba(255, 255, 255, 0.06);
  }
}
section.tabs-coating .mobile-buttons {
  overflow: hidden;
  overflow-x: scroll;
  display: flex;
  flex-wrap: nowrap;
  gap: 12px;
}
section.tabs-coating .mobile-buttons .button {
  min-width: -moz-fit-content;
  min-width: fit-content;
}
section.tabs-coating .color-scheme_green .tabs__item {
  color: #fff;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 427px) {
  section.tabs-coating .color-scheme_green .tabs__item {
    padding: 12px 28px;
  }
}
section.tabs-coating .tabs-coating__contents {
  grid-column: span 4;
  align-items: start;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  section.tabs-coating .tabs-coating__contents {
    grid-column: span 2;
  }
}
@media (max-width: 427px) {
  section.tabs-coating .tabs-coating__contents {
    position: relative;
  }
}
section.tabs-coating .tabs-coating__content {
  display: grid;
  grid-column-gap: 32px;
  grid-template-columns: repeat(4, 1fr);
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  section.tabs-coating .tabs-coating__content {
    grid-template-columns: 1fr;
  }
}
section.tabs-coating .tabs-coating__contents_left, section.tabs-coating .tabs-coating__contents_right {
  grid-column: span 2;
  padding-bottom: 60px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 427px) {
  section.tabs-coating .tabs-coating__contents_left, section.tabs-coating .tabs-coating__contents_right {
    padding-bottom: 40px;
  }
}
section.tabs-coating .tabs-coating__contents_bottom {
  display: flex;
  grid-column: span 4;
  justify-content: space-between;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  section.tabs-coating .tabs-coating__contents_bottom {
    grid-column: span 2;
  }
}
@media (max-width: 767px) {
  section.tabs-coating .tabs-coating__contents_bottom {
    flex-direction: column;
  }
}
section.tabs-coating .tabs-coating__contents-advantage {
  display: flex;
  gap: 12px;
  align-items: center;
  max-width: 448px;
  padding-bottom: 36px;
}
section.tabs-coating .advantage__icon {
  width: 80px;
  height: 80px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  section.tabs-coating .advantage__icon {
    width: 50px;
    height: 50px;
  }
}
section.tabs-coating .tabs-coating__content_image {
  overflow: hidden;
  width: 100%;
  max-width: 920px;
  height: 100%;
  max-height: 600px;
  border-radius: 4px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  section.tabs-coating .tabs-coating__content_image {
    justify-self: center;
    max-width: 100%;
    padding-bottom: 16px;
  }
}
@media (max-width: 427px) {
  section.tabs-coating .tabs-coating__content_image {
    padding-bottom: 0;
  }
}
section.tabs-coating .tabs-coating__content_image img {
  width: 100%;
  height: auto;
  max-height: 600px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  section.tabs-coating .tabs-coating__content_image img {
    max-height: 250px;
  }
}
section.tabs-coating .tab__title {
  padding-bottom: 36px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 427px) {
  section.tabs-coating .tab__title {
    padding-bottom: 24px;
    font-size: 31px;
    font-weight: 500;
    line-height: 40px;
  }
}
section.tabs-coating .tab-text {
  padding-bottom: 40px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 427px) {
  section.tabs-coating .tab-text {
    padding-bottom: 48px;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
  }
}
section.tabs-coating .tabs-coating__content.hidden {
  display: none;
}
section.tabs-coating .tabs__content_right {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 12px 24px;
}
section.tabs-coating .tabs__content_right .right-block__title {
  padding-bottom: 12px;
}
section.tabs-coating .tabs__content_right .right-block__text {
  color: #a7a6a3;
}
section.tabs-coating .right-block__wrap {
  display: flex;
  flex-direction: column;
  gap: 21px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
section.tabs-coating .right-block__wrap .description__wrapper {
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 3px;
       column-gap: 3px;
}
@media (max-width: 427px) {
  section.tabs-coating .right-block__wrap {
    display: none;
  }
}
section.tabs-coating .right-block__row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
section.tabs-coating .right-block__row:first-child {
  padding-bottom: 21px;
  border-bottom: 1px solid rgba(166, 168, 182, 0.5);
}
@media (max-width: 767px) {
  section.tabs-coating .right-block__row {
    grid-template-columns: 1fr;
  }
}
section.tabs-coating .right-block {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.product-description {
  padding: 0;
}
.product-description .product-description__container {
  position: relative;
  z-index: 1;
  align-content: start;
  min-height: 800px;
  padding-top: 64px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
.product-description .product-description__container::before {
  pointer-events: none;
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  background: linear-gradient(180deg, rgba(36, 36, 36, 0.6) 49.76%, rgba(23, 23, 26, 0.8) 78.93%);
}
@media (max-width: 991px) {
  .product-description .product-description__container {
    min-height: 600px;
    padding-top: 32px;
  }
}
.product-description .product-description__image {
  position: absolute;
  z-index: -2;
  inset: 0;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.product-description .product-description__content.hidden {
  display: none;
}
.product-description .product-description__content p {
  padding-bottom: 31px;
}
.product-description .product-description__content-wrapper {
  grid-column: 3/5;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .product-description .product-description__content-wrapper {
    grid-column: span 2;
  }
}
.product-description .product-description__tabs-wrap {
  grid-column: span 4;
  justify-self: center;
  margin-bottom: 64px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 1299px) {
  .product-description .product-description__tabs-wrap {
    grid-column: span 4;
  }
}
@media (max-width: 991px) {
  .product-description .product-description__tabs-wrap {
    grid-column: span 2;
    width: 100%;
    min-width: 0;
    margin-bottom: 32px;
  }
}
@media (min-width: 992px) {
  .product-description .product-description__tabs-wrap {
    display: contents;
  }
}
.product-description .tabs {
  position: relative;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (min-width: 992px) {
  .product-description .tabs {
    grid-column: span 4;
    justify-self: center;
    box-sizing: border-box;
    min-width: 0;
    max-width: 100%;
    margin-bottom: 64px;
  }
}
@media (min-width: 1300px) {
  .product-description .tabs {
    grid-column: span 4;
  }
}
@media (max-width: 991px) {
  .product-description .tabs {
    overflow-x: hidden;
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    max-width: 100%;
  }
  .product-description .tabs::after {
    pointer-events: none;
    content: "";
    position: absolute;
    z-index: 10;
    top: 0;
    right: 0;
    width: 60px;
    height: 100%;
    background: linear-gradient(270deg, rgb(109, 109, 109) 40.38%, rgba(109, 109, 109, 0) 100%);
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
  }
  .product-description .tabs .tabs__list {
    overflow-x: auto;
    display: flex;
    flex: 1 1 0;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 12px;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    -webkit-overflow-scrolling: touch;
  }
}
.product-description .tabs__item {
  width: -moz-fit-content;
  width: fit-content;
  min-width: -moz-max-content;
  min-width: max-content;
  white-space: nowrap;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .product-description .tabs__item {
    flex: 0 0 auto;
  }
}
.profile-slider__section {
  position: relative;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
.profile-slider__section .profile__sizes-button {
  grid-column: span 2;
  gap: 8px;
  align-items: center;
  justify-content: center;
  justify-self: end;
  height: -moz-fit-content;
  height: fit-content;
  margin-bottom: 16px;
  padding: 12px 24px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
.profile-slider__section .profile__sizes-button.is-hidden {
  pointer-events: none;
  opacity: 0;
}
@media (max-width: 767px) {
  .profile-slider__section .profile__sizes-button {
    justify-self: center;
    margin-bottom: 0;
    padding-left: 48px;
  }
}
.profile-slider__section .profile-scheme-modal {
  position: absolute;
  z-index: 10;
  top: 0;
  right: 16px;
  left: unset;
  translate: 0 0;
  display: flex;
  width: 50%;
  max-width: unset;
  height: 76%;
  margin: auto;
  padding: 56px;
  background: rgba(255, 255, 255, 0.06);
  -webkit-backdrop-filter: blur(16px);
          backdrop-filter: blur(16px);
  border-radius: 4px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .profile-slider__section .profile-scheme-modal {
    top: 70px;
    right: 15px;
    left: 15px;
    width: auto;
    height: 309px;
  }
}
@media (max-width: 427px) {
  .profile-slider__section .profile-scheme-modal {
    top: 62px;
  }
}
.profile-slider__section .profile-scheme-modal.hidden {
  display: none;
}
.profile-slider__section .profile-scheme-modal__content {
  transform: translateY(50%);
}
.profile-slider__section .profile-scheme-modal__image {
  max-width: 100%;
  max-height: 80vh;
}
.profile-slider__section .profile-scheme-modal__close {
  cursor: pointer;
  position: absolute;
  z-index: 15;
  top: 0;
  right: 0;
  gap: 8px;
  align-items: center;
  justify-content: center;
  padding: 12px 24px;
  color: #fff;
  background: none;
  border: none;
}
.profile-slider__section .profile-scheme-modal__close:hover {
  background-color: transparent;
}
@media (max-width: 767px) {
  .profile-slider__section .custom-swiper__navigation {
    grid-column: span 2;
    align-self: end;
    justify-self: end;
    width: -moz-fit-content;
    width: fit-content;
    padding-top: 24px;
  }
  .profile-slider__section .profile-slider__pagination {
    display: none;
  }
  .profile-slider__section .profile-button-wrapper {
    display: flex;
    justify-content: center;
    margin-top: 24px;
  }
  .profile-slider__section .wrapper {
    align-items: center;
    padding: 24px 12px;
    background: var(--Gray-transparent-10, rgba(126, 128, 137, 0.1));
    -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);
    border-radius: var(--Radius-xs, 4px);
  }
}
.cards {
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
.cards__title {
  grid-column: span 4;
  margin-bottom: 66px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .cards__title {
    grid-column: span 2;
  }
}
@media (max-width: 427px) {
  .cards__title {
    max-width: 280px;
    margin-bottom: 48px;
    font-size: 38px;
    font-weight: 500;
    line-height: 48px;
    color: #ffd900;
  }
}
.cards__wrapper {
  display: flex;
  grid-column: span 4;
  gap: 24px;
  justify-content: space-between;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .cards__wrapper {
    grid-column: span 2;
    flex-wrap: wrap;
  }
}
@media (max-width: 427px) {
  .cards__wrapper {
    position: relative;
    flex-wrap: nowrap;
  }
}
.cards .cards-slider__buttons {
  display: none;
}
@media (max-width: 427px) {
  .cards {
    display: flex;
    flex-direction: column;
  }
  .cards .cards__wrapper_modals {
    position: relative;
  }
  .cards .cards-swiper {
    padding-bottom: 10px;
    padding-left: 26px;
  }
  .cards .cards-slider__buttons {
    display: flex;
    gap: 16px;
    justify-content: end;
    margin-top: 24px;
    margin-right: 30px;
  }
}
@media (min-width: 428px) {
  .cards .card-slider__slide {
    flex-shrink: inherit;
  }
}
.colorization {
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
.colorization-product {
  position: relative;
  justify-self: center;
  aspect-ratio: 1/1;
  width: 100%;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .colorization-product {
    width: 95vw;
  }
}
.colorization-product__img {
  position: absolute;
  inset: 0;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
.colorization-product__img_front {
  z-index: 3;
  filter: contrast(1.03);
}
@media (max-width: 427px) {
  .colorization-product__img {
    height: 290px;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.colorization-tint {
  pointer-events: none;
  position: absolute;
  inset: 0;
  background: var(--tint, #ff0000);
  mix-blend-mode: multiply;
  -webkit-mask: var(--mask) center/contain no-repeat;
  mask: var(--mask) center/contain no-repeat;
}
.colorization .commodity__button-call {
  justify-self: flex-end;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .colorization .commodity__button-call {
    justify-self: center;
    width: 100%;
  }
}
.colorization .commodity__image {
  opacity: 0;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .colorization .commodity__image {
    display: none;
  }
}
@media (max-width: 427px) {
  .colorization .commodity__image {
    margin-bottom: 120px;
  }
}
.colorization .commodity__image img {
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 427px) {
  .colorization .commodity__image img {
    position: relative;
    inset: 0;
    transform: unset;
    height: 290px;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.colorization .commodity__block {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 34px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .colorization .commodity__block {
    flex-wrap: wrap;
  }
}
.colorization .commodity__switcher {
  cursor: pointer;
  display: flex;
  gap: 8px;
  align-items: center;
}
.colorization .commodity__switcher:has(.commodity__switcher-icon.reverse) {
  flex-direction: row-reverse;
}
.colorization .commodity__switcher-icon {
  transform: rotate(180deg);
  width: 24px;
  height: 24px;
  transition: transform 0.3s;
}
.colorization .commodity__switcher-icon.reverse {
  transform: rotate(0deg);
}
.colorization .commodity__info-title {
  margin-bottom: 24px;
}
@media (max-width: 427px) {
  .colorization .commodity__block {
    display: none;
  }
  .colorization .commodity__disclaimer {
    margin-bottom: 0;
    font-size: 12px;
    font-weight: 300;
    line-height: 16px;
  }
}
.color-scheme_yellow {
  color: #141414;
  background-color: #ffd900;
  transition: background-color 0.3s ease;
}
.color-scheme_yellow.tabs {
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .color-scheme_yellow.tabs {
    background-color: rgba(255, 255, 255, 0.06);
  }
}
.color-scheme_green {
  color: #141414;
  background-color: #cdde00;
  transition: background-color 0.3s ease;
}
.color-scheme_green.tabs {
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .color-scheme_green.tabs {
    background-color: rgba(255, 255, 255, 0.06);
  }
}
span.text_white,
p.text_white,
li.text_white,
h2.text_white {
  color: #fff;
}
span.text_yellow,
p.text_yellow,
li.text_yellow,
h2.text_yellow {
  color: #ffd900;
}
span.text_green,
p.text_green,
li.text_green,
h2.text_green {
  color: #cdde00;
}
span.text_tertiary,
p.text_tertiary,
li.text_tertiary,
h2.text_tertiary {
  color: #a7a6a3;
}
.title__animation {
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
.title__animation h2 {
  grid-column: span 4;
  justify-self: center;
  text-align: center;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .title__animation h2 {
    grid-column: span 2;
  }
}
@media (max-width: 427px) {
  .title__animation h2 {
    text-align: left;
  }
}
@media (max-width: 767px) {
  .title__animation {
    padding: 48px 0;
  }
}
.tabs-production.reversed .tabs-production__contents_left {
  order: 1;
}
.tabs-production .text-second {
  color: #a7a6a3;
}
.tabs-production__title {
  grid-column: 3/span 2;
  padding-bottom: 80px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .tabs-production__title {
    grid-column: span 2;
    justify-self: center;
    padding-bottom: 40px;
  }
}
.tabs-production .tabs {
  grid-column: span 4;
  justify-self: center;
  margin-bottom: 64px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .tabs-production .tabs {
    overflow: hidden;
    grid-column: span 2;
    width: 100%;
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  .tabs-production .tabs {
    overflow-x: hidden;
  }
  .tabs-production .tabs::after {
    pointer-events: none;
    content: "";
    position: absolute;
    z-index: 10;
    top: 0;
    right: 0;
    width: 60px;
    height: 100%;
    background: linear-gradient(270deg, rgb(109, 109, 109) 40.38%, rgba(109, 109, 109, 0) 100%);
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
  }
  .tabs-production .tabs .tabs__list-wrapper {
    overflow-x: auto;
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
  }
  .tabs-production .tabs .tabs__list {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 12px;
    min-width: -moz-max-content;
    min-width: max-content;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .tabs-production .tabs .tabs__item {
    width: -moz-fit-content;
    width: fit-content;
    white-space: nowrap;
  }
}
.tabs-production__contents {
  grid-column: span 4;
  align-items: start;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .tabs-production__contents {
    grid-column: span 2;
  }
}
.tabs-production__content {
  display: grid;
  grid-column-gap: 32px;
  grid-template-columns: repeat(2, 1fr);
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .tabs-production__content {
    grid-template-columns: 1fr;
  }
}
.tabs-production__content.hidden {
  display: none;
}
.tabs-production .tab__title {
  padding-bottom: 8px;
}
.tabs-production__content_image {
  overflow: hidden;
  width: 100%;
  max-width: 920px;
  height: 100%;
  max-height: 600px;
  border-radius: 4px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .tabs-production__content_image {
    justify-self: center;
    max-width: 100%;
    padding-bottom: 16px;
  }
}
.tabs-production__content_image img {
  width: 100%;
  height: auto;
  max-height: 600px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .tabs-production__content_image img {
    max-height: 250px;
  }
}
.product-detail-slider {
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
.product-detail-slider .swiper-pagination-bullets {
  position: absolute;
  z-index: 6;
  bottom: -32px;
  left: 25%;
  transform: translate(0, -50%);
  display: flex;
  gap: 22px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .product-detail-slider .swiper-pagination-bullets {
    bottom: -20px;
    left: 50%;
  }
}
.product-detail-slider .custom-slider__pagination-item {
  cursor: pointer;
  transform: rotate(-45deg);
  display: block;
  width: 8.84px;
  height: 8.84px;
  background: #64666f;
}
.product-detail-slider .custom-slider__pagination-item_active {
  background: #ff4614;
}
.product-detail-slider .swiper-slide img {
  overflow: hidden;
  flex-basis: 50%;
  aspect-ratio: 928/600;
  -o-object-fit: contain;
  object-fit: contain;
  border-radius: 4px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .product-detail-slider .swiper-slide img {
    margin-bottom: 40px;
  }
}
.product-detail-slider .swiper-slide {
  display: flex;
  gap: 32px;
  justify-content: flex-start;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .product-detail-slider .swiper-slide {
    flex-direction: column;
    align-items: flex-start;
  }
}
.product-detail-slider .content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  max-width: calc(50% - 64px);
  height: auto;
  padding-bottom: 120px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .product-detail-slider .content {
    order: -1;
    width: 100%;
    max-width: unset;
    padding: 0 16px;
  }
}
.product-detail-slider .slider__buttons {
  position: absolute;
  z-index: 6;
  bottom: 0;
  left: calc(50% + 32px);
  display: flex;
  gap: 16px;
  justify-content: flex-end;
  justify-content: flex-start;
  width: 100%;
  padding: 5px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .product-detail-slider .slider__buttons {
    position: static;
    padding-left: 16px;
  }
}
.product-detail-slider .description__block:first-child {
  padding-bottom: 64px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .product-detail-slider .description__block:first-child {
    padding-bottom: 36px;
  }
}
.product-detail-slider .description__block:first-child p:first-child {
  color: #a7a6a3;
}
.product-detail-slider .description-tag {
  margin-top: auto;
}
.product-detail-slider .product-slider {
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
.product-detail-slider .product-slider .product-slider__slide {
  justify-content: space-between;
}
@media (max-width: 427px) {
  .product-detail-slider .product-slider {
    padding-left: 12px;
  }
  .product-detail-slider .product-slider__wrap-img {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    align-items: center;
    width: 100%;
    background: rgba(126, 128, 137, 0.1);
    border-radius: 4px;
  }
  .product-detail-slider .product-slider .swiper-slide img {
    aspect-ratio: 123/145;
    height: 290px;
    margin-bottom: 0;
    padding: 24px 12px;
  }
  .product-detail-slider .product-slider .product-slider__wrapper {
    align-items: end;
  }
  .product-detail-slider .product-slider .description {
    display: none;
  }
  .product-detail-slider .product-slider .content {
    padding: 0;
  }
  .product-detail-slider .product-slider .description-tag {
    display: none;
  }
  .product-detail-slider .product-slider .product-slider__pagination, .product-detail-slider .product-slider .product-slider__buttons {
    display: none;
  }
}
.product-detail-slider .tape-slider {
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
.product-detail-slider .tape-slider .tape-slider__slide {
  justify-content: space-between;
}
@media (max-width: 427px) {
  .product-detail-slider .tape-slider {
    padding-left: 12px;
  }
  .product-detail-slider .tape-slider .tape-slider__wrapper {
    align-items: space-between;
  }
  .product-detail-slider .tape-slider .description {
    display: none;
  }
  .product-detail-slider .tape-slider .content {
    position: static;
  }
  .product-detail-slider .tape-slider .description-tag {
    position: absolute;
    top: 20%;
    font-size: 23px;
    font-weight: 300;
    line-height: 32px;
  }
  .product-detail-slider .tape-slider .tape-slider__buttons {
    display: none;
  }
  .product-detail-slider .tape-slider .tape-slider__slide {
    justify-content: space-between;
    height: auto;
  }
  .product-detail-slider .tape-slider .swiper-slide img {
    flex-basis: unset;
    aspect-ratio: unset;
    margin-bottom: 0;
    border-radius: 4px;
  }
}
@media (min-width: 428px) {
  .product-detail-slider .tape-slider__title, .product-detail-slider .product-slider__title {
    display: none;
  }
}
@media (max-width: 427px) {
  .product-detail-slider .tape-slider__pagination, .product-detail-slider .product-slider__pagination {
    display: none;
  }
  .product-detail-slider .tape-slider__title, .product-detail-slider .product-slider__title {
    max-width: 278px;
    margin: 0;
    padding: 25px 12px 19px 12px;
    font-size: 23px;
    font-weight: 500;
    line-height: 32px;
  }
  .product-detail-slider .tape-slider__title {
    padding-bottom: 0;
    color: #a7a6a3;
  }
}
.not-found {
  height: 100vh;
}
.not-found .container {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .not-found .container {
    flex-wrap: wrap;
    align-content: center;
  }
}
.not-found h2 {
  margin-bottom: 24px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .not-found h2 {
    margin-bottom: 16px;
  }
}
.not-found__img {
  height: 288px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .not-found__img {
    height: 184px;
    margin-bottom: 68px;
  }
}
.not-found__btn {
  margin-top: 64px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .not-found__btn {
    margin-top: 36px;
  }
}
.personal-color h2 {
  grid-column: 2/4;
  padding-bottom: 64px;
  text-align: center;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .personal-color h2 {
    grid-column: span 2;
  }
}
@media (max-width: 767px) {
  .personal-color h2 {
    padding-bottom: 48px;
    font-size: 38px;
    font-weight: 500;
    line-height: 48px;
    text-align: start;
  }
}
.personal-color .personal-color__container {
  display: flex;
  grid-column: span 4;
  gap: 48px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 991px) {
  .personal-color .personal-color__container {
    grid-column: span 2;
    flex-wrap: wrap;
  }
}
@media (max-width: 767px) {
  .personal-color .personal-color__container {
    gap: 41px;
    max-width: 100%;
  }
}
.types-coating {
  padding: 100px 16px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
.types-coating h2 {
  padding-bottom: 64px;
  text-align: center;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 427px) {
  .types-coating h2 {
    padding-bottom: 48px;
    font-size: 38px;
    font-weight: 500;
    line-height: 48px;
    text-align: start;
  }
}
@media (max-width: 767px) {
  .types-coating {
    padding: 48px 16px;
  }
}
.types-coating__description {
  width: 100%;
  max-width: 602px;
}
.types-coating__container {
  display: flex;
  gap: 41px;
  align-items: center;
  justify-content: center;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .types-coating__container {
    flex-direction: column;
  }
}
@media (max-width: 427px) {
  .types-coating__container {
    gap: 24px;
  }
}
.print-section {
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
.print-section .container {
  row-gap: 56px;
}
.print-section h2 {
  grid-column: span 4;
  text-align: center;
}
.print-section__content {
  display: grid;
  grid-column: span 4;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 32px;
}
.print-section__content p {
  margin: 0;
  color: #a7a6a3;
}
@media (max-width: 767px) {
  .print-section .container {
    row-gap: 24px;
  }
  .print-section__content {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}
.configurator {
  padding: 0;
  background-color: #121215;
  /* Подложка под прозрачным хедером: отдельный fixed-блок, который
     закрашивает зону за хедером, пока секция конфигуратора в viewport.
     Это позволяет не трогать сам хедер и не раздувать высоту превью. */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* Только палитра (без выбора наполнителя, профиля и замка) — без внутренней прокрутки на десктопе. */
}
.configurator__palette > p:first-child, .configurator__fillers > p:first-child, .configurator__product-types > p:first-child, .configurator__profiles > p:first-child, .configurator__locks > p:first-child {
  margin: 0;
}
.configurator__layout {
  display: grid;
  grid-template-columns: 3fr 2fr;
  grid-template-rows: auto 1fr;
  padding-top: 70px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (min-width: 992px) {
  .configurator__layout {
    width: 100%;
    max-width: 1888px;
    margin: 0 auto;
    padding-right: 16px;
    padding-left: 16px;
  }
}
@media (max-width: 767px) {
  .configurator__layout {
    display: block;
  }
}
.configurator__preview {
  display: flex;
  grid-column: 1;
  grid-row: 1;
  flex-direction: column;
  gap: 16px;
  padding: 48px 24px;
  background: #121215;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .configurator__preview {
    position: sticky;
    z-index: 2;
    top: var(--header-height, 0px);
    padding: 16px 16px 8px;
    /* Мягкое затухание нижней границы sticky-превью, чтобы скроллящийся
       под ним контент не «упирался» в чёткую горизонтальную линию. */
  }
  .configurator__preview::after {
    pointer-events: none;
    content: "";
    position: absolute;
    z-index: 1;
    top: 100%;
    right: 0;
    left: 0;
    height: 24px;
    background: linear-gradient(to bottom, #121215 0%, rgba(18, 18, 21, 0) 100%);
  }
}
@media (max-width: 575px) {
  .configurator__preview {
    padding: 12px 12px 4px;
  }
  .configurator__preview::after {
    height: 16px;
  }
}
.configurator__header-mask {
  display: none;
}
@media (max-width: 767px) {
  .configurator__header-mask {
    pointer-events: none;
    position: fixed;
    z-index: 995; /* строго ниже .header (996) и выше контента */
    top: 0;
    right: 0;
    left: 0;
    display: block;
    height: var(--header-height, 0px);
    opacity: 0;
    background: #121215;
    transition: opacity 0.15s ease;
  }
  .configurator--header-mask-active .configurator__header-mask {
    opacity: 1;
  }
}
.configurator__details {
  display: flex;
  grid-column: 1;
  grid-row: 2;
  flex-direction: column;
  gap: 16px;
  padding: 0 24px 48px;
  background: #121215;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .configurator__details {
    padding: 0 16px 48px;
  }
}
.configurator__panel {
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  /* Совпадает с холстом слоёв (1888×800). Старый 1280/610 давал лишние поля по вертикали. */
  aspect-ratio: 1888/800;
  width: 100%;
  background: #1e1e22;
  border-radius: 4px;
}
.configurator__panel::after {
  pointer-events: none;
  content: "";
  position: absolute;
  z-index: 5;
  inset: 0;
  opacity: var(--light-overlay, 0);
  background: radial-gradient(ellipse at 30% 25%, #fff 0%, transparent 70%);
  mix-blend-mode: soft-light;
}
.configurator__layer {
  pointer-events: none;
  position: absolute;
  inset: 0;
}
.configurator__layer img {
  /* На холсте 1888×800 панель нарисована выше геометрического центра; при совпадении
     aspect-ratio object-position не даёт сдвига — двигаем все слои одинаково. */
  transform: translateY(var(--preview-shift-y, 12%));
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
.configurator__layer--metal img {
  filter: url(#colorize-metal);
}
.configurator__layer--hidden {
  display: none;
}
.configurator__controls-wrap {
  position: relative;
  display: flex;
  grid-column: 2;
  grid-row: 1/-1;
  height: 0;
  min-height: 100%;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
.configurator__controls-wrap::before, .configurator__controls-wrap::after {
  pointer-events: none;
  content: "";
  position: absolute;
  z-index: 2;
  right: 0;
  left: 0;
  height: 56px;
  opacity: 0;
  transition: opacity 0.2s ease;
}
.configurator__controls-wrap::before {
  top: 0;
  background: linear-gradient(to bottom, #121215 0%, rgba(18, 18, 21, 0) 100%);
}
.configurator__controls-wrap::after {
  bottom: 0;
  background: linear-gradient(to top, #121215 0%, rgba(18, 18, 21, 0) 100%);
}
.configurator__controls-wrap--scroll-top::before {
  opacity: 1;
}
.configurator__controls-wrap--scroll-bottom::after {
  opacity: 1;
}
.configurator__controls-wrap--scrollable .configurator__controls-rail {
  opacity: 1;
}
@media (max-width: 767px) {
  .configurator__controls-wrap {
    display: block;
    height: auto;
    min-height: 0;
  }
  .configurator__controls-wrap::before, .configurator__controls-wrap::after {
    display: none;
  }
}
.configurator__controls-rail {
  pointer-events: none;
  position: absolute;
  z-index: 3;
  right: 6px;
  width: 3px;
  visibility: hidden;
  opacity: 0;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 3px;
  transition: opacity 0.2s ease;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .configurator__controls-rail {
    display: none;
  }
}
.configurator__controls-rail-thumb {
  will-change: transform;
  display: block;
  width: 2px;
  min-height: 10px;
  margin: 0 auto;
  background: rgba(255, 255, 255, 0.32);
  border-radius: 2px;
}
.configurator__controls {
  overflow-y: auto;
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 0;
  min-width: 0;
  min-height: 0;
  padding: 24px 16px;
  padding-bottom: 150vh;
  background: #121215;
  border-left: none;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (min-width: 768px) {
  .configurator__controls {
    scrollbar-width: none;
  }
  .configurator__controls::-webkit-scrollbar {
    display: none;
  }
  .configurator__controls-wrap--scrollable .configurator__controls {
    padding-right: calc(16px + 6px);
  }
}
@media (max-width: 767px) {
  .configurator__controls {
    overflow: hidden;
    height: auto;
    padding-bottom: 24px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    border-left: none;
  }
}
@media (min-width: 768px) {
  .configurator--controls-compact .configurator__controls-wrap::before, .configurator--controls-compact .configurator__controls-wrap::after {
    display: none;
  }
  .configurator--controls-compact .configurator__controls {
    overflow-y: hidden;
    height: 100%;
    padding-bottom: 24px;
  }
}
.configurator__palette {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.configurator__palette-title {
  font-family: "TT Firs Neue", sans-serif;
  font-size: 1.4375rem;
  font-weight: 300;
  line-height: 32px;
  color: #fff;
}
.configurator__palette-footer {
  display: flex;
  gap: 16px;
  align-items: center;
  justify-content: space-between;
}
.configurator__palette-disclaimer {
  font-family: "TT Firs Neue", sans-serif;
  font-size: 1rem;
  font-weight: 300;
  line-height: 20px;
  color: #a7a6a3;
}
.configurator__palette-link {
  flex-shrink: 0;
  font-family: "TT Firs Neue", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 24px;
  color: #ff4614;
  text-decoration: none;
  white-space: nowrap;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
.configurator__palette-link:hover {
  text-decoration: underline;
}
@media (max-width: 767px) {
  .configurator__palette-link {
    display: none;
  }
}
.configurator__profiles {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.configurator__profiles-title {
  font-family: "TT Firs Neue", sans-serif;
  font-size: 1.4375rem;
  font-weight: 300;
  line-height: 32px;
  color: #fff;
}
.configurator__profiles-grid {
  overflow: hidden;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 17px 24px;
  max-height: 2000px;
  transition: max-height 0.4s ease;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 1199px) {
  .configurator__profiles-grid {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 767px) {
  .configurator__profiles-grid {
    position: relative;
    display: block;
    max-height: none;
    transition: none;
  }
}
.configurator__profiles-grid--collapsed {
  max-height: 297px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .configurator__profiles-grid--collapsed {
    max-height: none;
  }
}
.configurator__profiles-track {
  display: contents;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .configurator__profiles-track {
    position: relative;
    z-index: 1;
    display: flex;
    box-sizing: content-box;
    width: 100%;
    height: 100%;
    transition-property: transform;
  }
}
.configurator__profiles-link {
  cursor: pointer;
  align-self: flex-end;
  font-family: "TT Firs Neue", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 24px;
  color: #ff4614;
  text-decoration: none;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
.configurator__profiles-link:hover {
  text-decoration: underline;
}
@media (max-width: 767px) {
  .configurator__profiles-link {
    display: none;
  }
}
.configurator__profile-card {
  cursor: pointer;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 5px;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 140px;
  padding: 10px 0 15px;
  background: #252528;
  border: 1px solid #64666f;
  border-radius: 4px;
  transition: border-color 0.3s ease-in-out;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .configurator__profile-card {
    flex-shrink: 0;
  }
}
.configurator__profile-card:hover {
  border-color: #ff4614;
}
.configurator__profile-card--active {
  border-color: #ff4614;
}
.configurator__profile-card-img {
  display: block;
  flex-shrink: 0;
  width: 80%;
  height: 75px;
  -o-object-fit: contain;
     object-fit: contain;
}
.configurator__profile-card-name {
  flex-shrink: 0;
  font-family: "TT Firs Neue", sans-serif;
  font-size: 1.4375rem;
  font-weight: 500;
  line-height: 32px;
  color: #ebebeb;
  text-align: center;
}
.configurator__locks {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.configurator__locks-heading {
  font-family: "TT Firs Neue", sans-serif;
  font-size: clamp(1rem, 1.5vw + 0.25rem, 1.4375rem);
  font-weight: 300;
  line-height: clamp(24px, 2.5vw, 32px);
  color: #fff;
}
.configurator__locks-groups {
  display: flex;
  flex-direction: column;
  gap: clamp(32px, 5vw, 78px);
}
.configurator__lock-group {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.configurator__lock-group-title {
  font-family: "TT Firs Neue", sans-serif;
  font-size: clamp(1.5rem, 2.5vw + 0.25rem, 2.375rem);
  font-weight: 500;
  line-height: clamp(32px, 3.5vw, 48px);
  color: #ebebeb;
}
.configurator__lock-group-cards {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.configurator__lock-group:last-child .configurator__lock-group-title {
  font-variant-caps: all-small-caps;
  letter-spacing: 0.01em;
}
.configurator__lock-card {
  cursor: pointer;
  position: relative;
  overflow: hidden;
  display: flex;
  gap: clamp(12px, 2vw, 24px);
  align-items: center;
  padding: clamp(12px, 2vw, 24px);
  background: #252528;
  border: 1px solid #64666f;
  border-radius: 4px;
  transition: border-color 0.3s ease-in-out;
}
.configurator__lock-card:hover {
  border-color: #ff4614;
}
.configurator__lock-card--active {
  border-color: #ff4614;
}
.configurator__lock-card-img {
  overflow: hidden;
  flex: 0 0 40%;
  aspect-ratio: 276/151;
  border-radius: 2px;
}
.configurator__lock-card-img img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.configurator__lock-card-body {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
}
.configurator__lock-card-title {
  font-family: "TT Firs Neue", sans-serif;
  font-size: clamp(1rem, 1.5vw + 0.25rem, 1.4375rem);
  font-weight: 500;
  line-height: clamp(24px, 2.5vw, 32px);
  color: #ebebeb;
}
.configurator__lock-card-desc {
  font-family: "TT Firs Neue", sans-serif;
  font-size: clamp(0.875rem, 1vw + 0.25rem, 1rem);
  font-weight: 300;
  line-height: clamp(18px, 1.5vw, 20px);
  color: #a7a6a3;
}
.configurator__divider {
  flex-shrink: 0;
  height: 1px;
  margin: 48px 0;
  background: #64666f;
}
.configurator__colors {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .configurator__colors {
    scrollbar-width: none;
    overflow-x: auto;
    flex-wrap: nowrap;
    gap: 12px;
    padding: 6px 0;
    -webkit-overflow-scrolling: touch;
  }
  .configurator__colors::-webkit-scrollbar {
    display: none;
  }
  .configurator__colors::after {
    pointer-events: none;
    content: "";
    position: sticky;
    right: 0;
    flex-shrink: 0;
    width: 48px;
    margin-left: -48px;
    background: linear-gradient(to left, #121215 10%, transparent);
  }
}
.configurator__color-item {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: 3px;
  align-items: center;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .configurator__color-item {
    flex-shrink: 0;
  }
}
.configurator__color-swatch {
  cursor: pointer;
  position: relative;
  flex-shrink: 0;
  width: 62px;
  height: 62px;
  border: 2px solid transparent;
  border-radius: 50%;
  transition: all 0.3s ease-in-out;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
.configurator__color-swatch:hover {
  z-index: 1;
  transform: scale(1.12);
}
.configurator__color-swatch--light {
  border-color: rgba(255, 255, 255, 0.1);
}
.configurator__color-swatch--active {
  transform: scale(1.08);
  border-color: #ff4614;
  box-shadow: 0 0 0 2px rgba(255, 70, 20, 0.25);
}
@media (max-width: 767px) {
  .configurator__color-swatch {
    width: 48px;
    height: 48px;
  }
}
.configurator__color-code {
  width: 56px;
  font-family: "TT Firs Neue", sans-serif;
  font-size: 1rem;
  font-weight: 300;
  line-height: 20px;
  color: #fff;
  text-align: center;
}
.configurator__color-tooltip {
  pointer-events: none;
  position: absolute;
  z-index: 10;
  bottom: calc(100% + 6px);
  left: 50%;
  transform: translateX(-50%) scale(0.9);
  padding: 3px 8px;
  font-size: 0.625rem;
  color: #fff;
  white-space: nowrap;
  opacity: 0;
  background: #141414;
  border-radius: 5px;
  transition: all 0.3s ease-in-out;
}
.configurator__color-swatch:hover .configurator__color-tooltip {
  transform: translateX(-50%) scale(1);
  opacity: 1;
}
.configurator__fillers {
  display: flex;
  flex-direction: column;
  gap: 32px;
  padding-top: 16px;
}
.configurator__filler-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  align-self: stretch;
  width: 100%;
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  border-radius: 80px;
}
.configurator__filler-tab {
  cursor: pointer;
  flex: 0 0 auto;
  padding: 14px 16px;
  font: inherit;
  color: #ffffff;
  text-align: center;
  white-space: nowrap;
  background: transparent;
  border: 0;
  border-radius: 100px;
  transition: color 0.15s ease, background-color 0.15s ease;
}
@media (hover: hover) {
  .configurator__filler-tab:hover:not(.configurator__filler-tab--active):not(:disabled) {
    background: linear-gradient(0deg, rgba(20, 20, 20, 0.1) 0%, rgba(20, 20, 20, 0.1) 100%), #ff4614;
  }
}
.configurator__filler-tab--active {
  color: #ffffff;
  background: #ff4614;
}
.configurator__filler-tab--disabled, .configurator__filler-tab:disabled {
  cursor: not-allowed;
  opacity: 0.35;
}
.configurator__product-types {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.configurator__product-type-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  align-self: stretch;
  width: 100%;
}
.configurator__product-type-tab {
  cursor: pointer;
  flex: 0 0 auto;
  padding: 14px 16px;
  font: inherit;
  color: #ffffff;
  text-align: center;
  white-space: nowrap;
  background: transparent;
  border: 0;
  border-radius: 100px;
  transition: color 0.15s ease, background-color 0.15s ease;
}
@media (hover: hover) {
  .configurator__product-type-tab:hover:not(.configurator__product-type-tab--active):not(:disabled) {
    background: linear-gradient(0deg, rgba(20, 20, 20, 0.1) 0%, rgba(20, 20, 20, 0.1) 100%), #ff4614;
  }
}
.configurator__product-type-tab--active {
  color: #ffffff;
  background: #ff4614;
}
.configurator__product-type-tab:disabled {
  cursor: not-allowed;
  opacity: 0.35;
}
.configurator__options {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.configurator__option {
  cursor: pointer;
  display: flex;
  gap: 10px;
  align-items: center;
  padding: 10px 12px;
  font-size: 0.75rem;
  background: #17171a;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  transition: all 0.3s ease-in-out;
}
.configurator__option:hover {
  border-color: rgba(255, 255, 255, 0.2);
}
.configurator__option--active {
  background: rgba(255, 70, 20, 0.06);
  border-color: #ff4614;
}
.configurator__radio {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  border: 2px solid #64666f;
  border-radius: 50%;
}
.configurator__option--active .configurator__radio {
  border-color: #ff4614;
}
.configurator__option--active .configurator__radio::after {
  content: "";
  width: 8px;
  height: 8px;
  background: #ff4614;
  border-radius: 50%;
}
.configurator__option-text {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.configurator__option-name {
  font-weight: 500;
  color: #fff;
}
.configurator__option-info {
  font-size: 0.625rem;
  color: #64666f;
}
.configurator .characteristics {
  width: 100%;
}
.configurator__description {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
  margin-top: 36px;
}
.configurator__description-title {
  margin-bottom: 24px;
  color: #fff;
}
.configurator__description-text {
  margin-bottom: 24px;
  font-family: "TT Firs Neue", sans-serif;
  font-size: 1rem;
  font-weight: 300;
  line-height: 28px;
  color: #fff;
}
.configurator__description-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.configurator__summary {
  width: 100%;
  margin-top: 36px;
  padding-top: 36px;
  border-top: 1px solid #64666f;
}
.configurator__summary > p:first-child {
  margin: 16px 0 24px 0;
}
.configurator__summary-title {
  margin-bottom: 24px;
  color: #fff;
}
.configurator__summary-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 1199px) {
  .configurator__summary-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 767px) {
  .configurator__summary-grid {
    grid-template-columns: 1fr 1fr;
  }
}
.configurator__summary-col {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 24px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
.configurator__summary-col + .configurator__summary-col {
  border-left: 1px solid #64666f;
}
@media (max-width: 1199px) {
  .configurator__summary-col + .configurator__summary-col {
    border-left: none;
  }
}
.configurator__summary-label {
  font-family: "TT Firs Neue", sans-serif;
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 20px;
  color: #64666f;
}
.configurator__summary-value {
  font-family: "TT Firs Neue", sans-serif;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 24px;
  color: #fff;
}
.configurator__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  align-items: center;
  width: 100%;
  margin-top: 48px;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
.configurator__actions > .button {
  padding: 16px 36px;
  font-family: "TT Firs Neue", sans-serif;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 25px;
  border: 1px solid transparent;
}
@media (max-width: 767px) {
  .configurator__actions {
    flex-direction: column;
    align-items: stretch;
  }
  .configurator__actions > .button,
  .configurator__actions .configurator__actions-outline {
    width: 100%;
  }
}
.configurator__actions-outline {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px 36px;
  font-family: "TT Firs Neue", sans-serif;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 25px;
  color: #fff;
  background: transparent;
  border: 1px solid #fff;
  border-radius: 200px;
  transition: background 0.3s ease-in-out, border-color 0.3s ease-in-out;
}
@media (hover: hover) {
  .configurator__actions-outline:hover {
    background: rgba(255, 255, 255, 0.1);
  }
}
.configurator__actions-outline:active {
  background: rgba(255, 255, 255, 0.2);
}
.configurator__actions-note {
  margin-left: auto;
  font-family: "TT Firs Neue", sans-serif;
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 20px;
  color: #64666f;
  /* stylelint-disable scss/no-global-function-names */
  /* stylelint-enable scss/no-global-function-names */
}
@media (max-width: 767px) {
  .configurator__actions-note {
    width: 100%;
    margin-left: 0;
  }
}/**
 * Swiper 11.2.4
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2025 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: February 14, 2025
 */

/* FONT_START */
@font-face {
  font-family: 'swiper-icons';
  src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');
  font-weight: 400;
  font-style: normal;
}
/* FONT_END */
:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}
:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}
.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
  touch-action: pan-y;
}
.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden;
}
/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-3d {
  perspective: 1200px;
}
.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}
/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
  content: '';
  flex-shrink: 0;
  order: 9999;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}
/* Slide styles start */
/* 3D Shadows */
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Slide styles end */
.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}
.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}
.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-fade .swiper-slide-active {
  pointer-events: auto;
}
.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
/*! PhotoSwipe main CSS by Dmytro Semenov | photoswipe.com */

.pswp {
  --pswp-bg: #000;
  --pswp-placeholder-bg: #222;
  

  --pswp-root-z-index: 100000;
  
  --pswp-preloader-color: rgba(79, 79, 79, 0.4);
  --pswp-preloader-color-secondary: rgba(255, 255, 255, 0.9);
  
  /* defined via js:
  --pswp-transition-duration: 333ms; */
  
  --pswp-icon-color: #fff;
  --pswp-icon-color-secondary: #4f4f4f;
  --pswp-icon-stroke-color: #4f4f4f;
  --pswp-icon-stroke-width: 2px;

  --pswp-error-text-color: var(--pswp-icon-color);
}


/*
	Styles for basic PhotoSwipe (pswp) functionality (sliding area, open/close transitions)
*/

.pswp {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: var(--pswp-root-z-index);
	display: none;
	touch-action: none;
	outline: 0;
	opacity: 0.003;
	contain: layout style size;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* Prevents focus outline on the root element,
  (it may be focused initially) */
.pswp:focus {
  outline: 0;
}

.pswp * {
  box-sizing: border-box;
}

.pswp img {
  max-width: none;
}

.pswp--open {
	display: block;
}

.pswp,
.pswp__bg {
	transform: translateZ(0);
	will-change: opacity;
}

.pswp__bg {
  opacity: 0.005;
	background: var(--pswp-bg);
}

.pswp,
.pswp__scroll-wrap {
	overflow: hidden;
}

.pswp__scroll-wrap,
.pswp__bg,
.pswp__container,
.pswp__item,
.pswp__content,
.pswp__img,
.pswp__zoom-wrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.pswp__img,
.pswp__zoom-wrap {
	width: auto;
	height: auto;
}

.pswp--click-to-zoom.pswp--zoom-allowed .pswp__img {
	cursor: zoom-in;
}

.pswp--click-to-zoom.pswp--zoomed-in .pswp__img {
	cursor: move;
	cursor: grab;
}

.pswp--click-to-zoom.pswp--zoomed-in .pswp__img:active {
  cursor: grabbing;
}

/* :active to override grabbing cursor */
.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img,
.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img:active,
.pswp__img {
	cursor: zoom-out;
}


/* Prevent selection and tap highlights */
.pswp__container,
.pswp__img,
.pswp__button,
.pswp__counter {
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

.pswp__item {
	/* z-index for fade transition */
	z-index: 1;
	overflow: hidden;
}

.pswp__hidden {
	display: none !important;
}

/* Allow to click through pswp__content element, but not its children */
.pswp__content {
  pointer-events: none;
}
.pswp__content > * {
  pointer-events: auto;
}


/*

  PhotoSwipe UI

*/

/*
	Error message appears when image is not loaded
	(JS option errorMsg controls markup)
*/
.pswp__error-msg-container {
  display: grid;
}
.pswp__error-msg {
	margin: auto;
	font-size: 1em;
	line-height: 1;
	color: var(--pswp-error-text-color);
}

/*
class pswp__hide-on-close is applied to elements that
should hide (for example fade out) when PhotoSwipe is closed
and show (for example fade in) when PhotoSwipe is opened
 */
.pswp .pswp__hide-on-close {
	opacity: 0.005;
	will-change: opacity;
	transition: opacity var(--pswp-transition-duration) cubic-bezier(0.4, 0, 0.22, 1);
	z-index: 10; /* always overlap slide content */
	pointer-events: none; /* hidden elements should not be clickable */
}

/* class pswp--ui-visible is added when opening or closing transition starts */
.pswp--ui-visible .pswp__hide-on-close {
	opacity: 1;
	pointer-events: auto;
}

/* <button> styles, including css reset */
.pswp__button {
	position: relative;
	display: block;
	width: 50px;
	height: 60px;
	padding: 0;
	margin: 0;
	overflow: hidden;
	cursor: pointer;
	background: none;
	border: 0;
	box-shadow: none;
	opacity: 0.85;
	-webkit-appearance: none;
	-webkit-touch-callout: none;
}

.pswp__button:hover,
.pswp__button:active,
.pswp__button:focus {
  transition: none;
  padding: 0;
  background: none;
  border: 0;
  box-shadow: none;
  opacity: 1;
}

.pswp__button:disabled {
  opacity: 0.3;
  cursor: auto;
}

.pswp__icn {
  fill: var(--pswp-icon-color);
  color: var(--pswp-icon-color-secondary);
}

.pswp__icn {
  position: absolute;
  top: 14px;
  left: 9px;
  width: 32px;
  height: 32px;
  overflow: hidden;
  pointer-events: none;
}

.pswp__icn-shadow {
  stroke: var(--pswp-icon-stroke-color);
  stroke-width: var(--pswp-icon-stroke-width);
  fill: none;
}

.pswp__icn:focus {
	outline: 0;
}

/*
	div element that matches size of large image,
	large image loads on top of it,
	used when msrc is not provided
*/
div.pswp__img--placeholder,
.pswp__img--with-bg {
	background: var(--pswp-placeholder-bg);
}

.pswp__top-bar {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 60px;
	display: flex;
  flex-direction: row;
  justify-content: flex-end;
	z-index: 10;

	/* allow events to pass through top bar itself */
	pointer-events: none !important;
}
.pswp__top-bar > * {
  pointer-events: auto;
  /* this makes transition significantly more smooth,
     even though inner elements are not animated */
  will-change: opacity;
}


/*

  Close button

*/
.pswp__button--close {
  margin-right: 6px;
}


/*

  Arrow buttons

*/
.pswp__button--arrow {
  position: absolute;
  top: 0;
  width: 75px;
  height: 100px;
  top: 50%;
  margin-top: -50px;
}

.pswp__button--arrow:disabled {
  display: none;
  cursor: default;
}

.pswp__button--arrow .pswp__icn {
  top: 50%;
  margin-top: -30px;
  width: 60px;
  height: 60px;
  background: none;
  border-radius: 0;
}

.pswp--one-slide .pswp__button--arrow {
  display: none;
}

/* hide arrows on touch screens */
.pswp--touch .pswp__button--arrow {
  visibility: hidden;
}

/* show arrows only after mouse was used */
.pswp--has_mouse .pswp__button--arrow {
  visibility: visible;
}

.pswp__button--arrow--prev {
  right: auto;
  left: 0px;
}

.pswp__button--arrow--next {
  right: 0px;
}
.pswp__button--arrow--next .pswp__icn {
  left: auto;
  right: 14px;
  /* flip horizontally */
  transform: scale(-1, 1);
}

/*

  Zoom button

*/
.pswp__button--zoom {
  display: none;
}

.pswp--zoom-allowed .pswp__button--zoom {
  display: block;
}

/* "+" => "-" */
.pswp--zoomed-in .pswp__zoom-icn-bar-v {
  display: none;
}


/*

  Loading indicator

*/
.pswp__preloader {
  position: relative;
  overflow: hidden;
  width: 50px;
  height: 60px;
  margin-right: auto;
}

.pswp__preloader .pswp__icn {
  opacity: 0;
  transition: opacity 0.2s linear;
  animation: pswp-clockwise 600ms linear infinite;
}

.pswp__preloader--active .pswp__icn {
  opacity: 0.85;
}

@keyframes pswp-clockwise {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


/*

  "1 of 10" counter

*/
.pswp__counter {
  height: 30px;
  margin-top: 15px;
  margin-inline-start: 20px;
  font-size: 14px;
  line-height: 30px;
  color: var(--pswp-icon-color);
  text-shadow: 1px 1px 3px var(--pswp-icon-color-secondary);
  opacity: 0.85;
}

.pswp--one-slide .pswp__counter {
  display: none;
}