* {
  outline: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html,
body {
  overflow-x: clip;
}

body {
  margin: 0;
  padding: 0;
  font-family: "Inter", sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
li {
  margin: 0;
  padding: 0;
}

img {
  max-width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

a {
  text-decoration: none;
}

textarea {
  resize: none;
}

button {
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  color: inherit;
  font: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  text-align: inherit;
  text-transform: inherit;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  font-family: "Inter", sans-serif;
  border: none;
  background: none;
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  white-space: nowrap;
  overflow: hidden;
}

.container {
  max-width: 1410px;
  margin: 0 auto;
  padding: 0 15px;
}

.header {
  position: relative;
  z-index: 40;
  width: 100%;
  background: #FFFFFF;
}

.header__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 16px 0;
  background: #0E0E0E;
}

.header__top-text {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  color: #FFFFFF;
  white-space: nowrap;
}

.header-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 24px clamp(16px, 4.72vw, 68px);
  background: #FFFFFF;
}

.header-wrap__logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding-left: 16px;
}

.header-wrap__logo img {
  width: 163px;
  height: 40px;
}

.header-wrap__tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  min-width: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 32px;
}

.header-wrap__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 16px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  min-width: 388px;
}

.header-wrap__nav .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.header-wrap__nav a {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  color: #6E6E6E;
  white-space: nowrap;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.header-wrap__nav a:hover {
  color: #0E0E0E;
}

.header-wrap__nav-fixed {
  min-width: 67px;
  text-align: center;
}

.header-wrap__actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.header-wrap__phones {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 145px;
}

.header-wrap__phones .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}

.header-wrap__phones .icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 20px;
  height: 20px;
}

.header-wrap__phones .icon img {
  width: 19px;
  height: 19px;
}

.header-wrap__phones .text {
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.4;
  color: #0E0E0E;
  white-space: nowrap;
}

.header-wrap__search {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 220px;
          flex: 0 0 220px;
  min-width: 0;
  min-height: 48px;
}

.header-wrap__lang {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  min-width: 95px;
  padding: 8px;
  background: #F8F8F8;
  border-radius: 1000px;
  cursor: pointer;
}

.header-wrap__lang .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
}

.header-wrap__lang .flag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 32px;
  height: 32px;
  overflow: hidden;
}

.header-wrap__lang .flag img {
  width: 32px;
  height: 32px;
}

.header-wrap__lang .text {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: normal;
  color: #000000;
  white-space: nowrap;
}

.header-wrap__lang .arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 24px;
  height: 24px;
}

.header-wrap__lang .arrow img {
  width: 14px;
  height: 8px;
}

.search-wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 2;
}

.search-wrap__field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
  height: 48px;
  padding-left: 20px;
  background: #FFFFFF;
  border-radius: 100px;
  -webkit-box-shadow: inset 0 0 0 1px #C4C4C4;
          box-shadow: inset 0 0 0 1px #C4C4C4;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.search-wrap__field input {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  min-width: 0;
  height: 24px;
  padding: 0;
  border: none;
  outline: none;
  background: none;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #6E6E6E;
}

.search-wrap__field input::-webkit-input-placeholder {
  color: #C4C4C4;
  opacity: 1;
}

.search-wrap__field input::-moz-placeholder {
  color: #C4C4C4;
  opacity: 1;
}

.search-wrap__field input:-ms-input-placeholder {
  color: #C4C4C4;
  opacity: 1;
}

.search-wrap__field input::-ms-input-placeholder {
  color: #C4C4C4;
  opacity: 1;
}

.search-wrap__field input::placeholder {
  color: #C4C4C4;
  opacity: 1;
}

.search-wrap__submit,
.search-wrap__clear {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding: 8px 16px;
  border: none;
  background: none;
  cursor: pointer;
}

.search-wrap__submit .icon,
.search-wrap__clear .icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 20px;
  height: 20px;
}

.search-wrap__submit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.search-wrap__submit .icon img {
  width: 17px;
  height: 17px;
}

.search-wrap__clear {
  display: none;
}

.search-wrap__clear .icon img {
  width: 20px;
  height: 20px;
}

.search-wrap__drop {
  display: none;
  position: absolute;
  left: 0;
  top: 56px;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  padding: 24px;
  background: #F8F8F8;
  border-radius: 24px;
  -webkit-box-shadow: inset 0 0 0 1px #6E6E6E;
          box-shadow: inset 0 0 0 1px #6E6E6E;
}

.search-wrap__hints {
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}

.search-wrap__hints a {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: normal;
  color: #C4C4C4;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.search-wrap__hints a span {
  color: #212121;
}

.search-wrap__hints a:hover {
  color: #212121;
}

.search-wrap__popular {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}

.search-wrap__popular .title {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: normal;
  color: #6E6E6E;
}

.search-wrap__popular .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  gap: 4px;
}

.search-wrap__popular .tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 4px 8px;
  background: #EEEEEE;
  border-radius: 4px;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: normal;
  color: #212121;
  white-space: nowrap;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.search-wrap__popular .tag:hover {
  background: #C4C4C4;
}

.header-wrap__search.is-open .search-wrap {
  width: 327px;
}

.header-wrap__search.is-open .search-wrap__field {
  background: #F8F8F8;
  -webkit-box-shadow: inset 0 0 0 1px #6E6E6E;
          box-shadow: inset 0 0 0 1px #6E6E6E;
}

.header-wrap__search.is-open .search-wrap__submit {
  display: none;
}

.header-wrap__search.is-open .search-wrap__field input::-webkit-input-placeholder {
  color: transparent;
}

.header-wrap__search.is-open .search-wrap__field input::-moz-placeholder {
  color: transparent;
}

.header-wrap__search.is-open .search-wrap__field input:-ms-input-placeholder {
  color: transparent;
}

.header-wrap__search.is-open .search-wrap__field input::-ms-input-placeholder {
  color: transparent;
}

.header-wrap__search.is-open .search-wrap__field input::placeholder {
  color: transparent;
}

.header-wrap__search.is-open .search-wrap__drop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.header-wrap__search.is-open.is-typing .search-wrap__field {
  background: #FFFFFF;
}

.header-wrap__search.is-open.is-typing .search-wrap__clear {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.header-wrap__search.is-open.is-typing .search-wrap__drop {
  gap: 16px;
}

.header-wrap__search.is-open.is-typing .search-wrap__hints {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.search-overlay {
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  top: 152px;
  bottom: 0;
  z-index: 30;
  background: rgba(0, 0, 0, 0.4);
}

.search-overlay.is-active {
  display: block;
}

.side-panel-sec--search .side-panel-sec__inner {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 280px 1fr;
  grid-template-columns: 280px 1fr;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 24px;
}

.side-panel-sec--search .side-panel-clip {
  position: relative;
  overflow: hidden;
  border-radius: 20px;
}

.side-panel-sec--search .side-panel {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  max-width: none;
}

.side-panel-sec--search .side-panel-clip::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 105px;
  pointer-events: none;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(251, 251, 251, 0)), to(#FBFBFB));
  background: linear-gradient(180deg, rgba(251, 251, 251, 0) 0%, #FBFBFB 100%);
}

.search-page {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
  min-width: 0;
}

.search-page .crumb--2,
.search-page .crumb--3,
.search-page .crumb--4,
.search-page .step--1,
.search-page .step--2,
.search-page .step--3,
.search-page .step--4,
.search-page .tabs--4 {
  display: none;
}

.search-page[data-step="1"] .step--1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.search-page[data-step="1"] .search-page-wrap__crumbs a[data-crumb="1"] {
  color: #212121;
}

.search-page[data-step="2"] .step--2,
.search-page[data-step="2"] .crumb--2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.search-page[data-step="2"] .search-page-wrap__crumbs a[data-crumb="2"] {
  color: #212121;
}

.search-page[data-step="3"] .step--3,
.search-page[data-step="3"] .crumb--2,
.search-page[data-step="3"] .crumb--3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.search-page[data-step="3"] .search-page-wrap__crumbs a[data-crumb="3"] {
  color: #212121;
}

.search-page[data-step="4"] .step--4,
.search-page[data-step="4"] .tabs--4,
.search-page[data-step="4"] .crumb--2,
.search-page[data-step="4"] .crumb--3,
.search-page[data-step="4"] .crumb--4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.search-page[data-step="4"] .search-page-wrap__crumbs a[data-crumb="4"] {
  color: #212121;
}

.search-page[data-step="4"] .search-page-wrap__tabs:not(.tabs--4),
.search-page[data-step="4"] .search-page__banners {
  display: none;
}

.search-page[data-step="4"] .step--4 .pill:nth-child(3) {
  letter-spacing: 0.26px;
}

.search-page[data-step="4"] .tabs--4 .tab:nth-child(3) {
  letter-spacing: 0.1px;
}

.search-page[data-step="4"] .tabs--4 .tab:nth-child(4) {
  letter-spacing: 0.09px;
}

.search-page[data-step="4"] .search-page__listing {
  padding: 16px;
}

.search-page[data-step="4"] .search-page__listing > .listing-cars,
.search-page[data-step="4"] .search-page__listing > .listing-wrap,
.search-page[data-step="4"] .search-page__listing > .search-page__videos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.search-page-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}

.search-page-wrap__crumbs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 4px;
}

.search-page-wrap__crumbs .icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 16px;
  height: 16px;
}

.search-page-wrap__crumbs .icon img {
  width: 16px;
  height: 16px;
}

.search-page-wrap__crumbs a,
.search-page-wrap__crumbs button,
.search-page-wrap__crumbs .sep,
.search-page-wrap__crumbs .current {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: normal;
  color: #6E6E6E;
  white-space: nowrap;
}

.search-page-wrap__crumbs a,
.search-page-wrap__crumbs button {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.search-page-wrap__crumbs a:hover,
.search-page-wrap__crumbs button:hover {
  color: #212121;
}

.search-page-wrap__crumbs .current {
  color: #212121;
}

.search-page-wrap__tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 4px;
}

.search-page-wrap__tabs .tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  height: 40px;
  padding: 8px 24px;
  background: #F8F8F8;
  border-radius: 8px;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: normal;
  color: #212121;
  white-space: nowrap;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.search-page-wrap__tabs .tab:hover,
.search-page-wrap__tabs .tab--active {
  background: #EEEEEE;
}

.search-page-wrap__step {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
}

.search-page-wrap__steps {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}

.search-page-wrap__steps .group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  padding: 8px 0;
}

.search-page-wrap__steps .pills {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: start;
      align-self: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
}

.search-page-wrap__steps .pill {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  height: 44px;
  padding: 8px 16px;
  background: #FFFFFF;
  border-radius: 8px;
  -webkit-box-shadow: inset 0 0 0 1px #EEEEEE;
          box-shadow: inset 0 0 0 1px #EEEEEE;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.4;
  color: #212121;
  white-space: nowrap;
  cursor: pointer;
}

.search-page-wrap__steps .pill img {
  width: 16px;
  height: 16px;
}

.search-page-wrap__steps .chips {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  gap: 6px;
}

.search-page-wrap__steps .chip {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  height: 48px;
  padding: 8px 16px;
  background: #F8F8F8;
  border-radius: 4px;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 1.2;
  color: #212121;
  white-space: nowrap;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.search-page-wrap__steps .chip:hover {
  background: #EEEEEE;
}

.search-page-wrap__label {
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.4;
  color: #212121;
}

.search-page-wrap__brands {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}

.search-page-wrap__brands .letters {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 6px;
}

.search-page-wrap__brands .letter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  min-width: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 8px;
  background: #F8F8F8;
  border-radius: 8px;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.4;
  color: #212121;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.search-page-wrap__brands .letter:hover {
  background: #EEEEEE;
}

.search-page-wrap__brands .grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}

.search-page-wrap__brands .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}

.search-page-wrap__brands .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  min-width: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 8px;
  padding: 8px;
  background: #F8F8F8;
  border-radius: 8px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.search-page-wrap__brands .item:hover {
  background: #EEEEEE;
}

.search-page-wrap__brands .text {
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.4;
  color: #212121;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.search-page-wrap__brands .arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding: 6px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 100px;
  -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.06);
          box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.06);
}

.search-page-wrap__brands .arrow img {
  width: 16px;
  height: 16px;
}

.search-page__banners {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 16px;
}

.search-page__banners .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  min-width: 0;
  aspect-ratio: 492/280;
  border-radius: 20px;
  overflow: hidden;
}

.search-page__banners .item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.search-page__texts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}

.search-page__texts .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 16px;
}

.search-page__listing {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}

.search-page__listing > .listing-cars,
.search-page__listing > .listing-wrap,
.search-page__listing > .search-page__videos {
  display: none;
}

.listing-cars {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 8px;
}

.listing-cars .item {
  position: relative;
  display: block;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  min-width: 0;
  aspect-ratio: 264/151;
  border-radius: 20px;
  overflow: hidden;
}

.listing-cars .item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.listing-cars .item:first-child img {
  position: absolute;
  left: -4.6%;
  top: -18.19%;
  width: 109.2%;
  max-width: none;
  height: 151.59%;
}

.listing-wrap {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 32px;
  width: 100%;
}

.listing-wrap__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  width: 100%;
  max-width: 700px;
}

.listing-wrap__title {
  font-family: "Inter", sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 23px;
  color: #0E0E0E;
}

.listing-wrap__descr {
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  color: #212121;
}

.listing-wrap__groups {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
  width: 100%;
}

.listing-wrap__more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 8px;
  width: 100%;
  height: 48px;
  padding: 0 40px;
  background: #212121;
  border: none;
  border-radius: 40px;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.listing-wrap__more .text {
  padding-left: 8px;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;
  color: #FFFFFF;
}

.listing-wrap__more img {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 20px;
          flex: 0 0 20px;
  width: 20px;
  height: 20px;
}

.listing-wrap__more:hover {
  background: #0E0E0E;
}

.parts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 8px;
  width: 100%;
}

.parts--gap16 {
  gap: 16px;
}

.parts__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: start;
      align-self: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}

.parts__head .bar {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 4px;
          flex: 0 0 4px;
  width: 4px;
  height: 28px;
  border-radius: 1000px;
  background: #FFDE16;
}

.parts__head .text {
  font-family: "Inter", sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 26px;
  color: #0E0E0E;
  white-space: nowrap;
}

.parts__clip {
  width: 100%;
  overflow: hidden;
}

.parts__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 8px;
  width: 100%;
}

.prod {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  min-width: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  background: #FFFFFF;
  border-radius: 20px;
  -webkit-box-shadow: inset 0 0 0 1px #EEEEEE;
          box-shadow: inset 0 0 0 1px #EEEEEE;
}

.prod__photo {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  width: 100%;
  aspect-ratio: 181/115;
  min-height: 0;
  padding: 8px;
  border-radius: 40px;
}

.prod__photo > img {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  min-width: 0;
  height: 100%;
  border-radius: 12px;
  -o-object-fit: cover;
     object-fit: cover;
}

.prod__nav {
  position: absolute;
  top: 148.49px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px;
  background: rgba(255, 255, 255, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 100px;
  -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.08);
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.prod__nav img {
  width: 24px;
  height: 24px;
}

.prod__nav--prev {
  left: 16px;
}

.prod__nav--next {
  right: 16px;
}

.prod__nav:hover {
  background: #FFDE16;
}

.prod__dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  padding: 8px;
}

.prod__dots .dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 4px;
  width: 100%;
}

.prod__dots .dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #7A7C7F;
}

.prod__dots .dot.is-active {
  background: #FFDE16;
}

.prod__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  padding: 0 24px 24px;
}

.prod__code {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: normal;
  color: #0E0E0E;
  white-space: nowrap;
}

.prod__mark {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 8px 14px;
  background: #FFDE16;
  border-radius: 40px;
  -webkit-filter: drop-shadow(0 2px 3px rgba(0, 0, 0, 0.06));
          filter: drop-shadow(0 2px 3px rgba(0, 0, 0, 0.06));
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  color: #0E0E0E;
  white-space: nowrap;
}

.prod__mark--fixed {
  width: 84px;
}

.partner--search {
  display: none;
}

body.is-search-listing .form {
  display: none;
}

body.is-search-listing .partner--search {
  display: block;
}

.partner--search .partner-wrap--wide {
  max-width: 615px;
}

.note {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  min-width: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  padding: 24px;
  background: #FFFFFF;
  border-radius: 20px;
  -webkit-box-shadow: inset 0 0 0 1px #EEEEEE;
          box-shadow: inset 0 0 0 1px #EEEEEE;
}

.note__title {
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.2;
  color: #0E0E0E;
}

.note__body {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
  max-height: 80px;
  overflow: hidden;
}

.note__body p {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: normal;
  color: #0E0E0E;
}

.note__body::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 27px;
  pointer-events: none;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#FFFFFF));
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
}

.note__strong {
  font-weight: 700;
  font-size: 16px;
  line-height: 1.3;
}

.note__more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 4px;
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 12px;
  line-height: 1.2;
  color: #0E0E0E;
}

.note__more img {
  width: 16px;
  height: 16px;
}

.note--open .note__body {
  max-height: none;
}

.note--open .note__body::after {
  display: none;
}

.note--open .note__more img {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.side-panel-sec.side-panel-sec--category {
  padding: 16px clamp(16px, 4.72vw, 68px);
}

.side-panel-sec.side-panel-sec--category .side-panel-sec__inner {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 280px 1fr;
  grid-template-columns: 280px 1fr;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 24px;
  max-width: 1304px;
}

.side-panel-sec.side-panel-sec--category .side-panel-clip {
  position: relative;
  overflow: hidden;
  border-radius: 20px;
}

.side-panel-sec.side-panel-sec--category .side-panel {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  max-width: none;
}

.side-panel-sec.side-panel-sec--category .side-panel-clip::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 105px;
  pointer-events: none;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(251, 251, 251, 0)), to(#FBFBFB));
  background: linear-gradient(180deg, rgba(251, 251, 251, 0) 0%, #FBFBFB 100%);
}

.category {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
  min-width: 0;
}

.category__crumbs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.category__crumbs .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 4px;
  width: 100%;
}

.category__crumbs .icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 16px;
  height: 16px;
}

.category__crumbs .icon img {
  width: 16px;
  height: 16px;
}

.category__crumbs a,
.category__crumbs .current,
.category__crumbs .sep {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: normal;
  color: #6E6E6E;
  white-space: nowrap;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.category__crumbs a:hover {
  color: #212121;
}

.category__crumbs .current {
  color: #212121;
}

.category-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}

.category-wrap__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}

.category-wrap__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 8px;
}

.category-wrap__head .title {
  font-size: clamp(1rem, calc(0.9094202899rem + 0.0038647343 * 100vw), 1.25rem);
  font-weight: 600;
  line-height: 1.2;
  color: #0E0E0E;
  white-space: nowrap;
}

.category-wrap__head .count {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  min-width: 0;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  color: #6E6E6E;
  text-align: right;
}

.category-wrap__tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 8px;
}

.category-wrap__tabs .tab {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 8px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 181px;
          flex: 0 0 181px;
  height: 40px;
  padding: 8px 12px;
  background: #FFFFFF;
  border: none;
  border-radius: 24px;
  -webkit-box-shadow: inset 0 0 0 1px #EEEEEE;
          box-shadow: inset 0 0 0 1px #EEEEEE;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.category-wrap__tabs .tab .text {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  min-width: 0;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: normal;
  color: #212121;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.category-wrap__tabs .tab .ico {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 16px;
  height: 16px;
}

.category-wrap__tabs .tab .ico img {
  width: 16px;
  height: 16px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.category-wrap__tabs .tab--filter:hover,
.category-wrap__tabs .tab--sort:hover {
  -webkit-box-shadow: inset 0 0 0 1px #C4C4C4;
          box-shadow: inset 0 0 0 1px #C4C4C4;
}

.category-wrap__tabs .tab--sort {
  padding: 0;
}

.category-wrap__tabs .tab--sort .tab__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 8px;
  width: 100%;
  height: 100%;
  padding: 8px 12px;
  border: none;
  background: none;
  cursor: pointer;
}

.category-wrap__tabs .tab--sort .ico--sort {
  display: none;
}

.category-wrap__tabs .tab--sort.is-open {
  -webkit-box-shadow: inset 0 0 0 1px #6E6E6E;
          box-shadow: inset 0 0 0 1px #6E6E6E;
}

.category-wrap__tabs .tab--sort.is-open .ico--sort {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.category-wrap__tabs .tab--sort.is-open .ico--chevron img {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.category-wrap__tabs .tab--sort.is-open .tab__drop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.category-wrap__tabs .tab__drop {
  display: none;
  position: absolute;
  left: -38px;
  top: 43px;
  z-index: 20;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  width: 218px;
  padding: 12px;
  background: #FFFFFF;
  border-radius: 18px;
  -webkit-box-shadow: inset 0 0 0 1px #EEEEEE, 0 2px 3px rgba(0, 0, 0, 0.06);
          box-shadow: inset 0 0 0 1px #EEEEEE, 0 2px 3px rgba(0, 0, 0, 0.06);
  cursor: default;
}

.category-wrap__tabs .opt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 8px;
  width: 100%;
  cursor: pointer;
}

.category-wrap__tabs .opt input {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
  pointer-events: none;
}

.category-wrap__tabs .opt__label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
}

.category-wrap__tabs .opt .radio {
  position: relative;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  -webkit-box-shadow: inset 0 0 0 1.5px #C4C4C4;
          box-shadow: inset 0 0 0 1.5px #C4C4C4;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.category-wrap__tabs .opt input:checked ~ .radio {
  -webkit-box-shadow: inset 0 0 0 1.5px #FFDE16;
          box-shadow: inset 0 0 0 1.5px #FFDE16;
}

.category-wrap__tabs .opt input:checked ~ .radio::after {
  content: "";
  position: absolute;
  left: 3.33px;
  top: 3.33px;
  width: 13.34px;
  height: 13.34px;
  border-radius: 50%;
  background: #FFDE16;
}

.category-wrap__cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}

.category-wrap__cards .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 12px;
}

.category-wrap__cards .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  min-width: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #FFFFFF;
  border-radius: 20px;
  -webkit-box-shadow: inset 0 0 0 1px #EEEEEE;
          box-shadow: inset 0 0 0 1px #EEEEEE;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.category-wrap__cards .item:hover {
  -webkit-box-shadow: inset 0 0 0 1px #C4C4C4;
          box-shadow: inset 0 0 0 1px #C4C4C4;
}

.category-wrap__cards .item__photo {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 8px;
  padding: 8px;
}

.category-wrap__cards .item__photo > img {
  width: 173px;
  height: 99px;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 12px;
}

.category-wrap__cards .item__mark {
  position: absolute;
  left: 8px;
  top: 8px;
  padding: 4px 12px;
  background: #FFDE16;
  border-radius: 40px;
  -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.06);
          box-shadow: 0 2px 3px rgba(0, 0, 0, 0.06);
  font-weight: 500;
  font-size: 10px;
  line-height: 1.4;
  text-align: center;
  color: #0E0E0E;
}

.category-wrap__cards .item__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  padding: 8px 16px 16px;
}

.category-wrap__cards .item__title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  height: 33px;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.4;
  color: #0E0E0E;
}

.category-wrap__more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 8px;
  width: 100%;
  height: 48px;
  padding: 0 40px;
  background: #212121;
  border: none;
  border-radius: 40px;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.category-wrap__more .text {
  padding-left: 8px;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;
  color: #FFFFFF;
}

.category-wrap__more img {
  width: 20px;
  height: 20px;
}

.category-wrap__more:hover {
  background: #0E0E0E;
}

.category__videos,
.search-page__videos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 16px;
}

.category__videos .item,
.search-page__videos .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  min-width: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.category__videos .item__video,
.search-page__videos .item__video {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 402/238;
  border-radius: 20px;
  overflow: hidden;
}

.category__videos .item__thumb,
.search-page__videos .item__thumb {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.category__videos .item__yt,
.search-page__videos .item__yt {
  position: absolute;
  left: 24px;
  top: 24.75px;
  width: 103px;
}

.category__videos .item__play,
.search-page__videos .item__play {
  position: absolute;
  left: 50%;
  top: calc(50% + 0.5px);
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 36px;
  height: 36px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 100px;
  -webkit-box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.25);
}

.category__videos .item__play img,
.search-page__videos .item__play img {
  width: 36px;
  height: 36px;
}

.category__videos .item__info,
.search-page__videos .item__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 6px;
  padding: 8px 16px 16px;
}

.category__videos .item__title,
.search-page__videos .item__title {
  font-weight: 500;
  font-size: 16px;
  line-height: 1.4;
  color: #0E0E0E;
}

.category__videos .item__text,
.search-page__videos .item__text {
  font-weight: 400;
  font-size: 14px;
  line-height: normal;
  color: #0E0E0E;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.category__texts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}

.category__texts .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 16px;
}

.filter-overlay {
  position: fixed;
  inset: 0;
  z-index: 45;
  background: transparent;
  visibility: hidden;
}

.filter-overlay.is-active {
  visibility: visible;
}

.filter {
  position: fixed;
  right: 0;
  top: 172px;
  bottom: 0;
  z-index: 50;
  width: 340px;
  max-width: 100%;
  background: #FFFFFF;
  border-radius: 20px 0 0 0;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
  overflow-y: auto;
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%);
  visibility: hidden;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.filter.is-open {
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  visibility: visible;
}

.filter-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  padding: 24px 72px 24px 24px;
}

.filter-wrap__close {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 24px;
  height: 24px;
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
}

.filter-wrap__close img {
  width: 24px;
  height: 24px;
}

.filter-wrap__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}

.filter-wrap__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 8px;
  min-height: 36px;
}

.filter-wrap__head .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.4;
  text-transform: uppercase;
  color: #0E0E0E;
  white-space: nowrap;
}

.filter-wrap__head .count {
  font-weight: 500;
  font-size: 12px;
  line-height: 1.4;
  color: #6E6E6E;
}

.filter-wrap__head .reset {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  height: 36px;
  padding: 8px 16px;
  background: #FFFFFF;
  border: none;
  border-radius: 8px;
  -webkit-box-shadow: inset 0 0 0 1px #EEEEEE;
          box-shadow: inset 0 0 0 1px #EEEEEE;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.filter-wrap__head .reset .text {
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.4;
  color: #212121;
  white-space: nowrap;
}

.filter-wrap__head .reset img {
  width: 16px;
  height: 16px;
}

.filter-wrap__head.has-filters .reset {
  opacity: 1;
  visibility: visible;
}

.filter-wrap__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.filter-wrap__list .group__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 8px;
  width: 100%;
  height: 40px;
  padding: 8px 0;
  border: none;
  border-top: 1px solid #C4C4C4;
  background: none;
  cursor: pointer;
}

.filter-wrap__list .group__head .text {
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.4;
  color: #0E0E0E;
  text-align: left;
  white-space: nowrap;
}

.filter-wrap__list .group__head .arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 20px;
  height: 20px;
}

.filter-wrap__list .group__head .arrow img {
  width: 20px;
  height: 20px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.filter-wrap__list .group__head .clear {
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 20px;
  height: 20px;
}

.filter-wrap__list .group__head .clear img {
  width: 20px;
  height: 20px;
}

.filter-wrap__list .group__body {
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 8px;
  padding-bottom: 16px;
}

.filter-wrap__list .group--open .group__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.filter-wrap__list .group--open .group__head .arrow img {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.filter-wrap__list .check {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  cursor: pointer;
}

.filter-wrap__list .check input {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
  pointer-events: none;
}

.filter-wrap__list .check .box {
  position: relative;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 20px;
  height: 20px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1.5px #C4C4C4;
          box-shadow: inset 0 0 0 1.5px #C4C4C4;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.filter-wrap__list .check .text {
  font-weight: 500;
  font-size: 14px;
  line-height: 1.4;
  color: #212121;
  white-space: nowrap;
}

.filter-wrap__list .check input:checked ~ .box {
  background: #FFDE16;
  -webkit-box-shadow: inset 0 0 0 1.5px #FFDE16;
          box-shadow: inset 0 0 0 1.5px #FFDE16;
}

.filter-wrap__list .check input:checked ~ .box::after {
  content: "";
  position: absolute;
  left: 6px;
  top: 3px;
  width: 5px;
  height: 9px;
  border: solid #0E0E0E;
  border-width: 0 1.5px 1.5px 0;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.filter-wrap__apply {
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 276px;
  height: 40px;
  padding: 0 16px;
  border: none;
  border-radius: 100px;
  background: #212121;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.4;
  color: #FFFFFF;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.side-panel-sec {
  padding: 40px clamp(16px, 4.72vw, 68px);
}

.side-panel-sec__inner {
  max-width: 1304px;
  margin: 0 auto;
}

.side-panel {
  max-width: 280px;
  width: 100%;
  padding: 16px;
  border-radius: 20px;
  background: #FBFBFB;
}

.side-panel-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 32px;
}

.side-panel-wrap__group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}

.side-panel-wrap__title {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
  text-transform: uppercase;
  color: #0E0E0E;
}

.side-panel-wrap__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.side-panel-wrap__list .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 8px;
  padding: 8px 0;
  -webkit-box-shadow: inset 0 1px 0 #C4C4C4;
          box-shadow: inset 0 1px 0 #C4C4C4;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: #0E0E0E;
  white-space: nowrap;
}

.side-panel-wrap__list .item img {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 20px;
          flex: 0 0 20px;
  height: 20px;
}

.side-panel-wrap__brands-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 10px;
  line-height: 1.2;
  white-space: nowrap;
}

.side-panel-wrap__brands-head .text {
  color: #212121;
}

.side-panel-wrap__brands-head .count {
  color: #6E6E6E;
  text-align: right;
}

.side-panel-wrap__letters {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
}

.side-panel-wrap__letters .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
}

.side-panel-wrap__letters .letter {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  min-width: 0;
  aspect-ratio: 42.75/40;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 8px;
  background: #F8F8F8;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  color: #212121;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.side-panel-wrap__letters .letter:hover {
  background: #FFDE16;
}

.side-panel-wrap__brands {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
}

.brand {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  padding: 8px;
  border-radius: 8px;
  background: #F8F8F8;
}

.brand__name {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  min-width: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
  color: #212121;
  word-break: break-word;
}

.brand__btn {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 6px;
  border: none;
  border-radius: 100px;
  background: rgba(255, 255, 255, 0.1);
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
          box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
  cursor: pointer;
}

.brand__btn img {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 16px;
          flex: 0 0 16px;
  height: 16px;
}

.brand__btn--active {
  background: #FFDE16;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-filter: drop-shadow(0 2px 3px rgba(0, 0, 0, 0.06));
          filter: drop-shadow(0 2px 3px rgba(0, 0, 0, 0.06));
}

.brand--lvl2 {
  border-radius: 8px 0 0 8px;
  background: #EEEEEE;
}

.brand--lvl2 .brand__name {
  font-size: 14px;
}

.brand--plain {
  border-radius: 8px 0 0 8px;
  background: transparent;
}

.brand--plain .brand__name {
  font-size: 14px;
}

.brand-acc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
  padding-bottom: 16px;
  border-radius: 8px;
  background: #F8F8F8;
  -webkit-box-shadow: inset 0 0 0 1px #EEEEEE;
          box-shadow: inset 0 0 0 1px #EEEEEE;
}

.brand-acc__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
  padding-left: 16px;
}

.brand-acc__sub {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
  padding-bottom: 16px;
  border-radius: 8px 0 0 8px;
  -webkit-box-shadow: inset 0 0 0 1px #EEEEEE;
          box-shadow: inset 0 0 0 1px #EEEEEE;
}

.brand-acc__models {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-left: 16px;
}

.brand-model {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  padding: 8px 12px 8px 8px;
  -webkit-box-shadow: inset 0 -1px 0 #EEEEEE;
          box-shadow: inset 0 -1px 0 #EEEEEE;
}

.brand-model__name {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  min-width: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  color: #212121;
  word-break: break-word;
}

.brand-model img {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 20px;
          flex: 0 0 20px;
  height: 20px;
}

.side-panel-clip--mob {
  display: none;
}

.product {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 24px;
}

.product__crumbs {
  display: none;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.product__crumbs .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 4px;
  width: 100%;
}

.product__crumbs .icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 16px;
  height: 16px;
}

.product__crumbs .icon img {
  width: 16px;
  height: 16px;
}

.product__crumbs a,
.product__crumbs .current,
.product__crumbs .sep {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: normal;
  color: #6E6E6E;
  white-space: nowrap;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.product__crumbs .sep {
  min-width: 5px;
}

.product__crumbs a:hover {
  color: #212121;
}

.product__crumbs .current {
  color: #212121;
}

.product__media {
  position: sticky;
  top: 16px;
  -ms-flex-item-align: start;
      align-self: flex-start;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  min-width: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
  border-radius: 8px;
}

.product__info {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  min-width: 0;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  border-radius: 20px;
  background: #F8F8F8;
}

.product-gallery {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  width: 100%;
}

.product-gallery__main {
  position: relative;
  width: 100%;
  aspect-ratio: 636/409.103;
  border: 1px solid #EEEEEE;
  border-radius: 20px;
  background: #F8F8F8;
  overflow: hidden;
  -ms-touch-action: pan-y;
      touch-action: pan-y;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.product-gallery__pic {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.product-gallery__mark {
  position: absolute;
  left: 0;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 16px 24px;
  border-radius: 0 0 16px 0;
  background: rgba(255, 255, 255, 0.8);
  -webkit-backdrop-filter: blur(3.44px);
          backdrop-filter: blur(3.44px);
  color: #141414;
  font-weight: 500;
  line-height: 1.2;
  white-space: nowrap;
  font-size: clamp(0.875rem, calc(0.7391304348rem + 0.0057971014 * 100vw), 1.25rem);
}

.product-gallery__arrow,
.product-gallery__next {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 8px;
  border: 0;
  border-radius: 100px;
  background: rgba(255, 255, 255, 0.5);
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.08), inset 0 0 0 1px rgba(255, 255, 255, 0.5);
          box-shadow: 0 0 8px rgba(0, 0, 0, 0.08), inset 0 0 0 1px rgba(255, 255, 255, 0.5);
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
  cursor: pointer;
}

.product-gallery__arrow img,
.product-gallery__next img {
  display: block;
  width: 24px;
  height: 24px;
}

.product-gallery__arrow--prev {
  left: 15px;
}

.product-gallery__arrow--next {
  right: 15px;
}

.product-gallery__dots {
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 4px;
  width: 100%;
  padding: 8px;
}

.product-gallery__dots .dot {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 6px;
          flex: 0 0 6px;
  width: 6px;
  height: 6px;
  padding: 0;
  border: 0;
  border-radius: 100px;
  background: #7A7C7F;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.product-gallery__dots .dot--active {
  background: #FFDE16;
}

.product-gallery__thumbs {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  width: 100%;
  overflow: hidden;
}

.product-gallery__thumbs .item {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 144px;
          flex: 0 0 144px;
  aspect-ratio: 636/409.103;
  padding: 0;
  border: 0;
  border-radius: 8px;
  background: #F8F8F8;
  overflow: hidden;
  cursor: pointer;
}

.product-gallery__thumbs .item img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.product-gallery__thumbs .item--active {
  -webkit-box-shadow: inset 0 0 0 1px #FFDE16;
          box-shadow: inset 0 0 0 1px #FFDE16;
}

.product-gallery__thumbs .item__mark {
  position: absolute;
  left: 1px;
  top: 1px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 6px 8px;
  border-radius: 0 0 8px 0;
  background: rgba(255, 255, 255, 0.8);
  -webkit-backdrop-filter: blur(3.44px);
          backdrop-filter: blur(3.44px);
  color: #141414;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.4;
  white-space: nowrap;
}

.product-gallery__thumbs .item__mark--right {
  left: auto;
  right: 1px;
  border-radius: 0 0 0 8px;
}

.product-gallery__next {
  right: 16px;
}

.product-gallery__next .ico {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 24px;
  height: 24px;
}

.product-video {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
}

.product-video__frame {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 402/238;
  border-radius: 20px;
  overflow: hidden;
}

.product-video__thumb {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.product-video__yt {
  position: absolute;
  left: 24px;
  top: 25px;
  display: block;
  width: 103px;
  height: 23px;
  -o-object-fit: contain;
     object-fit: contain;
}

.product-video__play {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 100px;
  background: rgba(255, 255, 255, 0.1);
  -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.25), inset 0 0 0 1px rgba(255, 255, 255, 0.1);
          box-shadow: 0 0 16px rgba(0, 0, 0, 0.25), inset 0 0 0 1px rgba(255, 255, 255, 0.1);
}

.product-video__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 6px;
  padding: 8px 16px 16px;
  color: #0E0E0E;
}

.product-video__title {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
}

.product-video__text {
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.product-head {
  position: sticky;
  top: 16px;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 24px;
  width: 100%;
  padding: 24px;
  border-radius: 20px;
  background: #F8F8F8;
}

.product-head__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 16px;
  width: 100%;
}

.product-head__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 40px;
  width: 100%;
}

.product-head__title {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  min-width: 0;
  color: #0E0E0E;
  font-weight: 600;
  line-height: 1.2;
  font-size: clamp(1.125rem, calc(0.9891304348rem + 0.0057971014 * 100vw), 1.5rem);
}

.product-head__logo {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 60px;
          flex: 0 0 60px;
  height: 52px;
}

.product-head__logo .pic {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 80px;
  height: 52px;
}

.product-head__logo .pic img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.product-head .line {
  position: relative;
  width: 100%;
  height: 0;
}

.product-head .line::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 1px;
  background: #EEEEEE;
}

.product-head__code {
  color: #0E0E0E;
  font-size: 12px;
  font-weight: 400;
  line-height: normal;
  white-space: nowrap;
}

.product-head__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 8px;
  width: 100%;
  height: 48px;
  padding: 0 40px;
  border-radius: 40px;
  background: #212121;
}

.product-head__btn .text {
  padding-left: 8px;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
}

.product-head__btn .ico {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 20px;
  height: 20px;
}

.product-head__btn .ico img {
  display: block;
  width: 100%;
  height: 100%;
}

.product-specs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 16px;
  width: 100%;
  padding: 24px;
  border-radius: 20px;
  background: #F8F8F8;
}

.product-specs__title {
  color: #0E0E0E;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2;
  white-space: nowrap;
}

.product-specs__box {
  position: relative;
  width: 100%;
  min-height: 122px;
  overflow: hidden;
}

.product-specs__list {
  position: absolute;
  left: 0;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  width: 370px;
}

.product-specs__list .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 40px;
  width: 100%;
  color: #0E0E0E;
  font-size: 12px;
}

.product-specs__list .row__key {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 120px;
          flex: 0 0 120px;
  font-weight: 400;
  line-height: normal;
}

.product-specs__list .row__key--tall {
  line-height: 1.3;
}

.product-specs__list .row__val {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  min-width: 0;
  font-weight: 600;
  line-height: 1.2;
}

.product-specs__list .line {
  position: relative;
  width: 100%;
  height: 0;
}

.product-specs__list .line::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 1px;
  background: #EEEEEE;
}

.product-specs__fade {
  position: absolute;
  left: 50%;
  bottom: 0;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 607px;
  height: 41px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(248, 248, 248, 0)), to(#F8F8F8));
  background: linear-gradient(180deg, rgba(248, 248, 248, 0) 0%, #F8F8F8 100%);
  pointer-events: none;
}

.product-specs__more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 4px;
  width: 100%;
  padding: 0;
  border: 0;
  background: none;
  cursor: pointer;
}

.product-specs__more .text {
  color: #0E0E0E;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.04px;
  white-space: nowrap;
}

.product-specs__more .ico {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 16px;
          flex: 0 0 16px;
  width: 16px;
  height: 16px;
}

.product-specs__more .ico img {
  display: block;
  width: 100%;
  height: 100%;
}

.product-desc {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  min-height: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 16px;
  width: 100%;
  padding: 24px;
  border-radius: 20px;
  background: #F8F8F8;
}

.product-desc__title {
  color: #0E0E0E;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2;
  white-space: nowrap;
}

.product-desc__box {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  min-height: 0;
  width: 100%;
  overflow: hidden;
}

.product-desc__body {
  position: absolute;
  left: 0;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
  width: 100%;
}

.product-desc__lead {
  width: 100%;
  color: #0E0E0E;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}

.product-desc__strong {
  width: 100%;
  color: #0E0E0E;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.3;
}

.product-desc__link {
  width: 100%;
  color: #0E0E0E;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.3;
  text-decoration: underline;
}

.product-desc__note {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 16px;
  background: #FFFFFF;
}

.product-desc__rich {
  width: 100%;
  color: #0E0E0E;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
}

.product-desc__rich ul {
  list-style: disc;
  padding-left: 21px;
}

.product-desc__rich a {
  color: inherit;
}

.product-desc__fade {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 607px;
  height: 41px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(248, 248, 248, 0)), to(#F8F8F8));
  background: linear-gradient(180deg, rgba(248, 248, 248, 0) 0%, #F8F8F8 100%);
  pointer-events: none;
}

.product-desc__more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 4px;
  width: 100%;
  padding: 0;
  border: 0;
  background: none;
  cursor: pointer;
}

.product-desc__more .text {
  color: #0E0E0E;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
  white-space: nowrap;
}

.product-desc__more .ico {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 16px;
          flex: 0 0 16px;
  width: 16px;
  height: 16px;
}

.product-desc__more .ico img {
  display: block;
  width: 100%;
  height: 100%;
}

.product-specs.is-open,
.product-desc.is-open {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.product-specs.is-open .product-specs__box,
.product-specs.is-open .product-desc__box,
.product-desc.is-open .product-specs__box,
.product-desc.is-open .product-desc__box {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  height: auto;
  min-height: 0;
  overflow: visible;
}

.product-specs.is-open .product-specs__list,
.product-specs.is-open .product-desc__body,
.product-desc.is-open .product-specs__list,
.product-desc.is-open .product-desc__body {
  position: static;
}

.product-specs.is-open .product-specs__fade,
.product-specs.is-open .product-desc__fade,
.product-desc.is-open .product-specs__fade,
.product-desc.is-open .product-desc__fade {
  display: none;
}

.product-specs.is-open .product-specs__more .ico img,
.product-specs.is-open .product-desc__more .ico img,
.product-desc.is-open .product-specs__more .ico img,
.product-desc.is-open .product-desc__more .ico img {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.note-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 8px;
  width: 100%;
  padding: 16px;
  border-radius: 8px;
  background: #FFFFFF;
}

.note-card__ico {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 24px;
          flex: 0 0 24px;
  width: 24px;
  height: 24px;
}

.note-card__ico img {
  display: block;
  width: 100%;
  height: 100%;
}

.note-card__body {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  min-width: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}

.note-card__title {
  color: #0E0E0E;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
}

.note-card__text {
  color: #070E06;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
}

.side-panel-sec__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 24px;
}

.hero {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  min-width: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}

.hero-wrap {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 32px;
  width: 100%;
  padding: 40px clamp(16px, 2.8vw, 40px) 8px;
  border-radius: 20px;
  background: #F8F8F8;
  overflow: hidden;
}

.hero-wrap__bg {
  position: absolute;
  right: -114px;
  bottom: 0;
  max-width: 724px;
  width: 100%;
  min-height: 331px;
}

.hero-wrap__bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.hero-wrap__bg::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, #F8F8F8 0%, rgba(248, 248, 248, 0) 17.848%, rgba(248, 248, 248, 0) 85.808%, #F8F8F8 100%), linear-gradient(90.889deg, #F8F8F8 0.353%, rgba(248, 248, 248, 0.7) 31.195%, rgba(248, 248, 248, 0) 44.134%, rgba(248, 248, 248, 0) 88.527%, #F8F8F8 99.672%);
}

.hero-wrap__content {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 16px;
}

.hero-wrap__label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}

.hero-wrap__label .line {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 40px;
          flex: 0 0 40px;
  height: 1px;
}

.hero-wrap__label .line:first-child {
  background: -webkit-gradient(linear, left top, right top, from(rgba(110, 110, 110, 0)), to(#6E6E6E));
  background: linear-gradient(90deg, rgba(110, 110, 110, 0) 0%, #6E6E6E 100%);
}

.hero-wrap__label .line:last-child {
  background: -webkit-gradient(linear, right top, left top, from(rgba(110, 110, 110, 0)), to(#6E6E6E));
  background: linear-gradient(270deg, rgba(110, 110, 110, 0) 0%, #6E6E6E 100%);
}

.hero-wrap__label .text {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: #6E6E6E;
  white-space: nowrap;
}

.hero-wrap__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 32px;
}

.hero-wrap__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 16px;
  max-width: 420px;
  width: 100%;
}

.hero-wrap__title {
  font-size: clamp(1.625rem, calc(1.3079710145rem + 0.01352657 * 100vw), 2.5rem);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 600;
  line-height: 1.2;
  color: #0E0E0E;
  white-space: nowrap;
}

.hero-wrap__descr {
  max-width: 403px;
  width: 100%;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  color: #6E6E6E;
}

.hero-wrap__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}

.hero-wrap__dots {
  position: relative;
  z-index: 2;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 8px;
}

.hero-wrap__dots .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 4px;
  width: 100%;
}

.hero-wrap__dots .dot {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 6px;
          flex: 0 0 6px;
  height: 6px;
  border-radius: 50%;
  background: #7A7C7F;
  opacity: 0.3;
}

.hero-wrap__dots .dot--active {
  background: #FFDE16;
  opacity: 1;
}

.hero-wrap__arrows {
  position: absolute;
  right: 24px;
  bottom: 16px;
  z-index: 3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}

.hero .btn {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 206px;
          flex: 0 0 206px;
  height: 48px;
  gap: 8px;
  padding: 0 40px;
  border-radius: 40px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  white-space: nowrap;
  overflow: hidden;
}

.hero .btn img {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 20px;
          flex: 0 0 20px;
  height: 20px;
}

.btn-primary {
  background: #212121;
  color: #FFFFFF;
}

.btn-outline {
  border: 1px solid #212121;
  background: #FFFFFF;
  color: #212121;
}

.hero-arrow {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 40px;
          flex: 0 0 40px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 100px;
  background: rgba(255, 255, 255, 0.5);
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.08);
          box-shadow: 0 0 8px rgba(0, 0, 0, 0.08);
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.hero-arrow img {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 24px;
          flex: 0 0 24px;
  height: 24px;
}

.side-panel-sec__col {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  min-width: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}

.side-panel-sec__col > .hero {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 100%;
}

.categories {
  width: 100%;
  padding: 40px 0;
}

.categories-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 24px;
}

.categories-wrap__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 16px;
  width: 100%;
}

.categories-wrap__heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}

.categories-wrap__heading img {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 24px;
          flex: 0 0 24px;
  height: 24px;
}

.categories-wrap__title {
  font-size: clamp(1.125rem, calc(0.9891304348rem + 0.0057971014 * 100vw), 1.5rem);
  font-weight: 600;
  line-height: 1.2;
  color: #0E0E0E;
}

.categories-wrap__count {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  text-align: right;
  color: #6E6E6E;
}

.categories-wrap__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
  width: 100%;
}

.categories-wrap .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 12px;
  width: 100%;
}

.categories-wrap .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc((100% - 48px) / 5);
          flex: 0 0 calc((100% - 48px) / 5);
  min-width: 0;
  padding: 16px;
  border-radius: 20px;
  background: #F8F8F8;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.categories-wrap .item--wide {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  max-width: none;
  padding: 0;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.categories-wrap .item__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  width: 100%;
  padding: 16px;
  border-radius: 20px;
  background: #F8F8F8;
}

.categories-wrap .item__img {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 100%;
  min-height: 0;
  aspect-ratio: 1088/750;
  overflow: hidden;
}

.categories-wrap .item__img img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  -o-object-fit: cover;
     object-fit: cover;
}

.categories-wrap .item__img--housing img {
  inset: auto;
  left: 111.18%;
  top: 121.45%;
  width: 129.58%;
  height: 138.22%;
  -o-object-fit: fill;
     object-fit: fill;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
          transform-origin: 0 0;
}

.categories-wrap .item__img--lens img {
  inset: auto;
  left: 13.33%;
  top: -3.12%;
  width: 73.35%;
  height: 106.4%;
  -o-object-fit: fill;
     object-fit: fill;
}

.categories-wrap .item__img--sm {
  max-width: 149px;
}

.categories-wrap .item__img--sm img {
  inset: auto;
  left: 20.21%;
  top: 6.75%;
  width: 59.83%;
  height: 86.8%;
  -o-object-fit: fill;
     object-fit: fill;
}

.categories-wrap .item__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}

.categories-wrap .item__bottom--end {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.categories-wrap .item__name {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  min-width: 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  color: #0E0E0E;
}

.categories-wrap .item__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding: 6px;
  border-radius: 100px;
  background: rgba(255, 255, 255, 0.1);
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
          box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
}

.categories-wrap .item__btn img {
  width: 16px;
  height: 16px;
}

.categories-wrap .item:hover {
  background: #EEEEEE;
}

.categories-wrap .item:hover .item__inner {
  background: #EEEEEE;
}

.lens-picker {
  width: 100%;
  padding: 40px 0;
}

.lens-picker-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 24px;
}

.lens-picker-wrap__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}

.lens-picker-wrap__heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}

.lens-picker-wrap__heading img {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 24px;
          flex: 0 0 24px;
  height: 24px;
}

.lens-picker-wrap__title {
  font-size: clamp(1.125rem, calc(0.9891304348rem + 0.0057971014 * 100vw), 1.5rem);
  font-weight: 600;
  line-height: 1.2;
  white-space: nowrap;
  color: #0E0E0E;
}

.lens-picker-wrap__count {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  min-width: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  text-align: right;
  color: #6E6E6E;
  opacity: 0;
}

.lens-picker-wrap__group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 16px;
  width: 100%;
}

.lens-picker-wrap__subhead {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  width: 100%;
}

.lens-picker-wrap__subhead .icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding: 8px;
  border-radius: 8px;
  background: #F8F8F8;
}

.lens-picker-wrap__subhead .icon__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 24px;
          flex: 0 0 24px;
  height: 24px;
}

.lens-picker-wrap__subhead .icon__box img {
  width: 24px;
  height: 24px;
}

.lens-picker-wrap__subhead .text {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
  white-space: nowrap;
  color: #000;
}

.lens-picker-wrap__temp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 12px;
  width: 100%;
}

.lens-picker-wrap .card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 16px;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  min-width: 0;
  padding-bottom: 16px;
  border-radius: 20px;
  background: #F8F8F8;
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
          box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
  overflow: hidden;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.lens-picker-wrap .card__img {
  position: relative;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100%;
  height: 108px;
  overflow: hidden;
}

.lens-picker-wrap .card__img img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  -o-object-fit: cover;
     object-fit: cover;
}

.lens-picker-wrap .card__img--zoom img {
  inset: auto;
  left: -39.66%;
  top: -25.95%;
  width: 181.68%;
  height: 151.89%;
  -o-object-fit: fill;
     object-fit: fill;
}

.lens-picker-wrap .card__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100%;
  padding: 0 16px;
}

.lens-picker-wrap .card__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 6px;
  white-space: nowrap;
}

.lens-picker-wrap .card__title {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  color: #000;
}

.lens-picker-wrap .card__descr {
  font-size: 12px;
  font-weight: 400;
  line-height: normal;
  color: #6E6E6E;
}

.lens-picker-wrap .card__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding: 6px;
  border-radius: 100px;
  background: #0E0E0E;
}

.lens-picker-wrap .card:hover {
  background: #EEEEEE;
}

.lens-picker-wrap__sizes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 8px;
  width: 100%;
}

.lens-picker-wrap .size {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  min-width: 0;
  padding: 24px 16px 16px;
  border-radius: 16px;
  background: #F8F8F8;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.lens-picker-wrap .size__value {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 4px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  text-align: center;
  white-space: nowrap;
}

.lens-picker-wrap .size__value .num {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  color: #0E0E0E;
}

.lens-picker-wrap .size__value .unit {
  font-size: 12px;
  font-weight: 400;
  line-height: normal;
  color: #6E6E6E;
}

.lens-picker-wrap .size__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding: 6px;
  border-radius: 100px;
  background: #0E0E0E;
}

.lens-picker-wrap .size:hover {
  background: #EEEEEE;
}

.lens-picker-wrap__volts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 12px;
  width: 100%;
}

.lens-picker-wrap .volt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  min-width: 0;
  padding: 16px;
  border-radius: 20px;
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
          box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.lens-picker-wrap .volt--warm {
  background: rgba(252, 224, 114, 0.1);
}

.lens-picker-wrap .volt--cold {
  background: rgba(189, 222, 255, 0.1);
}

.lens-picker-wrap .volt__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 8px;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  min-width: 0;
}

.lens-picker-wrap .volt__title {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2;
  white-space: nowrap;
  color: #000;
}

.lens-picker-wrap .volt__descr {
  font-size: 12px;
  font-weight: 400;
  line-height: normal;
  white-space: nowrap;
  color: #6E6E6E;
}

.lens-picker-wrap .volt__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding: 6px;
  border-radius: 100px;
  background: #0E0E0E;
}

.lens-picker-wrap .volt__img {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 75px;
          flex: 0 0 75px;
  height: 78px;
}

.lens-picker-wrap .volt__img img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  -o-object-fit: cover;
     object-fit: cover;
}

.accessories {
  position: relative;
  width: 100%;
  padding: 40px 0;
  background: #FFFFFF;
}

.accessories__fade {
  position: absolute;
  right: 0;
  top: 100px;
  width: 80px;
  height: 255px;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(#FFFFFF));
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
  pointer-events: none;
}

.accessories__arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  font-family: "Inter", sans-serif;
  border: none;
  background: none;
  position: absolute;
  right: 16px;
  top: 194px;
  width: 40px;
  height: 40px;
  padding: 0;
  border-radius: 100px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  background: rgba(255, 255, 255, 0.5);
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.08);
          box-shadow: 0 0 8px rgba(0, 0, 0, 0.08);
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
}

.accessories__arrow img {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 24px;
          flex: 0 0 24px;
  height: 24px;
}

.accessories-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 24px;
}

.accessories-wrap__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
  width: 100%;
  height: 48px;
}

.accessories-wrap__heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 738px;
  height: 29px;
}

.accessories-wrap__title-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}

.accessories-wrap__title-box img {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 24px;
          flex: 0 0 24px;
  height: 24px;
}

.accessories-wrap__title {
  font-size: clamp(1.125rem, calc(0.9891304348rem + 0.0057971014 * 100vw), 1.5rem);
  font-weight: 600;
  line-height: 1.2;
  color: #0E0E0E;
  white-space: nowrap;
}

.accessories-wrap__count {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  min-width: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  text-align: right;
  color: #6E6E6E;
  opacity: 0;
}

.accessories-wrap__cta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  font-family: "Inter", sans-serif;
  border: none;
  background: none;
  gap: 8px;
  width: 238px;
  height: 48px;
  border-radius: 40px;
  background: #212121;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  color: #FFFFFF;
  white-space: nowrap;
}

.accessories-wrap__cta img {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 20px;
          flex: 0 0 20px;
  height: 20px;
}

.accessories-wrap__slider {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.accessories-wrap__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 24px;
  min-width: 1407px;
}

.accessories-wrap__blur {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 87px;
          flex: 0 0 87px;
  height: 154px;
  background: -webkit-gradient(linear, right top, left top, from(#FFFFFF), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(-90deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
}

.accessories-wrap .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 240px;
          flex: 0 0 240px;
  padding: 16px;
  border-radius: 20px;
  background: #F8F8F8;
}

.accessories-wrap .item__img {
  position: relative;
  width: 208px;
  min-height: 143px;
  overflow: hidden;
}

.accessories-wrap .item__img img {
  position: absolute;
  top: -22.21%;
  left: -25.26%;
  width: 151.19%;
  height: 145.59%;
  max-width: none;
  display: block;
}

.accessories-wrap .item__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  height: 28px;
}

.accessories-wrap .item__name {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  min-width: 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  color: #0E0E0E;
}

.accessories-wrap .item__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 6px;
  border-radius: 100px;
  background: rgba(255, 255, 255, 0.1);
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
          box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
}

.accessories-wrap .item__btn img {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 16px;
          flex: 0 0 16px;
  height: 16px;
}

.cta {
  width: 100%;
  padding: clamp(24px, 2.75vw, 40px) 0;
}

.cta-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
  width: 100%;
  border-radius: 20px;
  background: #0E0E0E;
  -webkit-box-shadow: 6px 6px 46px rgba(0, 0, 0, 0.06);
          box-shadow: 6px 6px 46px rgba(0, 0, 0, 0.06);
  overflow: hidden;
}

.cta-wrap__content {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 calc(50% - 12px);
          flex: 1 1 calc(50% - 12px);
  min-width: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 24px;
  padding: clamp(32px, 3.3vw, 48px) clamp(24px, 3.3vw, 48px) clamp(32px, 3.3vw, 48px) clamp(32px, 4.4vw, 64px);
}

.cta-wrap__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 16px;
  width: 100%;
  word-break: break-word;
}

.cta-wrap__title {
  width: 100%;
  font-size: clamp(2rem, calc(1.6376811594rem + 0.0154589372 * 100vw), 3rem);
  font-weight: 500;
  line-height: 1.2;
  color: #FFFFFF;
}

.cta-wrap__descr {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: #C4C4C4;
}

.cta-wrap__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  width: 100%;
}

.cta-wrap__media {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 calc(50% - 12px);
          flex: 1 1 calc(50% - 12px);
  min-width: 0;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #FFFFFF;
}

.cta-wrap__img {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 221px;
          flex: 0 0 221px;
  height: 279px;
  margin: 0 auto;
  overflow: hidden;
  pointer-events: none;
}

.cta-wrap__img img {
  position: absolute;
  left: -39.5px;
  top: -11.9px;
  display: block;
  width: 300px;
  max-width: none;
  height: 300px;
}

.cta .btn {
  width: 100%;
  height: 48px;
  gap: 8px;
  padding: 0 40px;
  border-radius: 40px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  white-space: nowrap;
  overflow: hidden;
}

.cta .btn img {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 20px;
          flex: 0 0 20px;
  height: 20px;
}

.equipment {
  position: relative;
  width: 100%;
  padding: 40px 0;
  background: #FFFFFF;
}

.equipment__fade {
  position: absolute;
  right: 0;
  top: 100px;
  width: 80px;
  height: 255px;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(#FFFFFF));
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
  pointer-events: none;
}

.equipment__arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  font-family: "Inter", sans-serif;
  border: none;
  background: none;
  position: absolute;
  right: 16px;
  top: 213px;
  width: 40px;
  height: 40px;
  padding: 0;
  border-radius: 100px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  background: rgba(255, 255, 255, 0.5);
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.08);
          box-shadow: 0 0 8px rgba(0, 0, 0, 0.08);
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
}

.equipment__arrow img {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 24px;
          flex: 0 0 24px;
  height: 24px;
}

.equipment-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 24px;
}

.equipment-wrap__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
  width: 100%;
  height: 48px;
}

.equipment-wrap__heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  min-width: 0;
}

.equipment-wrap__title-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}

.equipment-wrap__title-box img {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 24px;
          flex: 0 0 24px;
  height: 24px;
}

.equipment-wrap__title {
  font-size: clamp(1rem, calc(0.8188405797rem + 0.0077294686 * 100vw), 1.5rem);
  font-weight: 600;
  line-height: 1.2;
  color: #0E0E0E;
  white-space: nowrap;
}

.equipment-wrap__count {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  min-width: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  text-align: right;
  color: #6E6E6E;
  opacity: 0;
}

.equipment-wrap__cta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  font-family: "Inter", sans-serif;
  border: none;
  background: none;
  gap: 8px;
  min-width: 238px;
  height: 48px;
  padding: 0 40px;
  border-radius: 40px;
  background: #212121;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  color: #FFFFFF;
  white-space: nowrap;
}

.equipment-wrap__cta img {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 20px;
          flex: 0 0 20px;
  height: 20px;
}

.equipment-wrap__slider {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 16px;
  width: 100%;
  overflow: hidden;
}

.equipment-wrap__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 12px;
  min-width: 1296px;
}

.equipment-wrap__blur {
  position: absolute;
  right: 0;
  top: -1px;
  width: 87px;
  height: 243px;
  background: -webkit-gradient(linear, right top, left top, from(#FFFFFF), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(-90deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
  pointer-events: none;
}

.equipment-wrap .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 8px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 280px;
          flex: 0 0 280px;
  border-radius: 20px;
  background: #FFFFFF;
  -webkit-box-shadow: inset 0 0 0 1px #EEEEEE;
          box-shadow: inset 0 0 0 1px #EEEEEE;
}

.equipment-wrap .item__photo {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  width: 100%;
  height: 167px;
  padding: 8px;
}

.equipment-wrap .item__img {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  min-width: 0;
  height: 100%;
  border-radius: 12px;
  overflow: hidden;
}

.equipment-wrap .item__img img {
  position: absolute;
  display: block;
  max-width: none;
}

.equipment-wrap .item__mark {
  position: absolute;
  top: 16px;
  left: 16px;
  padding: 8px 20px;
  border-radius: 40px;
  background: #FFDE16;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.4;
  text-align: center;
  white-space: nowrap;
  color: #0E0E0E;
  -webkit-filter: drop-shadow(0 2px 3px rgba(0, 0, 0, 0.06));
          filter: drop-shadow(0 2px 3px rgba(0, 0, 0, 0.06));
}

.equipment-wrap .item__info {
  width: 100%;
  padding: 8px 16px 16px;
}

.equipment-wrap .item__name {
  height: 43px;
  overflow: hidden;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
  color: #0E0E0E;
}

.equipment-wrap .item:nth-child(1) .item__img img {
  top: -8.28%;
  left: -3.55%;
  width: 107.1%;
  height: 124.83%;
}

.equipment-wrap .item:nth-child(2) .item__img img {
  top: 0;
  left: -23.84%;
  width: 148.45%;
  height: 118.7%;
}

.equipment-wrap .item:nth-child(3) .item__img img {
  top: -1.8%;
  left: -8.68%;
  width: 118.95%;
  height: 118.72%;
}

.equipment-wrap .item:nth-child(4) .item__img img {
  top: -5.39%;
  left: -9.27%;
  width: 118.84%;
  height: 118.6%;
}

.help {
  width: 100%;
}

.help--wide {
  padding: 16px clamp(16px, 4.72vw, 68px);
  background: #F8F8F8;
}

.help--wide .help-wrap {
  max-width: 1304px;
  margin: 0 auto;
}

.help-wrap {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 16px;
  width: 100%;
  min-height: 280px;
  padding: clamp(24px, 3.3vw, 48px);
  border-radius: 20px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.6)), to(rgba(0, 0, 0, 0.6))), url(../img/main/help-bg.webp);
  background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(../img/main/help-bg.webp);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
}

.help-wrap__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
  width: 100%;
  max-width: 730px;
}

.help-wrap__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  width: 100%;
}

.help-wrap__title {
  width: 100%;
  font-size: clamp(1.625rem, calc(1.3079710145rem + 0.01352657 * 100vw), 2.5rem);
  font-weight: 600;
  line-height: 1.2;
  text-align: center;
  color: #FFFFFF;
  word-break: break-word;
}

.help-wrap__descr {
  width: 100%;
  max-width: 663px;
  font-size: clamp(0.875rem, calc(0.7844202899rem + 0.0038647343 * 100vw), 1.125rem);
  font-weight: 400;
  line-height: 1.2;
  text-align: center;
  color: #FFFFFF;
  word-break: break-word;
}

.help-wrap__phone {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  padding: 8px 12px 8px 8px;
  border-radius: 12px;
  -webkit-box-shadow: inset 0 0 0 0.5px #FFFFFF;
          box-shadow: inset 0 0 0 0.5px #FFFFFF;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
}

.help-wrap__phone .icon {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 32px;
          flex: 0 0 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background: #F8F8F8;
}

.help-wrap__phone .icon img {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 16px;
          flex: 0 0 16px;
  height: 16px;
}

.help-wrap__phone .text {
  font-size: clamp(1rem, calc(0.9094202899rem + 0.0038647343 * 100vw), 1.25rem);
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 0.12px;
  white-space: nowrap;
  color: #EEEEEE;
}

.help-wrap__phone:hover {
  background: rgba(255, 255, 255, 0.12);
}

.brand-products {
  position: relative;
  width: 100%;
  padding: 40px 0;
  background: #FFFFFF;
}

.brand-products__fade {
  position: absolute;
  right: 0;
  top: 102px;
  width: 80px;
  height: 255px;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(#FFFFFF));
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
  pointer-events: none;
}

.brand-products__arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  font-family: "Inter", sans-serif;
  border: none;
  background: none;
  position: absolute;
  right: 16px;
  top: 213px;
  width: 40px;
  height: 40px;
  padding: 0;
  border-radius: 100px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  background: rgba(255, 255, 255, 0.5);
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.08);
          box-shadow: 0 0 8px rgba(0, 0, 0, 0.08);
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
}

.brand-products__arrow img {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 24px;
          flex: 0 0 24px;
  height: 24px;
}

.brand-products-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 24px;
}

.brand-products-wrap__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
  width: 100%;
  height: 48px;
}

.brand-products-wrap__heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  min-width: 0;
}

.brand-products-wrap__title-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}

.brand-products-wrap__title-box img {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 24px;
          flex: 0 0 24px;
  height: 24px;
}

.brand-products-wrap__title {
  font-size: clamp(1rem, calc(0.8188405797rem + 0.0077294686 * 100vw), 1.5rem);
  font-weight: 600;
  line-height: 1.2;
  color: #0E0E0E;
  white-space: nowrap;
}

.brand-products-wrap__count {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  min-width: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  text-align: right;
  color: #6E6E6E;
  opacity: 0;
}

.brand-products-wrap__cta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  font-family: "Inter", sans-serif;
  border: none;
  background: none;
  gap: 8px;
  min-width: 238px;
  height: 48px;
  padding: 0 40px;
  border-radius: 40px;
  background: #212121;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  color: #FFFFFF;
  white-space: nowrap;
}

.brand-products-wrap__cta img {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 20px;
          flex: 0 0 20px;
  height: 20px;
}

.brand-products-wrap__slider {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 16px;
  width: 100%;
  overflow: hidden;
}

.brand-products-wrap__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 12px;
  min-width: 1296px;
}

.brand-products-wrap__blur {
  position: absolute;
  right: 0;
  top: -1px;
  width: 87px;
  height: 243px;
  background: -webkit-gradient(linear, right top, left top, from(#FFFFFF), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(-90deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
  pointer-events: none;
}

.brand-products-wrap .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 8px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 280px;
          flex: 0 0 280px;
  border-radius: 20px;
  background: #FFFFFF;
  -webkit-box-shadow: inset 0 0 0 1px #EEEEEE;
          box-shadow: inset 0 0 0 1px #EEEEEE;
}

.brand-products-wrap .item__photo {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  width: 100%;
  height: 167px;
  padding: 8px;
}

.brand-products-wrap .item__img {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  min-width: 0;
  height: 100%;
  border-radius: 12px;
  overflow: hidden;
}

.brand-products-wrap .item__img img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.brand-products-wrap .item__img--contain img {
  -o-object-fit: contain;
     object-fit: contain;
}

.brand-products-wrap .item__mark {
  position: absolute;
  top: 16px;
  left: 16px;
  padding: 8px 20px;
  border-radius: 40px;
  background: #FFDE16;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.4;
  text-align: center;
  white-space: nowrap;
  color: #0E0E0E;
  -webkit-filter: drop-shadow(0 2px 3px rgba(0, 0, 0, 0.06));
          filter: drop-shadow(0 2px 3px rgba(0, 0, 0, 0.06));
}

.brand-products-wrap .item__info {
  width: 100%;
  padding: 8px 16px 16px;
}

.brand-products-wrap .item__name {
  height: 43px;
  overflow: hidden;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
  color: #0E0E0E;
}

.blog {
  position: relative;
  width: 100%;
  padding: 40px 0;
  background: #FFFFFF;
}

.blog__fade {
  position: absolute;
  right: 0;
  top: 99px;
  width: 80px;
  height: 327px;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(#FFFFFF));
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
  pointer-events: none;
}

.blog__arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  font-family: "Inter", sans-serif;
  border: none;
  background: none;
  position: absolute;
  right: 16px;
  top: 173px;
  width: 40px;
  height: 40px;
  padding: 0;
  border-radius: 100px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  background: rgba(255, 255, 255, 0.5);
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.08);
          box-shadow: 0 0 8px rgba(0, 0, 0, 0.08);
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
}

.blog__arrow img {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 24px;
          flex: 0 0 24px;
  height: 24px;
}

.blog-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 24px;
}

.blog-wrap__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
  width: 100%;
  height: 48px;
}

.blog-wrap__heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  min-width: 0;
}

.blog-wrap__title-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}

.blog-wrap__title-box img {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 24px;
          flex: 0 0 24px;
  height: 24px;
}

.blog-wrap__title {
  font-size: clamp(1rem, calc(0.8188405797rem + 0.0077294686 * 100vw), 1.5rem);
  font-weight: 600;
  line-height: 1.2;
  color: #0E0E0E;
  white-space: nowrap;
}

.blog-wrap__count {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  min-width: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  text-align: right;
  color: #6E6E6E;
  opacity: 0;
}

.blog-wrap__cta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  font-family: "Inter", sans-serif;
  border: none;
  background: none;
  gap: 8px;
  min-width: 234px;
  height: 48px;
  padding: 0 40px;
  border-radius: 40px;
  background: #212121;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  color: #FFFFFF;
  white-space: nowrap;
}

.blog-wrap__cta img {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 20px;
          flex: 0 0 20px;
  height: 20px;
}

.blog-wrap__slider {
  width: 100%;
  overflow: hidden;
}

.blog-wrap__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 12px;
  min-width: 1156px;
}

.blog-wrap .item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 16px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 280px;
          flex: 0 0 280px;
  min-width: 0;
}

.blog-wrap .item__img {
  position: relative;
  width: 100%;
  aspect-ratio: 370/240;
  border-radius: 20px;
  overflow: hidden;
}

.blog-wrap .item__img img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.blog-wrap .item__badge {
  position: absolute;
  top: 8px;
  left: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  padding: 8px 16px 8px 8px;
  border-radius: 100px;
  background: #212121;
}

.blog-wrap .item__badge img {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 22px;
          flex: 0 0 22px;
  height: 15px;
  -o-object-fit: contain;
     object-fit: contain;
}

.blog-wrap .item__badge .text {
  font-size: 12px;
  font-weight: 500;
  line-height: 1.4;
  white-space: nowrap;
  color: #F8F8F8;
}

.blog-wrap .item__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 12px;
  width: 100%;
}

.blog-wrap .item__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 8px;
  width: 100%;
}

.blog-wrap .item__title {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: clamp(0.9375rem, calc(0.8695652174rem + 0.0028985507 * 100vw), 1.125rem);
  font-weight: 600;
  line-height: 1.2;
  color: #0E0E0E;
}

.blog-wrap .item__descr-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  overflow: hidden;
}

.blog-wrap .item__descr {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  min-width: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  color: #6E6E6E;
}

.blog-wrap .item__line {
  position: relative;
  width: 100%;
  height: 0;
}

.blog-wrap .item__line::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -1px;
  height: 1px;
  background: #EEEEEE;
}

.blog-wrap .item__meta {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  min-height: 17px;
}

.blog-wrap .item__date {
  font-size: 12px;
  font-weight: 400;
  line-height: normal;
  white-space: nowrap;
  color: #6E6E6E;
}

.blog-wrap .item__more-box {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: 197px;
}

.blog-wrap .item__more {
  font-size: 12px;
  font-weight: 500;
  line-height: 1.4;
  white-space: nowrap;
  text-decoration: underline;
  text-underline-position: from-font;
  color: #0E0E0E;
}

.side-panel-sec.side-panel-sec--blog {
  padding: 16px clamp(16px, 4.72vw, 68px);
}

.side-panel-sec.side-panel-sec--blog .side-panel-sec__inner {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 280px 1fr;
  grid-template-columns: 280px 1fr;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 24px;
  max-width: 1304px;
}

.side-panel-sec.side-panel-sec--blog .side-panel-clip {
  position: relative;
  overflow: hidden;
  border-radius: 20px;
}

.side-panel-sec.side-panel-sec--blog .side-panel {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  max-width: none;
}

.side-panel-sec.side-panel-sec--blog .side-panel-clip::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 105px;
  pointer-events: none;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(251, 251, 251, 0)), to(#FBFBFB));
  background: linear-gradient(180deg, rgba(251, 251, 251, 0) 0%, #FBFBFB 100%);
}

.blog-page {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
  min-width: 0;
}

.blog-page__crumbs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.blog-page__crumbs .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 4px;
  width: 100%;
}

.blog-page__crumbs .icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 16px;
  height: 16px;
}

.blog-page__crumbs .icon img {
  width: 16px;
  height: 16px;
}

.blog-page__crumbs a,
.blog-page__crumbs .current,
.blog-page__crumbs .sep {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: normal;
  color: #6E6E6E;
  white-space: nowrap;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.blog-page__crumbs .current {
  color: #212121;
}

.blog-page__more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 8px;
  width: 100%;
  height: 48px;
  padding: 0 40px;
  border: none;
  border-radius: 40px;
  background: #212121;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.blog-page__more .text {
  padding-left: 8px;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;
  color: #FFFFFF;
  white-space: nowrap;
}

.blog-page__more img {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 20px;
          flex: 0 0 20px;
  height: 20px;
}

.blog-page-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 16px;
  padding: 0 16px;
  background: #FFFFFF;
}

.blog-page-wrap__title {
  width: 100%;
  font-size: clamp(1rem, calc(0.9547101449rem + 0.0019323671 * 100vw), 1.125rem);
  font-weight: 700;
  line-height: 22px;
  color: #0E0E0E;
}

.blog-page-wrap__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 16px;
  width: 100%;
}

.blog-page-wrap .item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 16px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  min-width: 0;
}

.blog-page-wrap .item__img {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 370/240;
  border-radius: 20px;
  overflow: hidden;
}

.blog-page-wrap .item__img img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.blog-page-wrap .item__badge {
  position: absolute;
  top: 8px;
  left: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  padding: 8px 16px 8px 8px;
  border-radius: 100px;
  background: #212121;
}

.blog-page-wrap .item__badge img {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 22px;
          flex: 0 0 22px;
  height: 15px;
  -o-object-fit: contain;
     object-fit: contain;
}

.blog-page-wrap .item__badge .text {
  font-size: 12px;
  font-weight: 500;
  line-height: 1.4;
  white-space: nowrap;
  color: #F8F8F8;
}

.blog-page-wrap .item__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 12px;
  width: 100%;
}

.blog-page-wrap .item__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 8px;
  width: 100%;
}

.blog-page-wrap .item__title {
  display: block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: clamp(0.9375rem, calc(0.8695652174rem + 0.0028985507 * 100vw), 1.125rem);
  font-weight: 600;
  line-height: 22px;
  color: #0E0E0E;
}

.blog-page-wrap .item__descr-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  overflow: hidden;
}

.blog-page-wrap .item__descr {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  min-width: 0;
  height: 34px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  color: #6E6E6E;
}

.blog-page-wrap .item__line {
  position: relative;
  width: 100%;
  height: 0;
}

.blog-page-wrap .item__line::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -1px;
  height: 1px;
  background: #EEEEEE;
}

.blog-page-wrap .item__meta {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  min-height: 17px;
}

.blog-page-wrap .item__date {
  font-size: 12px;
  font-weight: 400;
  line-height: normal;
  white-space: nowrap;
  color: #6E6E6E;
}

.blog-page-wrap .item__more-box {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: 197px;
}

.blog-page-wrap .item__more {
  font-size: 12px;
  font-weight: 500;
  line-height: 1.4;
  white-space: nowrap;
  text-decoration: underline;
  text-underline-position: from-font;
  color: #0E0E0E;
}

.blog-chips {
  display: none;
}

.blog-chips__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 4px;
  padding: 0 16px;
  overflow-x: auto;
  scrollbar-width: none;
}

.blog-chips__row::-webkit-scrollbar {
  display: none;
}

.blog-chips .chip {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  font-family: "Inter", sans-serif;
  border: none;
  background: none;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  height: 31px;
  padding: 8px 16px;
  border-radius: 8px;
  background: #F8F8F8;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  white-space: nowrap;
  color: #212121;
}

.blog-chips .chip--all {
  height: 40px;
}

.blog-chips .chip.is-active {
  background: #212121;
  color: #FFFFFF;
}

.blog-chips .chip:nth-child(1) {
  letter-spacing: 0.13px;
}

.blog-chips .chip:nth-child(2) {
  letter-spacing: 0.17px;
}

.blog-chips .chip:nth-child(3) {
  letter-spacing: -0.07px;
}

.blog-chips .chip:nth-child(4) {
  letter-spacing: 0.08px;
}

.blog-chips .chip:nth-child(5) {
  letter-spacing: 0.05px;
}

.side-panel-sec.side-panel-sec--article {
  padding: 16px clamp(16px, 4.72vw, 68px);
}

.side-panel-sec.side-panel-sec--article .side-panel-sec__inner {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 280px 1fr;
  grid-template-columns: 280px 1fr;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 24px;
  max-width: 1304px;
}

.side-panel-sec.side-panel-sec--article .side-panel-sec__col {
  gap: 16px;
}

.side-panel-sec.side-panel-sec--article .side-panel-clip {
  position: relative;
  overflow: hidden;
  border-radius: 20px;
}

.side-panel-sec.side-panel-sec--article .side-panel {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  max-width: none;
}

.side-panel-sec.side-panel-sec--article .side-panel-clip::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 105px;
  pointer-events: none;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(251, 251, 251, 0)), to(#FBFBFB));
  background: linear-gradient(180deg, rgba(251, 251, 251, 0) 0%, #FBFBFB 100%);
}

.article {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  min-width: 0;
}

.article__crumbs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.article__crumbs .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 4px;
  width: 100%;
}

.article__crumbs .icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 16px;
  height: 16px;
}

.article__crumbs .icon img {
  width: 16px;
  height: 16px;
}

.article__crumbs a,
.article__crumbs .current,
.article__crumbs .sep {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: normal;
  color: #6E6E6E;
  white-space: nowrap;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.article__crumbs .sep {
  min-width: 5px;
  text-align: center;
}

.article__crumbs .current {
  color: #212121;
}

.article-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  padding: 24px;
  border-radius: 20px;
  background: #F8F8F8;
}

.article-card__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 16px;
}

.article-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 16px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  min-width: 0;
}

.article-body__title {
  width: 100%;
  font-size: clamp(1.0625rem, calc(0.9945652174rem + 0.0028985507 * 100vw), 1.25rem);
  font-weight: 700;
  line-height: 1.3;
  color: #0E0E0E;
}

.article-body__img {
  position: relative;
  width: 100%;
  aspect-ratio: 370/240;
  border-radius: 20px;
  overflow: hidden;
}

.article-body__img img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.article-body__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 16px;
  width: 100%;
}

.article-body__lead {
  width: 100%;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: #0E0E0E;
}

.article-body__subtitle {
  width: 100%;
  font-size: clamp(1rem, calc(1rem + 0 * 100vw), 1rem);
  font-weight: 700;
  line-height: 1.3;
  color: #070E06;
}

.article-body__rich {
  width: 100%;
  min-height: 823px;
  color: #070E06;
}

.article-body__rich p {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}

.article-body__rich .h {
  font-weight: 600;
  line-height: 1.2;
}

.article-body__rich .br {
  line-height: 1.5;
}

.article-body__note {
  width: 100%;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  color: #0E0E0E;
}

.article-body__cta {
  width: 100%;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2;
  color: #070E06;
}

.article-body__author {
  width: 100%;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.4;
  color: #070E06;
}

.article-aside {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 32px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 280px;
          flex: 0 0 280px;
  min-width: 0;
  padding-top: 42px;
}

.partner-box {
  width: 100%;
  padding: 24px;
  border-radius: 20px;
  background: #212121;
}

.partner-box__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 16px;
}

.partner-box__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 8px;
  width: 100%;
}

.partner-box__title {
  width: 100%;
  font-size: clamp(1.25rem, calc(1.1594202899rem + 0.0038647343 * 100vw), 1.5rem);
  font-weight: 700;
  line-height: 1.3;
  color: #FFFFFF;
}

.partner-box__descr {
  width: 100%;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: #C4C4C4;
}

.partner-box__phone {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  padding: 8px 12px 8px 8px;
  border-radius: 12px;
  -webkit-box-shadow: inset 0 0 0 1px #6E6E6E;
          box-shadow: inset 0 0 0 1px #6E6E6E;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.partner-box__phone .icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background: #FFFFFF;
}

.partner-box__phone .icon img {
  width: 16px;
  height: 16px;
}

.partner-box__phone .num {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 8px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.162px;
  white-space: nowrap;
  color: #F8F8F8;
}

.partner-box__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 8px;
  width: 100%;
  height: 48px;
  padding: 0 40px;
  border-radius: 40px;
  background: #FFDE16;
  overflow: hidden;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.partner-box__btn .text {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
  white-space: nowrap;
  color: #0E0E0E;
}

.partner-box__btn img {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 20px;
          flex: 0 0 20px;
  height: 20px;
}

.article-rec {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 12px;
  width: 100%;
}

.article-rec__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  min-height: 24px;
}

.article-rec__title {
  font-size: clamp(1rem, calc(0.9547101449rem + 0.0019323671 * 100vw), 1.125rem);
  font-weight: 700;
  line-height: 1.3;
  white-space: nowrap;
  color: #0E0E0E;
}

.article-rec__arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 24px;
  height: 24px;
}

.article-rec__arrow img {
  width: 24px;
  height: 24px;
}

.article-rec .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  border-radius: 20px;
  background: #FFFFFF;
  -webkit-box-shadow: inset 0 0 0 1px #EEEEEE;
          box-shadow: inset 0 0 0 1px #EEEEEE;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.article-rec .item:hover {
  -webkit-box-shadow: inset 0 0 0 1px #C4C4C4;
          box-shadow: inset 0 0 0 1px #C4C4C4;
}

.article-rec .item__photo {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 8px;
  padding: 8px;
}

.article-rec .item__img {
  width: 173px;
  height: 99px;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 12px;
}

.article-rec .item__mark {
  position: absolute;
  left: 8px;
  top: 8px;
  padding: 4px 12px;
  border-radius: 40px;
  background: #FFDE16;
  -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.06);
          box-shadow: 0 2px 3px rgba(0, 0, 0, 0.06);
  font-size: 10px;
  font-weight: 500;
  line-height: 1.4;
  text-align: center;
  color: #0E0E0E;
}

.article-rec .item__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  padding: 8px 16px 16px;
}

.article-rec .item__title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  height: 33px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.4;
  color: #0E0E0E;
}

.also {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 24px;
  padding: 16px;
  border-radius: 20px;
  background: #FFFFFF;
  overflow: hidden;
}

.also__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  width: 100%;
  min-height: 40px;
}

.also__title {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  min-width: 0;
  font-size: clamp(1rem, calc(0.9547101449rem + 0.0019323671 * 100vw), 1.125rem);
  font-weight: 700;
  line-height: 1.3;
  color: #0E0E0E;
}

.also__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 8px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  height: 40px;
  padding: 0 40px;
  border-radius: 40px;
  background: #212121;
  overflow: hidden;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.also__link .text {
  font-size: 12px;
  font-weight: 500;
  line-height: 1.4;
  text-align: center;
  white-space: nowrap;
  color: #FFFFFF;
}

.also__link img {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 20px;
          flex: 0 0 20px;
  height: 20px;
}

.also__slider {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.also__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 12px;
}

.also__fade {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 82px;
  pointer-events: none;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(#FFFFFF));
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
}

.also__arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  font-family: "Inter", sans-serif;
  border: none;
  background: none;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 40px;
  height: 40px;
  padding: 0;
  border-radius: 100px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  background: rgba(255, 255, 255, 0.5);
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.08);
          box-shadow: 0 0 8px rgba(0, 0, 0, 0.08);
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
}

.also__arrow img {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 24px;
          flex: 0 0 24px;
  height: 24px;
}

.also .item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 16px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 280px;
          flex: 0 0 280px;
  min-width: 0;
}

.also .item__img {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 370/240;
  border-radius: 20px;
  overflow: hidden;
}

.also .item__img img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.also .item__badge {
  position: absolute;
  top: 8px;
  left: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  padding: 8px 16px 8px 8px;
  border-radius: 100px;
  background: #212121;
}

.also .item__badge img {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 22px;
          flex: 0 0 22px;
  height: 15px;
  -o-object-fit: contain;
     object-fit: contain;
}

.also .item__badge .text {
  font-size: 12px;
  font-weight: 500;
  line-height: 1.4;
  white-space: nowrap;
  color: #F8F8F8;
}

.also .item__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 12px;
  width: 100%;
}

.also .item__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 8px;
  width: 100%;
}

.also .item__title {
  display: block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: clamp(0.9375rem, calc(0.8695652174rem + 0.0028985507 * 100vw), 1.125rem);
  font-weight: 600;
  line-height: 22px;
  color: #0E0E0E;
}

.also .item__descr-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  overflow: hidden;
}

.also .item__descr {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  min-width: 0;
  height: 34px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  color: #6E6E6E;
}

.also .item__line {
  position: relative;
  width: 100%;
  height: 0;
}

.also .item__line::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -1px;
  height: 1px;
  background: #EEEEEE;
}

.also .item__meta {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  min-height: 17px;
}

.also .item__date {
  font-size: 12px;
  font-weight: 400;
  line-height: normal;
  white-space: nowrap;
  color: #6E6E6E;
}

.also .item__more-box {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: 197px;
}

.also .item__more {
  font-size: 12px;
  font-weight: 500;
  line-height: 1.4;
  white-space: nowrap;
  text-decoration: underline;
  text-underline-position: from-font;
  color: #0E0E0E;
}

.article-notes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 16px;
}

.article-notes .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 16px;
  width: 100%;
}

.seo-text {
  width: 100%;
}

.seo-text-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 16px;
  padding: 16px 0;
  background: #FFFFFF;
}

.seo-text-wrap__title {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2;
  color: #0E0E0E;
  white-space: nowrap;
}

.seo-text-wrap__box {
  position: relative;
  width: 100%;
  max-height: 100px;
  overflow: hidden;
}

.seo-text-wrap__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 24px;
  width: 100%;
  max-width: 968px;
}

.seo-text-wrap__text {
  width: 100%;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: #0E0E0E;
}

.seo-text-wrap__subtitle {
  width: 100%;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.3;
  color: #0E0E0E;
}

.seo-text-wrap__note {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.seo-text-wrap__note .note {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 8px;
  width: 100%;
  max-width: 370px;
  min-height: 138px;
  padding: 16px;
  background: #FFFFFF;
  border-radius: 8px;
}

.seo-text-wrap__note .note__icon {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 24px;
          flex: 0 0 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 24px;
  height: 24px;
}

.seo-text-wrap__note .note__icon img {
  width: 100%;
  height: 100%;
}

.seo-text-wrap__note .note__text {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  min-width: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 12px;
}

.seo-text-wrap__note .note__title {
  width: 100%;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  color: #0E0E0E;
}

.seo-text-wrap__note .note__descr {
  width: 100%;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  color: #070E06;
}

.seo-text-wrap__article {
  width: 100%;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  color: #0E0E0E;
  word-break: break-word;
}

.seo-text-wrap__article p {
  white-space: pre-wrap;
}

.seo-text-wrap__article ul {
  list-style: disc;
  padding-left: 21px;
}

.seo-text-wrap__article a {
  color: inherit;
}

.seo-text-wrap__link {
  width: 100%;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.3;
  color: #0E0E0E;
  text-decoration: underline;
}

.seo-text-wrap__disclaimer {
  width: 100%;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.3;
  color: #0E0E0E;
}

.seo-text-wrap__fade {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 969px;
  height: 27px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#FFFFFF));
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
  pointer-events: none;
}

.seo-text-wrap__more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 4px;
  width: 100%;
  padding: 0;
  border: 0;
  background: none;
  font-family: inherit;
  cursor: pointer;
}

.seo-text-wrap__more .text {
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
  color: #0E0E0E;
  white-space: nowrap;
}

.seo-text-wrap__more img {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 16px;
          flex: 0 0 16px;
  height: 16px;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

.seo-text-wrap.is-open .seo-text-wrap__box {
  max-height: none;
}

.seo-text-wrap.is-open .seo-text-wrap__fade {
  display: none;
}

.seo-text-wrap.is-open .seo-text-wrap__more img {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.related {
  padding: clamp(24px, 3.3vw, 48px) clamp(16px, 4.72vw, 68px);
  background: #F8F8F8;
}

.related-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 24px;
  max-width: 1304px;
  margin: 0 auto;
}

.related-wrap__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  width: 100%;
  height: 40px;
}

.related-wrap__heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  min-width: 0;
}

.related-wrap__title {
  font-size: clamp(0.875rem, calc(0.7844202899rem + 0.0038647343 * 100vw), 1.125rem);
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  min-width: 0;
  font-weight: 700;
  line-height: 1.3;
  color: #0E0E0E;
  word-break: break-word;
}

.related-wrap__count {
  display: none;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  font-size: 12px;
  font-weight: 400;
  line-height: normal;
  color: #6E6E6E;
  white-space: nowrap;
}

.related-wrap__cta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  font-family: "Inter", sans-serif;
  border: none;
  background: none;
  gap: 8px;
  min-width: 219px;
  height: 40px;
  padding: 0 40px;
  border-radius: 40px;
  background: #212121;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.4;
  text-align: center;
  color: #FFFFFF;
  white-space: nowrap;
}

.related-wrap__cta img {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 20px;
          flex: 0 0 20px;
  height: 20px;
}

.related-wrap__slider {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.related-wrap__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 12px;
  width: 1296px;
}

.related-wrap__blur {
  position: absolute;
  right: 0;
  top: 0;
  width: 82px;
  height: 243px;
  background: -webkit-gradient(linear, right top, left top, from(#F8F8F8), to(rgba(248, 248, 248, 0)));
  background: linear-gradient(-90deg, #F8F8F8 0%, rgba(248, 248, 248, 0) 100%);
  pointer-events: none;
}

.related-wrap__arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  font-family: "Inter", sans-serif;
  border: none;
  background: none;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 40px;
  height: 40px;
  padding: 0;
  border-radius: 100px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  background: rgba(255, 255, 255, 0.5);
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.08);
          box-shadow: 0 0 8px rgba(0, 0, 0, 0.08);
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
}

.related-wrap__arrow .ico {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 24px;
  height: 24px;
}

.related-wrap__arrow img {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 24px;
          flex: 0 0 24px;
  height: 24px;
}

.related-wrap .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 8px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 280px;
          flex: 0 0 280px;
  border-radius: 20px;
  background: #FFFFFF;
  -webkit-box-shadow: inset 0 0 0 1px #EEEEEE;
          box-shadow: inset 0 0 0 1px #EEEEEE;
}

.related-wrap .item__photo {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  width: 100%;
  height: 167px;
  padding: 8px;
}

.related-wrap .item__img {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  min-width: 0;
  height: 100%;
  border-radius: 12px;
  overflow: hidden;
}

.related-wrap .item__img img {
  position: absolute;
  display: block;
  max-width: none;
}

.related-wrap .item__mark {
  position: absolute;
  top: 16px;
  left: 16px;
  padding: 8px 20px;
  border-radius: 40px;
  background: #FFDE16;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.4;
  text-align: center;
  white-space: nowrap;
  color: #0E0E0E;
  -webkit-filter: drop-shadow(0 2px 3px rgba(0, 0, 0, 0.06));
          filter: drop-shadow(0 2px 3px rgba(0, 0, 0, 0.06));
}

.related-wrap .item__info {
  width: 100%;
  padding: 8px 16px 16px;
}

.related-wrap .item__name {
  height: 43px;
  overflow: hidden;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
  color: #0E0E0E;
}

.related-wrap .item:nth-child(1) .item__img img {
  top: 0;
  left: -31.6%;
  width: 166.23%;
  height: 116.89%;
}

.related-wrap .item:nth-child(2) .item__img img {
  top: 0;
  left: -23.84%;
  width: 148.45%;
  height: 118.7%;
}

.related-wrap .item:nth-child(3) .item__img img {
  top: -1.8%;
  left: -8.68%;
  width: 118.95%;
  height: 118.72%;
}

.related-wrap .item:nth-child(n+4) .item__img img {
  top: -5.39%;
  left: -9.27%;
  width: 118.84%;
  height: 118.6%;
}

.cats {
  padding: 24px clamp(16px, 4.72vw, 68px);
  background: #F8F8F8;
}

.cats-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 24px;
  max-width: 1304px;
  margin: 0 auto;
}

.cats-wrap__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  width: 100%;
  height: 40px;
}

.cats-wrap__heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  min-width: 0;
}

.cats-wrap__title {
  font-size: clamp(0.875rem, calc(0.7844202899rem + 0.0038647343 * 100vw), 1.125rem);
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  min-width: 0;
  font-weight: 700;
  line-height: 1.3;
  color: #0E0E0E;
  word-break: break-word;
}

.cats-wrap__count {
  display: none;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  font-size: 12px;
  font-weight: 400;
  line-height: normal;
  color: #6E6E6E;
  white-space: nowrap;
}

.cats-wrap__cta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  font-family: "Inter", sans-serif;
  border: none;
  background: none;
  gap: 8px;
  min-width: 219px;
  height: 40px;
  padding: 0 40px;
  border-radius: 40px;
  background: #212121;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.4;
  text-align: center;
  color: #FFFFFF;
  white-space: nowrap;
}

.cats-wrap__cta img {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 20px;
          flex: 0 0 20px;
  height: 20px;
}

.cats-wrap__slider {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.cats-wrap__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 12px;
  width: 1296px;
}

.cats-wrap__blur {
  position: absolute;
  right: 0;
  top: 0;
  width: 82px;
  height: 148px;
  background: -webkit-gradient(linear, right top, left top, from(#F8F8F8), to(rgba(248, 248, 248, 0)));
  background: linear-gradient(-90deg, #F8F8F8 0%, rgba(248, 248, 248, 0) 100%);
  pointer-events: none;
}

.cats-wrap__arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  font-family: "Inter", sans-serif;
  border: none;
  background: none;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 40px;
  height: 40px;
  padding: 0;
  border-radius: 100px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  background: rgba(255, 255, 255, 0.5);
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.08);
          box-shadow: 0 0 8px rgba(0, 0, 0, 0.08);
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
}

.cats-wrap__arrow .ico {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 24px;
  height: 24px;
}

.cats-wrap__arrow img {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 24px;
          flex: 0 0 24px;
  height: 24px;
}

.cats-wrap .item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 240px;
          flex: 0 0 240px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 0;
  padding: 16px;
  border-radius: 20px;
  background: #FFFFFF;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.cats-wrap .item__img {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 100%;
  aspect-ratio: 1088/750;
  overflow: hidden;
}

.cats-wrap .item__img img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  -o-object-fit: cover;
     object-fit: cover;
}

.cats-wrap .item__img--liquid img {
  inset: auto;
  left: -25.26%;
  top: -22.21%;
  width: 151.19%;
  height: 145.59%;
  -o-object-fit: fill;
     object-fit: fill;
}

.cats-wrap .item__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}

.cats-wrap .item__name {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  min-width: 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  color: #0E0E0E;
  word-break: break-word;
}

.cats-wrap .item__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding: 6px;
  border-radius: 100px;
  background: rgba(255, 255, 255, 0.1);
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
          box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
}

.cats-wrap .item__btn img {
  width: 16px;
  height: 16px;
}

.cats-wrap .item:hover {
  background: #EEEEEE;
}

.side-panel-sec.side-panel-sec--points {
  padding: 16px clamp(16px, 4.72vw, 68px);
}

.side-panel-sec.side-panel-sec--points .side-panel-sec__inner {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 280px 1fr;
  grid-template-columns: 280px 1fr;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 24px;
  max-width: 1304px;
}

.side-panel-sec.side-panel-sec--points .side-panel-clip {
  position: relative;
  overflow: hidden;
  border-radius: 20px;
}

.side-panel-sec.side-panel-sec--points .side-panel {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  max-width: none;
}

.side-panel-sec.side-panel-sec--points .side-panel-clip::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 105px;
  pointer-events: none;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(251, 251, 251, 0)), to(#FBFBFB));
  background: linear-gradient(180deg, rgba(251, 251, 251, 0) 0%, #FBFBFB 100%);
}

.points {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  min-width: 0;
}

.points__crumbs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.points__crumbs .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 4px;
}

.points__crumbs .icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 16px;
  height: 16px;
}

.points__crumbs a {
  font-size: 12px;
  font-weight: 400;
  line-height: normal;
  color: #6E6E6E;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.points__crumbs a:hover {
  color: #0E0E0E;
}

.points__crumbs .sep {
  font-size: 12px;
  line-height: normal;
  color: #6E6E6E;
}

.points__crumbs .current {
  font-size: 12px;
  line-height: normal;
  white-space: nowrap;
  color: #212121;
}

.points-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  padding: 24px;
  border-radius: 20px;
  background: #F8F8F8;
}

.points-wrap__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  width: 100%;
}

.points-wrap__intro {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 16px;
  width: 100%;
}

.points-wrap__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 24px;
  width: 100%;
}

.points-wrap__title {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3;
  color: #0E0E0E;
  white-space: nowrap;
}

.points-wrap__note {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
  color: #212121;
}

.points-wrap__descr {
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  color: #0E0E0E;
}

.points-wrap__tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 4px;
  width: 100%;
}

.points-select {
  position: relative;
  max-width: 298px;
  width: 100%;
}

.points-select__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  font-family: "Inter", sans-serif;
  border: none;
  background: none;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 24px;
  width: 100%;
  min-height: 48px;
  padding: 0 16px;
  border-radius: 100px;
  background: #F8F8F8;
  -webkit-box-shadow: inset 0 0 0 1px #6E6E6E;
          box-shadow: inset 0 0 0 1px #6E6E6E;
}

.points-select__btn .text {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: #6E6E6E;
  text-align: left;
}

.points-select__btn .ico {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 16px;
          flex: 0 0 16px;
  width: 16px;
  height: 16px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.points-select__drop {
  position: absolute;
  left: 0;
  top: calc(100% + 8px);
  z-index: 5;
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  max-height: 280px;
  overflow-y: auto;
  padding: 8px;
  border-radius: 20px;
  background: #FFFFFF;
  -webkit-box-shadow: 0 8px 24px rgba(14, 14, 14, 0.12);
          box-shadow: 0 8px 24px rgba(14, 14, 14, 0.12);
}

.points-select__drop .opt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  font-family: "Inter", sans-serif;
  border: none;
  background: none;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 8px 12px;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  color: #212121;
  text-align: left;
}

.points-select__drop .opt:hover {
  background: #F8F8F8;
}

.points-select__drop .opt.is-active {
  background: #EEEEEE;
}

.points-select.is-open .points-select__btn .ico {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.points-select.is-open .points-select__drop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.points-map {
  position: relative;
  min-height: 468px;
  width: 100%;
}

.points-map__inner {
  position: absolute;
  left: 50%;
  top: 0;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  max-width: 700px;
  width: 100%;
  aspect-ratio: 700/468.418;
}

.points-map__img {
  display: block;
  width: 100%;
  height: 100%;
}

.points-map__img .region {
  cursor: pointer;
}

.points-map__img .region path {
  fill: #C4C4C4;
  -webkit-transition: fill 0.3s;
  transition: fill 0.3s;
}

.points-map__img .region:hover path {
  fill: #A9A9A9;
}

.points-map__img .region.is-active path {
  fill: #6E6E6E;
}

.points-map__pin {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  font-family: "Inter", sans-serif;
  border: none;
  background: none;
  position: absolute;
  width: 4.3243%;
  aspect-ratio: 1;
  padding: 0;
  border-radius: 50%;
  background: #FFDE16;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
  color: #212121;
}

.points-map__pin:hover,
.points-map__pin.is-active {
  -webkit-box-shadow: 0 0 0 3px rgba(255, 222, 22, 0.35);
          box-shadow: 0 0 0 3px rgba(255, 222, 22, 0.35);
}

.points-map__total {
  position: absolute;
  left: 0;
  bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  color: #0E0E0E;
}

.points-list [hidden],
.points-group__body [hidden] {
  display: none;
}

.points-list__empty {
  padding: 8px 0;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  color: #6E6E6E;
}

.points-list__empty[hidden] {
  display: none;
}

.points-wrap__tabs .tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  font-family: "Inter", sans-serif;
  border: none;
  background: none;
  gap: 8px;
  padding: 8px 16px 8px 12px;
  border-radius: 12px;
  background: #EEEEEE;
  color: #212121;
}

.points-wrap__tabs .tab .ico {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 20px;
          flex: 0 0 20px;
  width: 20px;
  height: 20px;
}

.points-wrap__tabs .tab .ico svg {
  display: block;
}

.points-wrap__tabs .tab .text {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
  color: inherit;
  white-space: nowrap;
}

.points-wrap__tabs .tab.is-active {
  background: #0E0E0E;
  color: #F8F8F8;
}

.points-list {
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  width: 100%;
}

.points-list__line {
  position: relative;
  display: block;
  height: 0;
  width: 100%;
}

.points-list__line::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -1px;
  height: 1px;
  background: #EEEEEE;
}

.store {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  width: 100%;
  min-height: 89px;
}

.store--online {
  min-height: 68px;
}

.store__title {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2;
  color: #212121;
}

.store__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
  width: 100%;
}

.store__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  color: #212121;
}

.store__row img {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 16px;
          flex: 0 0 16px;
  width: 16px;
  height: 16px;
}

.store__row a {
  color: inherit;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.store__row a:hover {
  color: #6E6E6E;
}

.store--address {
  width: 100%;
}

.store--address span {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

.store__row--web a {
  font-weight: 500;
  line-height: 1.4;
  text-decoration: underline;
  text-underline-position: from-font;
}

.points-group {
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  padding: 16px;
  border-radius: 20px;
  background: #EEEEEE;
}

.points-group__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  font-family: "Inter", sans-serif;
  border: none;
  background: none;
  gap: 8px;
  padding: 0;
}

.points-group__head .text {
  font-size: clamp(1rem, calc(0.9547101449rem + 0.0019323671 * 100vw), 1.125rem);
  font-weight: 600;
  line-height: 1.2;
  color: #0E0E0E;
  white-space: nowrap;
}

.points-group__head .ico {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 16px;
  height: 16px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.points-group__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  width: 100%;
}

.points-group.is-closed .points-group__head .ico {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.points-group.is-closed .points-group__body {
  display: none;
}

.points[data-view=all] .points-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.points[data-view=services] .points-wrap__tabs,
.points[data-view=stores] .points-wrap__tabs,
.points[data-view=online] .points-wrap__tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.points[data-view=services] .points-list[data-list=services],
.points[data-view=stores] .points-list[data-list=stores],
.points[data-view=online] .points-list[data-list=online] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.points[data-view=all] .points-wrap__tabs {
  display: none;
}

.partner {
  padding: clamp(32px, 6.9vw, 100px) 16px;
}

.partner-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 32px;
  max-width: 488px;
  width: 100%;
  margin: 0 auto;
}

.partner-wrap__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
  width: 100%;
  text-align: center;
}

.partner-wrap__title {
  font-size: clamp(2.125rem, calc(1.6268115942rem + 0.0212560386 * 100vw), 3.5rem);
  font-weight: 600;
  line-height: 1.2;
  color: #0E0E0E;
  white-space: nowrap;
}

.partner-wrap__descr {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: #6E6E6E;
}

.partner-wrap__phone {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  padding: 8px 12px 8px 8px;
  border-radius: 12px;
  -webkit-box-shadow: inset 0 0 0 0.5px #EEEEEE;
          box-shadow: inset 0 0 0 0.5px #EEEEEE;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.partner-wrap__phone .ico {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 32px;
          flex: 0 0 32px;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background: #EEEEEE;
}

.partner-wrap__phone .ico img {
  width: 16px;
  height: 16px;
}

.partner-wrap__phone .text {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 0.121px;
  color: #0E0E0E;
  white-space: nowrap;
}

.partner-wrap__phone:hover {
  -webkit-box-shadow: inset 0 0 0 0.5px #6E6E6E;
          box-shadow: inset 0 0 0 0.5px #6E6E6E;
}

.partner-wrap__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  font-family: "Inter", sans-serif;
  border: none;
  background: none;
  gap: 8px;
  max-width: 400px;
  width: 100%;
  min-height: 64px;
  padding: 0 40px;
  border-radius: 40px;
  background: #212121;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.4;
  color: #FFFFFF;
  text-align: center;
}

.partner-wrap__btn img {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 24px;
          flex: 0 0 24px;
  width: 24px;
  height: 24px;
}

.partner-wrap__btn:hover {
  background: #0E0E0E;
}

.side-panel-sec.side-panel-sec--partner {
  padding: 16px clamp(16px, 4.72vw, 68px);
}

.side-panel-sec.side-panel-sec--partner .side-panel-sec__inner {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 280px 1fr;
  grid-template-columns: 280px 1fr;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 24px;
  max-width: 1304px;
}

.side-panel-sec.side-panel-sec--partner .side-panel-clip {
  position: relative;
  overflow: hidden;
  border-radius: 20px;
}

.side-panel-sec.side-panel-sec--partner .side-panel {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  max-width: none;
}

.side-panel-sec.side-panel-sec--partner .side-panel-clip::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 105px;
  pointer-events: none;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(251, 251, 251, 0)), to(#FBFBFB));
  background: linear-gradient(180deg, rgba(251, 251, 251, 0) 0%, #FBFBFB 100%);
}

.partner-page {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  min-width: 0;
}

.partner-page__crumbs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.partner-page__crumbs .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 4px;
}

.partner-page__crumbs .icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 16px;
  height: 16px;
}

.partner-page__crumbs a {
  font-size: 12px;
  font-weight: 400;
  line-height: normal;
  color: #6E6E6E;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.partner-page__crumbs a:hover {
  color: #0E0E0E;
}

.partner-page__crumbs .sep {
  font-size: 12px;
  line-height: normal;
  color: #6E6E6E;
}

.partner-page__crumbs .current {
  font-size: 12px;
  line-height: normal;
  white-space: nowrap;
  color: #212121;
}

.partner-page-wrap {
  padding: 24px;
  border-radius: 20px;
  background: #F8F8F8;
}

.partner-page-wrap__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}

.partner-page-wrap__title {
  font-size: clamp(1.125rem, calc(1.0797101449rem + 0.0019323671 * 100vw), 1.25rem);
  font-weight: 700;
  line-height: 1.3;
  color: #0E0E0E;
}

.partner-page-wrap__hero {
  position: relative;
  aspect-ratio: 944/280;
  border-radius: 20px;
  overflow: hidden;
}

.partner-page-wrap__hero .bg {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.partner-page-wrap__hero .logo {
  position: absolute;
  right: 40px;
  top: 40px;
  width: 104px;
  height: 107px;
  -webkit-filter: drop-shadow(0 7.569px 3.785px rgba(0, 0, 0, 0.25));
          filter: drop-shadow(0 7.569px 3.785px rgba(0, 0, 0, 0.25));
}

.partner-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 16px;
  padding: 16px;
  background: #FFFFFF;
}

.partner-info__lead {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  max-width: 700px;
  width: 100%;
}

.partner-info__lead p {
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  color: #212121;
}

.partner-info__title {
  font-size: clamp(1rem, calc(0.9547101449rem + 0.0019323671 * 100vw), 1.125rem);
  font-weight: 700;
  line-height: 23px;
  color: #0E0E0E;
}

.partner-info__note {
  width: 100%;
  font-size: 16px;
  font-weight: 700;
  line-height: 21px;
  color: #212121;
}

.partner-info__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  width: 100%;
}

.partner-info__list > .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 16px;
}

.partner-info__list .col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  min-width: 0;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
}

.partner-info__list .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 8px;
  padding: 16px;
  border-radius: 8px;
  background: #F8F8F8;
}

.partner-info__list .item__ico {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 24px;
          flex: 0 0 24px;
  width: 24px;
  height: 24px;
}

.partner-info__list .item__ico img {
  width: 24px;
  height: 24px;
}

.partner-info__list .item__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  min-width: 0;
}

.partner-info__list .item__title {
  font-size: 14px;
  font-weight: 600;
  line-height: 17px;
  color: #0E0E0E;
}

.partner-info__list .item__text {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #070E06;
}

.partner-info__list .col > .item:last-child {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

.modal-overlay {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 50;
  background: rgba(0, 0, 0, 0.4);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.modal-overlay.is-open {
  opacity: 1;
  visibility: visible;
}

.modal {
  position: fixed;
  left: 50%;
  top: 50%;
  z-index: 60;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  max-width: 620px;
  width: calc(100% - 32px);
  padding: 48px 40px 40px;
  border-radius: 24px;
  background: #FFFFFF;
  -webkit-box-shadow: inset 0 0 0 1px #C4C4C4, 0 2px 6px rgba(0, 0, 0, 0.06);
          box-shadow: inset 0 0 0 1px #C4C4C4, 0 2px 6px rgba(0, 0, 0, 0.06);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.modal.is-open {
  opacity: 1;
  visibility: visible;
}

.modal__close {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  font-family: "Inter", sans-serif;
  border: none;
  background: none;
  position: absolute;
  right: 24px;
  top: 24px;
  width: 24px;
  height: 24px;
  padding: 0;
}

.modal__close img {
  width: 24px;
  height: 24px;
}

.modal-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
  width: 100%;
}

.modal-wrap__ico {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 64px;
  height: 64px;
}

.modal-wrap__ico img {
  width: 64px;
  height: 64px;
}

.modal-wrap__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  width: 100%;
  text-align: center;
}

.modal-wrap__title {
  width: 100%;
  font-size: clamp(1.25rem, calc(1.1594202899rem + 0.0038647343 * 100vw), 1.5rem);
  font-weight: 600;
  line-height: 1.2;
  color: #0E0E0E;
}

.modal-wrap__descr {
  max-width: 303px;
  width: 100%;
  font-size: 12px;
  font-weight: 400;
  line-height: normal;
  color: #6E6E6E;
}

.modal-wrap__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  font-family: "Inter", sans-serif;
  border: none;
  background: none;
  gap: 8px;
  width: 100%;
  min-height: 56px;
  padding: 0 40px;
  border-radius: 40px;
  background: #212121;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
  color: #FFFFFF;
  text-align: center;
}

.modal-wrap__btn img {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 24px;
          flex: 0 0 24px;
  width: 24px;
  height: 24px;
}

.modal-wrap__btn:hover {
  background: #0E0E0E;
}

.modal-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  width: 100%;
}

.modal-form__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 8px;
}

.modal-form__row .field {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  min-width: 0;
}

.field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
  min-height: 48px;
  padding: 0 16px;
  border: none;
  border-radius: 100px;
  background: #F8F8F8;
  -webkit-box-shadow: inset 0 0 0 1px #C4C4C4;
          box-shadow: inset 0 0 0 1px #C4C4C4;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.field .in {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  min-width: 0;
}

.field .ico {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 16px;
          flex: 0 0 16px;
  width: 16px;
  height: 16px;
}

.field .ico img {
  width: 16px;
  height: 16px;
}

.field input,
.field textarea {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  min-width: 0;
  width: 100%;
  padding: 0;
  border: none;
  background: none;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: #0E0E0E;
}

.field input::-webkit-input-placeholder, .field textarea::-webkit-input-placeholder {
  color: #C4C4C4;
}

.field input::-moz-placeholder, .field textarea::-moz-placeholder {
  color: #C4C4C4;
}

.field input:-ms-input-placeholder, .field textarea:-ms-input-placeholder {
  color: #C4C4C4;
}

.field input::-ms-input-placeholder, .field textarea::-ms-input-placeholder {
  color: #C4C4C4;
}

.field input::placeholder,
.field textarea::placeholder {
  color: #C4C4C4;
}

.field:focus-within {
  -webkit-box-shadow: inset 0 0 0 1px #7A7C7F;
          box-shadow: inset 0 0 0 1px #7A7C7F;
}

.field--select {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  cursor: pointer;
}

.field--select .val {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  min-width: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: #C4C4C4;
  text-align: left;
}

.field--select .arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 16px;
          flex: 0 0 16px;
  width: 16px;
  height: 16px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.field--select .arrow img {
  width: 16px;
  height: 16px;
}

.field--select.has-value .val {
  color: #0E0E0E;
}

.field--select.has-value .ico img {
  width: 24px;
  height: 24px;
}

.field--select.has-value .ico {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 24px;
          flex: 0 0 24px;
  width: 24px;
  height: 24px;
}

.field--area {
  position: relative;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  min-height: 139px;
  padding: 16px;
  border-radius: 24px;
}

.field--area textarea {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: calc(100% - 20px);
  height: 107px;
  resize: none;
}

.field__clear {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  font-family: "Inter", sans-serif;
  border: none;
  background: none;
  position: absolute;
  right: 16px;
  top: 16px;
  width: 20px;
  height: 20px;
  padding: 0;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}

.field__clear img {
  width: 20px;
  height: 20px;
}

.field__grip {
  position: absolute;
  right: 12px;
  bottom: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 24px;
  height: 24px;
  pointer-events: none;
}

.field__grip img {
  width: 24px;
  height: 24px;
}

.field.is-filled .field__clear {
  opacity: 1;
  visibility: visible;
}

.select {
  position: relative;
  width: 100%;
}

.select__drop {
  position: absolute;
  left: 0;
  top: calc(100% + 8px);
  z-index: 5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  padding: 8px;
  border-radius: 24px;
  background: #FFFFFF;
  -webkit-box-shadow: inset 0 0 0 1px #C4C4C4, 0 2px 6px rgba(0, 0, 0, 0.06);
          box-shadow: inset 0 0 0 1px #C4C4C4, 0 2px 6px rgba(0, 0, 0, 0.06);
  list-style: none;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.select__drop button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  font-family: "Inter", sans-serif;
  border: none;
  background: none;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 8px;
  width: 100%;
  min-height: 40px;
  padding: 0 12px;
  border-radius: 100px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: #0E0E0E;
}

.select__drop button:hover {
  background: #F8F8F8;
}

.select__drop button img {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 24px;
          flex: 0 0 24px;
  width: 24px;
  height: 24px;
}

.select.is-open .select__drop {
  opacity: 1;
  visibility: visible;
}

.select.is-open .field--select .arrow {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.side-panel-sec.side-panel-sec--contacts {
  padding: 16px clamp(16px, 4.72vw, 68px);
}

.side-panel-sec.side-panel-sec--contacts .side-panel-sec__inner {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 280px 1fr;
  grid-template-columns: 280px 1fr;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 24px;
  max-width: 1304px;
}

.side-panel-sec.side-panel-sec--contacts .side-panel-clip {
  position: relative;
  overflow: hidden;
  border-radius: 20px;
}

.side-panel-sec.side-panel-sec--contacts .side-panel {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  max-width: none;
}

.side-panel-sec.side-panel-sec--contacts .side-panel-clip::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 105px;
  pointer-events: none;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(251, 251, 251, 0)), to(#FBFBFB));
  background: linear-gradient(180deg, rgba(251, 251, 251, 0) 0%, #FBFBFB 100%);
}

.contacts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  min-width: 0;
}

.contacts__crumbs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.contacts__crumbs .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 4px;
  width: 100%;
}

.contacts__crumbs .icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 16px;
  height: 16px;
}

.contacts__crumbs .icon img {
  width: 16px;
  height: 16px;
}

.contacts__crumbs a,
.contacts__crumbs .current,
.contacts__crumbs .sep {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: normal;
  color: #6E6E6E;
  white-space: nowrap;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.contacts__crumbs .sep {
  min-width: 5px;
  text-align: center;
}

.contacts__crumbs .current {
  color: #212121;
}

.contacts-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  padding: 24px;
  border-radius: 20px;
  background: #F8F8F8;
}

.contacts-wrap__title {
  font-size: clamp(1.125rem, calc(1.0797101449rem + 0.0019323671 * 100vw), 1.25rem);
  font-weight: 700;
  line-height: 1.3;
  color: #0E0E0E;
}

.contacts-wrap__map {
  position: relative;
  overflow: hidden;
  border-radius: 20px;
  aspect-ratio: 952/280;
}

.contacts-wrap__map img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.contacts-wrap__card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
  padding: 16px;
  border-radius: 20px;
  background: #FFFFFF;
}

.contacts-wrap__card-title {
  display: none;
  font-size: 18px;
  font-weight: 700;
  line-height: 23px;
  color: #0E0E0E;
}

.contacts-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}

.contacts-list .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}

.contacts-list .item__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 32px;
          flex: 0 0 32px;
  height: 32px;
}

.contacts-list .item__icon img {
  width: 32px;
  height: 32px;
}

.contacts-list .item__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 4px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  min-width: 0;
}

.contacts-list .item__label {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: #0E0E0E;
}

.contacts-list .item__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.contacts-list .item__value {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: #212121;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.contacts-list .item a.item__value:hover {
  color: #0E0E0E;
}

.contacts-socials {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}

.contacts-socials__title {
  font-size: 14px;
  font-weight: 600;
  line-height: 17px;
  color: #0E0E0E;
}

.contacts-socials__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
}

.contacts-socials .social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 72px;
          flex: 0 0 72px;
  height: 72px;
  border-radius: 100px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.contacts-socials .social img {
  width: 72px;
  height: 72px;
}

.contacts-socials .social:hover {
  opacity: 0.8;
}

.side-panel-sec.side-panel-sec--about {
  padding: 16px clamp(16px, 4.72vw, 68px);
}

.side-panel-sec.side-panel-sec--about .side-panel-sec__inner {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 280px 1fr;
  grid-template-columns: 280px 1fr;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 24px;
  max-width: 1304px;
}

.side-panel-sec.side-panel-sec--about .side-panel-clip {
  position: relative;
  overflow: hidden;
  border-radius: 20px;
}

.side-panel-sec.side-panel-sec--about .side-panel {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  max-width: none;
}

.side-panel-sec.side-panel-sec--about .side-panel-clip::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 105px;
  pointer-events: none;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(251, 251, 251, 0)), to(#FBFBFB));
  background: linear-gradient(180deg, rgba(251, 251, 251, 0) 0%, #FBFBFB 100%);
}

.about {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  min-width: 0;
}

.about__crumbs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.about__crumbs .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 4px;
}

.about__crumbs .icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 16px;
  height: 16px;
}

.about__crumbs .icon img {
  width: 16px;
  height: 16px;
}

.about__crumbs a {
  font-size: 12px;
  font-weight: 400;
  line-height: normal;
  color: #6E6E6E;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.about__crumbs a:hover {
  color: #0E0E0E;
}

.about__crumbs .sep {
  min-width: 5px;
  font-size: 12px;
  line-height: normal;
  color: #6E6E6E;
}

.about__crumbs .current {
  font-size: 12px;
  line-height: normal;
  white-space: nowrap;
  color: #212121;
}

.about-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  padding: 24px;
  border-radius: 20px;
  background: #F8F8F8;
  overflow: hidden;
}

.about-card__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}

.about-card__title {
  font-size: clamp(1.125rem, calc(1.0797101449rem + 0.0019323671 * 100vw), 1.25rem);
  font-weight: 700;
  line-height: 1.3;
  color: #0E0E0E;
}

.about-card__hero {
  position: relative;
  aspect-ratio: 944/280;
  border-radius: 20px;
  overflow: hidden;
}

.about-card__hero picture {
  display: block;
  width: 100%;
  height: 100%;
}

.about-card__hero .bg {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.about-card__hero .logo {
  position: absolute;
  right: 40px;
  top: 40px;
  width: 104px;
  height: 107px;
  -webkit-filter: drop-shadow(0 7.569px 3.785px rgba(0, 0, 0, 0.25));
          filter: drop-shadow(0 7.569px 3.785px rgba(0, 0, 0, 0.25));
}

.about-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 16px;
}

.about-text__title {
  display: none;
  width: 100%;
  font-size: 18px;
  font-weight: 700;
  line-height: 23px;
  color: #0E0E0E;
}

.about-text__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  max-width: 700px;
  width: 100%;
  color: #0E0E0E;
}

.about-text__body p {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}

.about-text__body p.about-text__lead {
  font-size: clamp(1rem, calc(0.9547101449rem + 0.0019323671 * 100vw), 1.125rem);
  font-weight: 700;
  line-height: 23px;
}

.about-videos {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 8px;
  width: 100%;
  aspect-ratio: 944/325;
  min-height: 0;
}

.about-videos .short,
.about-videos .video {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  min-width: 0;
  height: 100%;
  border-radius: 20px;
  overflow: hidden;
}

.about-videos .short {
  aspect-ratio: 9/16;
}

.about-videos .short picture {
  display: block;
  width: 100%;
  height: 100%;
}

.about-videos .short img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.about-videos .video {
  aspect-ratio: 548/325;
}

.about-videos .video__thumb {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.about-videos .video__yt {
  position: absolute;
  left: 24px;
  top: 24.75px;
  width: 103px;
  height: 23.25px;
  -o-object-fit: cover;
     object-fit: cover;
}

.about-videos .video__play {
  position: absolute;
  left: 50%;
  top: calc(50% + 0.5px);
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 36px;
  height: 36px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 100px;
  -webkit-box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.25);
}

.about-videos .video__play img {
  width: 36px;
  height: 36px;
}

.about-videos::after {
  content: "";
  position: absolute;
  right: -26px;
  top: 50%;
  width: 80px;
  height: calc(100% + 3px);
  -webkit-transform: translateY(calc(-50% - 1.5px));
      -ms-transform: translateY(calc(-50% - 1.5px));
          transform: translateY(calc(-50% - 1.5px));
  pointer-events: none;
  background: -webkit-gradient(linear, left top, right top, from(rgba(248, 248, 248, 0)), to(#F8F8F8));
  background: linear-gradient(90deg, rgba(248, 248, 248, 0) 0%, #F8F8F8 100%);
}

.about-videos__arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  font-family: "Inter", sans-serif;
  border: none;
  background: none;
  position: absolute;
  right: 0;
  top: calc(50% + 2.5px);
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 40px;
  height: 40px;
  padding: 0;
  border-radius: 100px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  background: rgba(255, 255, 255, 0.5);
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.08);
          box-shadow: 0 0 8px rgba(0, 0, 0, 0.08);
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
}

.about-videos__arrow .ico {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 24px;
  height: 24px;
}

.side-panel-sec.side-panel-sec--terms {
  padding: 16px clamp(16px, 4.72vw, 68px);
}

.side-panel-sec.side-panel-sec--terms .side-panel-sec__inner {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 280px 1fr;
  grid-template-columns: 280px 1fr;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 24px;
  max-width: 1304px;
}

.side-panel-sec.side-panel-sec--terms .side-panel-clip {
  position: relative;
  overflow: hidden;
  border-radius: 20px;
}

.side-panel-sec.side-panel-sec--terms .side-panel {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  max-width: none;
}

.side-panel-sec.side-panel-sec--terms .side-panel-clip::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 105px;
  pointer-events: none;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(251, 251, 251, 0)), to(#FBFBFB));
  background: linear-gradient(180deg, rgba(251, 251, 251, 0) 0%, #FBFBFB 100%);
}

.terms {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  min-width: 0;
}

.terms__crumbs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.terms__crumbs .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 4px;
}

.terms__crumbs .icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 16px;
  height: 16px;
}

.terms__crumbs .icon img {
  width: 16px;
  height: 16px;
}

.terms__crumbs a {
  font-size: 12px;
  font-weight: 400;
  line-height: normal;
  color: #6E6E6E;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.terms__crumbs a:hover {
  color: #0E0E0E;
}

.terms__crumbs .sep {
  min-width: 5px;
  font-size: 12px;
  line-height: normal;
  color: #6E6E6E;
}

.terms__crumbs .current {
  font-size: 12px;
  line-height: normal;
  white-space: nowrap;
  color: #212121;
}

.terms-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 16px;
  width: 100%;
  max-width: 700px;
  padding: 24px;
  background: #FFFFFF;
  word-break: break-word;
}

.terms-wrap__title {
  width: 100%;
  font-size: clamp(1rem, calc(0.9547101449rem + 0.0019323671 * 100vw), 1.125rem);
  font-weight: 700;
  line-height: 23px;
  color: #0E0E0E;
}

.terms-wrap__lead {
  width: 100%;
  color: #0E0E0E;
}

.terms-wrap__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  width: 100%;
  font-size: clamp(0.875rem, calc(0.8297101449rem + 0.0019323671 * 100vw), 1rem);
  font-weight: 700;
  line-height: 21px;
  white-space: nowrap;
  color: #070E06;
}

.terms-wrap__body {
  width: 100%;
  color: #070E06;
}

.terms-wrap__body p {
  letter-spacing: 0.025px;
}

.terms-wrap__lead p,
.terms-wrap__body p {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  white-space: pre-wrap;
}

.terms-wrap__lead p.br,
.terms-wrap__body p.br {
  height: 24px;
}

.terms-wrap__lead b,
.terms-wrap__body b {
  font-weight: 600;
}

.side-panel-sec.side-panel-sec--support {
  padding: 16px clamp(16px, 4.72vw, 68px);
}

.side-panel-sec.side-panel-sec--support .side-panel-sec__inner {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 280px 1fr;
  grid-template-columns: 280px 1fr;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 24px;
  max-width: 1304px;
}

.side-panel-sec.side-panel-sec--support .side-panel-clip {
  position: relative;
  overflow: hidden;
  border-radius: 20px;
}

.side-panel-sec.side-panel-sec--support .side-panel {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  max-width: none;
}

.side-panel-sec.side-panel-sec--support .side-panel-clip::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 105px;
  pointer-events: none;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(251, 251, 251, 0)), to(#FBFBFB));
  background: linear-gradient(180deg, rgba(251, 251, 251, 0) 0%, #FBFBFB 100%);
}

.support {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  min-width: 0;
}

.support__crumbs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.support__crumbs .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 4px;
}

.support__crumbs .icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 16px;
  height: 16px;
}

.support__crumbs .icon img {
  width: 16px;
  height: 16px;
}

.support__crumbs a {
  font-size: 12px;
  font-weight: 400;
  line-height: normal;
  color: #6E6E6E;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.support__crumbs a:hover {
  color: #0E0E0E;
}

.support__crumbs .sep {
  min-width: 5px;
  font-size: 12px;
  line-height: normal;
  color: #6E6E6E;
}

.support__crumbs .current {
  font-size: 12px;
  line-height: normal;
  white-space: nowrap;
  color: #212121;
}

.support-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 24px;
  width: 100%;
  max-width: 700px;
  padding: 24px;
  background: #FFFFFF;
}

.support-wrap__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  width: 100%;
}

.support-wrap__title {
  width: 100%;
  font-size: clamp(1rem, calc(0.9547101449rem + 0.0019323671 * 100vw), 1.125rem);
  font-weight: 700;
  line-height: 23px;
  color: #0E0E0E;
}

.support-acc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
  width: 100%;
}

.support-acc .acc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  width: 100%;
  padding: 8px;
  border-radius: 8px;
  background: #F8F8F8;
}

.support-acc .acc__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  font-family: "Inter", sans-serif;
  text-align: left;
  cursor: pointer;
}

.support-acc .acc__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 20px;
          flex: 0 0 20px;
  height: 20px;
}

.support-acc .acc__icon img {
  width: 20px;
  height: 20px;
}

.support-acc .acc__title {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  min-width: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  color: #212121;
}

.support-acc .acc__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding: 6px;
  border-radius: 100px;
  background: rgba(255, 255, 255, 0.1);
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
          box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.support-acc .acc__btn img {
  width: 16px;
  height: 16px;
}

.support-acc .acc__chev--up {
  display: none;
}

.support-acc .acc__body {
  display: none;
  width: 100%;
}

.support-acc .acc__body p {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: #0E0E0E;
}

.support-acc .acc.is-open .acc__btn {
  background: #FFDE16;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-filter: drop-shadow(0 2px 3px rgba(0, 0, 0, 0.06));
          filter: drop-shadow(0 2px 3px rgba(0, 0, 0, 0.06));
}

.support-acc .acc.is-open .acc__chev--down {
  display: none;
}

.support-acc .acc.is-open .acc__chev--up {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.support-acc .acc.is-open .acc__body {
  display: block;
}

.support-contacts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 32px;
  width: 100%;
  padding: 16px;
  background: #FFFFFF;
}

.support-contacts__title {
  width: 100%;
  font-size: clamp(1rem, calc(0.9547101449rem + 0.0019323671 * 100vw), 1.125rem);
  font-weight: 700;
  line-height: 23px;
  color: #0E0E0E;
}

.support-contacts .contacts-socials {
  gap: 24px;
}

.ui-kit {
  padding: 40px clamp(16px, 4.72vw, 68px) 80px;
}

.ui-kit__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 40px;
  max-width: 1304px;
  margin: 0 auto;
}

.ui-kit__h1 {
  font-size: clamp(1.5rem, calc(1.3188405797rem + 0.0077294686 * 100vw), 2rem);
  font-weight: 700;
  line-height: 1.3;
  color: #0E0E0E;
}

.ui-kit__h2 {
  font-size: clamp(1rem, calc(0.9547101449rem + 0.0019323671 * 100vw), 1.125rem);
  font-weight: 600;
  line-height: 1.3;
  color: #0E0E0E;
}

.ui-kit__block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}

.ui-kit__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
}

.ui-btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 8px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0;
  border: 1px solid transparent;
  border-radius: 40px;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.ui-btn--lg {
  min-width: 224px;
  height: 56px;
  padding: 0 40px;
  font-size: 16px;
  line-height: 1.4;
}

.ui-btn--md {
  min-width: 206px;
  height: 48px;
  padding: 0 40px;
  font-size: 14px;
  line-height: 1.4;
}

.ui-btn--sm {
  min-width: 188px;
  height: 40px;
  padding: 0 40px;
  font-size: 12px;
  line-height: 1.4;
}

.ui-btn--main {
  background: #212121;
  color: #FFFFFF;
}

.ui-btn--main:hover {
  background: #FFDE16;
  color: #0E0E0E;
}

.ui-btn--main:active {
  background: #0E0E0E;
  color: #FFFFFF;
}

.ui-btn--main:disabled,
.ui-btn--main.is-disabled {
  background: #6E6E6E;
  color: #C4C4C4;
  pointer-events: none;
}

.ui-btn--secondary {
  border-color: #212121;
  background: none;
  color: #212121;
}

.ui-btn--secondary:hover {
  border-color: #FFDE16;
  background: #FFDE16;
  color: #212121;
}

.ui-btn--secondary:active {
  border-color: #0E0E0E;
  background: none;
  color: #0E0E0E;
}

.ui-btn--secondary:disabled,
.ui-btn--secondary.is-disabled {
  border-color: #C4C4C4;
  background: none;
  color: #C4C4C4;
  pointer-events: none;
}

.ui-btn--grey {
  padding-left: 8px;
  padding-right: 8px;
  background: #F8F8F8;
  font-weight: 600;
  line-height: 1.2;
  color: #212121;
}

.ui-btn--grey.ui-btn--lg {
  min-width: 204px;
  height: 48px;
  font-size: 16px;
}

.ui-btn--grey.ui-btn--md {
  min-width: 157px;
  height: 40px;
  font-size: 12px;
}

.ui-btn--grey.ui-btn--sm {
  min-width: 157px;
  height: 32px;
  font-size: 12px;
}

.ui-btn--grey:hover {
  background: #FFDE16;
}

.ui-btn--grey:active {
  background: #0E0E0E;
  color: #FFFFFF;
}

.ui-btn--grey:disabled,
.ui-btn--grey.is-disabled {
  background: #C4C4C4;
  color: #7A7C7F;
  pointer-events: none;
}

.ui-btn-arrow {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 8px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0;
  padding: 16px 0;
  border: 0;
  border-bottom: 1px solid #212121;
  background: none;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  color: #212121;
  white-space: nowrap;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.ui-btn-arrow .ico {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.ui-btn-arrow .ico svg {
  display: block;
  width: 100%;
  height: 100%;
}

.ui-btn-arrow--lg {
  height: 48px;
  font-size: 24px;
  line-height: 1.4;
}

.ui-btn-arrow--lg .ico {
  width: 24px;
  height: 24px;
}

.ui-btn-arrow--md {
  height: 48px;
  font-size: 20px;
  line-height: 1.2;
}

.ui-btn-arrow--md .ico {
  width: 24px;
  height: 24px;
}

.ui-btn-arrow--sm {
  height: 40px;
  padding: 8px 0;
  font-size: 16px;
  line-height: 1.4;
}

.ui-btn-arrow--sm .ico {
  width: 16px;
  height: 16px;
}

.ui-btn-arrow:hover {
  border-bottom-color: #FFDE16;
  color: #FFDE16;
}

.ui-btn-arrow:hover .ico {
  -webkit-transform: scale(1.166);
      -ms-transform: scale(1.166);
          transform: scale(1.166);
}

.ui-btn-arrow:active {
  border-bottom-color: #212121;
  color: #212121;
}

.ui-btn-arrow:active .ico {
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}

.ui-btn-arrow:disabled,
.ui-btn-arrow.is-disabled {
  border-bottom-color: #C4C4C4;
  color: #C4C4C4;
  pointer-events: none;
}

.ui-check,
.ui-radio {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.ui-check input,
.ui-radio input {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
  pointer-events: none;
}

.ui-check .box,
.ui-radio .box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border: 1.5px solid #C4C4C4;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.ui-check .text,
.ui-radio .text {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: #212121;
}

.ui-check:hover .box,
.ui-radio:hover .box {
  border-color: #212121;
}

.ui-check.is-disabled,
.ui-radio.is-disabled {
  pointer-events: none;
}

.ui-check.is-disabled .box,
.ui-radio.is-disabled .box {
  border-color: #EEEEEE;
}

.ui-check.is-disabled .text,
.ui-radio.is-disabled .text {
  color: #C4C4C4;
}

.ui-check .box {
  width: 24px;
  height: 24px;
  border-radius: 6px;
}

.ui-check .box svg {
  width: 12px;
  height: 12px;
  opacity: 0;
  color: #0E0E0E;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.ui-check--md .box {
  width: 20px;
  height: 20px;
}

.ui-check--sm .box {
  width: 16px;
  height: 16px;
  border-width: 1px;
  border-radius: 4px;
}

.ui-check--sm .box svg {
  width: 10px;
  height: 10px;
}

.ui-check input:checked ~ .box {
  border-color: transparent;
  background: #FFDE16;
}

.ui-check input:checked ~ .box svg {
  opacity: 1;
}

.ui-radio .box {
  width: 24px;
  height: 24px;
  border-radius: 50%;
}

.ui-radio .box::before {
  content: "";
  display: block;
  width: 66.6%;
  height: 66.6%;
  border-radius: 50%;
  background: #FFDE16;
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.ui-radio--md .box {
  width: 20px;
  height: 20px;
}

.ui-radio--sm .box {
  width: 16px;
  height: 16px;
  border-width: 1px;
}

.ui-radio input:checked ~ .box {
  border-color: #212121;
}

.ui-radio input:checked ~ .box::before {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}

.ui-field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  width: 100%;
  max-width: 320px;
}

.ui-field__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  height: 48px;
  padding: 0 16px;
  border: 1px solid #C4C4C4;
  border-radius: 100px;
  background: #F8F8F8;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.ui-field__ico {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 16px;
  height: 16px;
  color: #C4C4C4;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.ui-field__ico svg {
  display: block;
  width: 100%;
  height: 100%;
}

.ui-field input {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  min-width: 0;
  padding: 0;
  border: 0;
  background: none;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: #212121;
}

.ui-field input::-webkit-input-placeholder {
  color: #C4C4C4;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.ui-field input::-moz-placeholder {
  color: #C4C4C4;
  -moz-transition: 0.3s;
  transition: 0.3s;
}

.ui-field input:-ms-input-placeholder {
  color: #C4C4C4;
  -ms-transition: 0.3s;
  transition: 0.3s;
}

.ui-field input::-ms-input-placeholder {
  color: #C4C4C4;
  -ms-transition: 0.3s;
  transition: 0.3s;
}

.ui-field input::placeholder {
  color: #C4C4C4;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.ui-field__clear {
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 20px;
  height: 20px;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  color: #212121;
  cursor: pointer;
}

.ui-field__clear svg {
  display: block;
  width: 100%;
  height: 100%;
}

.ui-field__msg {
  padding: 0 24px;
  font-size: 12px;
  font-weight: 400;
  line-height: normal;
  color: #ED4B4B;
}

.ui-field__row:hover {
  border-color: #6E6E6E;
}

.ui-field__row:hover .ui-field__ico {
  color: #6E6E6E;
}

.ui-field__row:hover input::-webkit-input-placeholder {
  color: #6E6E6E;
}

.ui-field__row:hover input::-moz-placeholder {
  color: #6E6E6E;
}

.ui-field__row:hover input:-ms-input-placeholder {
  color: #6E6E6E;
}

.ui-field__row:hover input::-ms-input-placeholder {
  color: #6E6E6E;
}

.ui-field__row:hover input::placeholder {
  color: #6E6E6E;
}

.ui-field__row:focus-within {
  border-color: #6E6E6E;
}

.ui-field__row:focus-within .ui-field__ico {
  color: #212121;
}

.ui-field.is-filled .ui-field__row {
  border-color: #6E6E6E;
  padding-right: 0;
}

.ui-field.is-filled .ui-field__ico {
  color: #212121;
}

.ui-field.is-filled .ui-field__clear {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 52px;
  padding: 8px 16px;
}

.ui-field.is-filled .ui-field__clear svg {
  width: 20px;
  height: 20px;
}

.ui-field.is-error .ui-field__row {
  border-color: #ED4B4B;
}

.ui-field.is-disabled {
  pointer-events: none;
}

.ui-field.is-disabled .ui-field__row {
  border-color: #C4C4C4;
}

.ui-field.is-disabled .ui-field__ico {
  color: #C4C4C4;
}

.ui-field.is-disabled input {
  color: #C4C4C4;
}

.form-wrap__btn,
.modal-wrap__btn,
.partner-wrap__btn,
.product-head__btn,
.category-wrap__more,
.blog-page__more {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.form-wrap__btn:hover,
.modal-wrap__btn:hover,
.partner-wrap__btn:hover,
.product-head__btn:hover,
.category-wrap__more:hover,
.blog-page__more:hover {
  background: #FFDE16;
  color: #0E0E0E;
}

.form-wrap__btn:active,
.modal-wrap__btn:active,
.partner-wrap__btn:active,
.product-head__btn:active,
.category-wrap__more:active,
.blog-page__more:active {
  background: #0E0E0E;
  color: #FFFFFF;
}

.form-wrap__btn:disabled,
.modal-wrap__btn:disabled,
.partner-wrap__btn:disabled,
.product-head__btn:disabled,
.category-wrap__more:disabled,
.blog-page__more:disabled {
  background: #6E6E6E;
  color: #C4C4C4;
  pointer-events: none;
}

.partner-box__btn {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.partner-box__btn:hover {
  background: #FFDE16;
  color: #0E0E0E;
}

.partner-box__btn:active {
  background: #0E0E0E;
  color: #FFFFFF;
}

.equipment__arrow,
.brand-products__arrow,
.accessories__arrow,
.blog__arrow,
.related-wrap__arrow,
.also__arrow,
.about-videos__arrow,
.cats-wrap__arrow,
.article-rec__arrow,
.product-gallery__arrow {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.equipment__arrow:hover,
.brand-products__arrow:hover,
.accessories__arrow:hover,
.blog__arrow:hover,
.related-wrap__arrow:hover,
.also__arrow:hover,
.about-videos__arrow:hover,
.cats-wrap__arrow:hover,
.article-rec__arrow:hover,
.product-gallery__arrow:hover {
  background: #FFDE16;
}

.equipment__arrow:active,
.brand-products__arrow:active,
.accessories__arrow:active,
.blog__arrow:active,
.related-wrap__arrow:active,
.also__arrow:active,
.about-videos__arrow:active,
.cats-wrap__arrow:active,
.article-rec__arrow:active,
.product-gallery__arrow:active {
  background: #0E0E0E;
}

.equipment__arrow:active img,
.brand-products__arrow:active img,
.accessories__arrow:active img,
.blog__arrow:active img,
.related-wrap__arrow:active img,
.also__arrow:active img,
.about-videos__arrow:active img,
.cats-wrap__arrow:active img,
.article-rec__arrow:active img,
.product-gallery__arrow:active img {
  -webkit-filter: invert(1);
          filter: invert(1);
}

.categories-wrap .item,
.lens-picker-wrap .card {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.categories-wrap .item:hover,
.lens-picker-wrap .card:hover {
  -webkit-box-shadow: inset 0 0 0 1px #C4C4C4;
          box-shadow: inset 0 0 0 1px #C4C4C4;
}

.equipment-wrap .item,
.brand-products-wrap .item,
.related-wrap .item,
.category-wrap .item,
.article-rec .item {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.equipment-wrap .item:hover,
.brand-products-wrap .item:hover,
.related-wrap .item:hover,
.category-wrap .item:hover,
.article-rec .item:hover {
  -webkit-box-shadow: inset 0 0 0 1px #C4C4C4;
          box-shadow: inset 0 0 0 1px #C4C4C4;
}

.brand__btn:hover {
  background: #FFDE16;
}

.product-gallery__thumbs .item {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.product-gallery__thumbs .item:hover {
  -webkit-box-shadow: inset 0 0 0 1px #C4C4C4;
          box-shadow: inset 0 0 0 1px #C4C4C4;
}

.product-gallery__thumbs .item.item--active {
  -webkit-box-shadow: inset 0 0 0 1px #FFDE16;
          box-shadow: inset 0 0 0 1px #FFDE16;
}

.search-page-wrap__tabs .tab:hover:not(.tab--active),
.category-wrap__tabs .tab:hover:not(.tab--active),
.points-wrap__tabs .tab:hover:not(.tab--active),
.header-wrap__tabs .tab:hover:not(.tab--active) {
  background: #F8F8F8;
  -webkit-box-shadow: inset 0 0 0 1px #C4C4C4;
          box-shadow: inset 0 0 0 1px #C4C4C4;
}

.search-page-wrap__tabs .tab:active:not(.tab--active),
.category-wrap__tabs .tab:active:not(.tab--active),
.points-wrap__tabs .tab:active:not(.tab--active),
.header-wrap__tabs .tab:active:not(.tab--active) {
  background: #212121;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #FFFFFF;
}

.field:hover,
.field:focus-within {
  -webkit-box-shadow: inset 0 0 0 1px #6E6E6E;
          box-shadow: inset 0 0 0 1px #6E6E6E;
}

.select.is-open .field {
  -webkit-box-shadow: inset 0 0 0 1px #6E6E6E;
          box-shadow: inset 0 0 0 1px #6E6E6E;
}

.select__drop button {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.select__drop button:hover {
  background: #F8F8F8;
}

.header-wrap__lang {
  position: relative;
  cursor: pointer;
}

.header-wrap__lang .arrow {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.header-wrap__lang.is-open .arrow {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.lang-drop {
  position: absolute;
  right: 0;
  top: calc(100% + 8px);
  z-index: 10;
  width: 320px;
  padding: 16px;
  border-radius: 24px;
  background: #FFFFFF;
  -webkit-box-shadow: inset 0 0 0 1px #EEEEEE, 0 2px 6px rgba(0, 0, 0, 0.06);
          box-shadow: inset 0 0 0 1px #EEEEEE, 0 2px 6px rgba(0, 0, 0, 0.06);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.is-open .lang-drop {
  opacity: 1;
  visibility: visible;
}

.lang-drop__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  max-height: 464px;
  overflow-y: auto;
}

.lang-drop .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  font-family: "Inter", sans-serif;
  text-align: left;
  cursor: pointer;
}

.lang-drop .item__flag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 24px;
  height: 24px;
}

.lang-drop .item__flag img {
  width: 24px;
  height: 24px;
}

.lang-drop .item__text {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  min-width: 0;
  font-size: 12px;
  font-weight: 400;
  line-height: normal;
  color: #212121;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.lang-drop .item__radio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 20px;
  height: 20px;
  border: 1.5px solid #C4C4C4;
  border-radius: 50%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.lang-drop .item__radio::before {
  content: "";
  display: block;
  width: 66.6%;
  height: 66.6%;
  border-radius: 50%;
  background: #FFDE16;
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.lang-drop .item:hover .item__radio {
  border-color: #212121;
}

.lang-drop .item.is-active .item__radio {
  border-color: #212121;
}

.lang-drop .item.is-active .item__radio::before {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}

.note__more,
.seo-text-wrap__more,
.product-specs__more,
.product-desc__more,
.item__more {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.note__more:hover,
.seo-text-wrap__more:hover,
.product-specs__more:hover,
.product-desc__more:hover,
.item__more:hover {
  color: #FFDE16;
}

.note__more:hover img,
.seo-text-wrap__more:hover img,
.product-specs__more:hover img,
.product-desc__more:hover img,
.item__more:hover img {
  -webkit-filter: invert(84%) sepia(88%) saturate(1352%) hue-rotate(354deg) brightness(103%) contrast(101%);
          filter: invert(84%) sepia(88%) saturate(1352%) hue-rotate(354deg) brightness(103%) contrast(101%);
}

.typo {
  color: #0E0E0E;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}

.typo h1,
.typo h2,
.typo h3,
.typo h4,
.typo h5,
.typo h6 {
  margin: 0 0 16px;
  color: #0E0E0E;
  font-weight: 700;
  line-height: 1.2;
}

.typo h1:not(:first-child),
.typo h2:not(:first-child),
.typo h3:not(:first-child),
.typo h4:not(:first-child),
.typo h5:not(:first-child),
.typo h6:not(:first-child) {
  margin-top: 32px;
}

.typo h1 {
  font-size: clamp(1.75rem, calc(1.4782608696rem + 0.0115942029 * 100vw), 2.5rem);
}

.typo h2 {
  font-size: clamp(1.5rem, calc(1.3188405797rem + 0.0077294686 * 100vw), 2rem);
}

.typo h3 {
  font-size: clamp(1.25rem, calc(1.1594202899rem + 0.0038647343 * 100vw), 1.5rem);
}

.typo h4 {
  font-size: clamp(1.125rem, calc(1.0797101449rem + 0.0019323671 * 100vw), 1.25rem);
}

.typo h5 {
  font-size: clamp(1rem, calc(0.9547101449rem + 0.0019323671 * 100vw), 1.125rem);
}

.typo h6 {
  font-size: 16px;
}

.typo p {
  margin: 0 0 16px;
}

.typo ul,
.typo ol {
  margin: 0 0 16px;
  padding-left: 21px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
}

.typo ul {
  list-style: disc;
}

.typo ol {
  list-style: decimal;
}

.typo li {
  list-style: inherit;
}

.typo b,
.typo strong {
  font-weight: 600;
}

.typo a {
  color: #0E0E0E;
  text-decoration: underline;
  text-underline-offset: 2px;
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.typo a:hover {
  color: #FFDE16;
}

.typo > :last-child {
  margin-bottom: 0;
}

.product-desc__body a,
.seo-text-wrap__body a,
.article-body__rich a,
.terms-wrap__body a {
  text-decoration: underline;
  text-underline-offset: 2px;
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.product-desc__body a:hover,
.seo-text-wrap__body a:hover,
.article-body__rich a:hover,
.terms-wrap__body a:hover {
  color: #FFDE16;
}

.product-desc__body ol,
.seo-text-wrap__body ol,
.article-body__rich ol,
.terms-wrap__body ol {
  list-style: decimal;
  padding-left: 21px;
}

.accessories-wrap__list,
.equipment-wrap__list,
.brand-products-wrap__list,
.blog-wrap__list,
.related-wrap__list,
.cats-wrap__list,
.also__list,
.about-videos,
.product-gallery__thumbs {
  cursor: -webkit-grab;
  cursor: grab;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -ms-touch-action: pan-y;
      touch-action: pan-y;
}

.accessories-wrap__list.is-dragging,
.equipment-wrap__list.is-dragging,
.brand-products-wrap__list.is-dragging,
.blog-wrap__list.is-dragging,
.related-wrap__list.is-dragging,
.cats-wrap__list.is-dragging,
.also__list.is-dragging,
.about-videos.is-dragging,
.product-gallery__thumbs.is-dragging {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.accessories-wrap__list img,
.equipment-wrap__list img,
.brand-products-wrap__list img,
.blog-wrap__list img,
.related-wrap__list img,
.cats-wrap__list img,
.also__list img,
.about-videos img,
.product-gallery__thumbs img {
  pointer-events: none;
}

.accessories [class$=__fade],
.accessories [class$=__blur],
.equipment [class$=__fade],
.equipment [class$=__blur],
.brand-products [class$=__fade],
.brand-products [class$=__blur],
.blog [class$=__fade],
.blog [class$=__blur],
.related [class$=__fade],
.related [class$=__blur],
.cats [class$=__fade],
.cats [class$=__blur],
.also [class$=__fade],
.also [class$=__blur],
.about-card [class$=__fade],
.about-card [class$=__blur] {
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

.accessories [class$=__arrow] img,
.accessories [class$=__arrow] .ico,
.equipment [class$=__arrow] img,
.equipment [class$=__arrow] .ico,
.brand-products [class$=__arrow] img,
.brand-products [class$=__arrow] .ico,
.blog [class$=__arrow] img,
.blog [class$=__arrow] .ico,
.related [class$=__arrow] img,
.related [class$=__arrow] .ico,
.cats [class$=__arrow] img,
.cats [class$=__arrow] .ico,
.also [class$=__arrow] img,
.also [class$=__arrow] .ico,
.about-card [class$=__arrow] img,
.about-card [class$=__arrow] .ico {
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

.accessories.is-end [class$=__fade],
.accessories.is-end [class$=__blur],
.equipment.is-end [class$=__fade],
.equipment.is-end [class$=__blur],
.brand-products.is-end [class$=__fade],
.brand-products.is-end [class$=__blur],
.blog.is-end [class$=__fade],
.blog.is-end [class$=__blur],
.related.is-end [class$=__fade],
.related.is-end [class$=__blur],
.cats.is-end [class$=__fade],
.cats.is-end [class$=__blur],
.also.is-end [class$=__fade],
.also.is-end [class$=__blur],
.about-card.is-end [class$=__fade],
.about-card.is-end [class$=__blur] {
  opacity: 0;
}

.accessories.is-end [class$=__arrow] img,
.accessories.is-end [class$=__arrow] .ico,
.equipment.is-end [class$=__arrow] img,
.equipment.is-end [class$=__arrow] .ico,
.brand-products.is-end [class$=__arrow] img,
.brand-products.is-end [class$=__arrow] .ico,
.blog.is-end [class$=__arrow] img,
.blog.is-end [class$=__arrow] .ico,
.related.is-end [class$=__arrow] img,
.related.is-end [class$=__arrow] .ico,
.cats.is-end [class$=__arrow] img,
.cats.is-end [class$=__arrow] .ico,
.also.is-end [class$=__arrow] img,
.also.is-end [class$=__arrow] .ico,
.about-card.is-end [class$=__arrow] img,
.about-card.is-end [class$=__arrow] .ico {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.product-gallery__arrow[disabled] {
  opacity: 0.4;
  cursor: default;
}

.btn-primary,
.accessories-wrap__cta,
.equipment-wrap__cta,
.brand-products-wrap__cta,
.blog-wrap__cta,
.form-wrap__btn,
.also__link,
.blog-page__more,
.category-wrap__more,
.product-head__btn,
.points-select__btn {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.btn-primary:hover,
.accessories-wrap__cta:hover,
.equipment-wrap__cta:hover,
.brand-products-wrap__cta:hover,
.blog-wrap__cta:hover,
.form-wrap__btn:hover,
.also__link:hover,
.blog-page__more:hover,
.category-wrap__more:hover,
.product-head__btn:hover,
.points-select__btn:hover {
  background: #FFDE16;
  color: #0E0E0E;
}

.btn-primary:hover img,
.accessories-wrap__cta:hover img,
.equipment-wrap__cta:hover img,
.brand-products-wrap__cta:hover img,
.blog-wrap__cta:hover img,
.form-wrap__btn:hover img,
.also__link:hover img,
.blog-page__more:hover img,
.category-wrap__more:hover img,
.product-head__btn:hover img,
.points-select__btn:hover img {
  -webkit-filter: brightness(0);
          filter: brightness(0);
}

.btn-primary:active,
.accessories-wrap__cta:active,
.equipment-wrap__cta:active,
.brand-products-wrap__cta:active,
.blog-wrap__cta:active,
.form-wrap__btn:active,
.also__link:active,
.blog-page__more:active,
.category-wrap__more:active,
.product-head__btn:active,
.points-select__btn:active {
  background: #0E0E0E;
  color: #FFFFFF;
}

.btn-primary:active img,
.accessories-wrap__cta:active img,
.equipment-wrap__cta:active img,
.brand-products-wrap__cta:active img,
.blog-wrap__cta:active img,
.form-wrap__btn:active img,
.also__link:active img,
.blog-page__more:active img,
.category-wrap__more:active img,
.product-head__btn:active img,
.points-select__btn:active img {
  -webkit-filter: none;
          filter: none;
}

.btn-outline {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.btn-outline:hover {
  border-color: #FFDE16;
  background: #FFDE16;
  color: #0E0E0E;
}

.btn-outline:active {
  border-color: #0E0E0E;
  background: #0E0E0E;
  color: #FFFFFF;
}

.btn-outline:active img {
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
}

.accessories__arrow,
.equipment__arrow,
.brand-products__arrow,
.blog__arrow,
.related-wrap__arrow,
.cats-wrap__arrow,
.also__arrow,
.about-videos__arrow,
.hero-arrow,
.up-top {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.accessories__arrow:hover,
.equipment__arrow:hover,
.brand-products__arrow:hover,
.blog__arrow:hover,
.related-wrap__arrow:hover,
.cats-wrap__arrow:hover,
.also__arrow:hover,
.about-videos__arrow:hover,
.hero-arrow:hover,
.up-top:hover {
  border-color: #FFDE16;
  background: #FFDE16;
  -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.12);
          box-shadow: 0 0 12px rgba(0, 0, 0, 0.12);
}

.accessories__arrow:active,
.equipment__arrow:active,
.brand-products__arrow:active,
.blog__arrow:active,
.related-wrap__arrow:active,
.cats-wrap__arrow:active,
.also__arrow:active,
.about-videos__arrow:active,
.hero-arrow:active,
.up-top:active {
  border-color: #0E0E0E;
  background: #0E0E0E;
}

.accessories__arrow:active img,
.equipment__arrow:active img,
.brand-products__arrow:active img,
.blog__arrow:active img,
.related-wrap__arrow:active img,
.cats-wrap__arrow:active img,
.also__arrow:active img,
.about-videos__arrow:active img,
.hero-arrow:active img,
.up-top:active img {
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
}

.accessories-wrap__list .item,
.equipment-wrap__list .item,
.brand-products-wrap__list .item,
.related-wrap__list .item,
.cats-wrap__list .item,
.category-wrap__cards .item,
.article-notes .note,
.search-page__texts .note,
.category__texts .note,
.seo-text-wrap .note {
  -webkit-transition: -webkit-box-shadow 0.3s, -webkit-transform 0.3s;
  transition: -webkit-box-shadow 0.3s, -webkit-transform 0.3s;
  transition: box-shadow 0.3s, transform 0.3s;
  transition: box-shadow 0.3s, transform 0.3s, -webkit-box-shadow 0.3s, -webkit-transform 0.3s;
}

.accessories-wrap__list .item:hover,
.equipment-wrap__list .item:hover,
.brand-products-wrap__list .item:hover,
.related-wrap__list .item:hover,
.cats-wrap__list .item:hover,
.category-wrap__cards .item:hover,
.article-notes .note:hover,
.search-page__texts .note:hover,
.category__texts .note:hover,
.seo-text-wrap .note:hover {
  -webkit-box-shadow: inset 0 0 0 1px #C4C4C4;
          box-shadow: inset 0 0 0 1px #C4C4C4;
  -webkit-transform: translateY(-2px);
      -ms-transform: translateY(-2px);
          transform: translateY(-2px);
}

.blog-wrap__list .item .item__img img,
.blog-page-wrap .item .item__img img,
.also__list .item .item__img img {
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

.blog-wrap__list .item:hover .item__img img,
.blog-page-wrap .item:hover .item__img img,
.also__list .item:hover .item__img img {
  -webkit-transform: scale(1.04);
      -ms-transform: scale(1.04);
          transform: scale(1.04);
}

.lens-picker-wrap .volt {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.lens-picker-wrap .volt:hover {
  -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
          box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
}

.lens-picker-wrap .volt:hover .volt__btn {
  background: #FFDE16;
}

.lens-picker-wrap .volt:hover .volt__btn img {
  -webkit-filter: brightness(0);
          filter: brightness(0);
}

.lens-picker-wrap .volt .volt__btn {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.header-wrap__logo,
.footer-wrap__logo {
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.header-wrap__logo:hover,
.footer-wrap__logo:hover {
  opacity: 0.7;
}

.partner-wrap__phone {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.partner-wrap__phone:hover {
  border-color: #6E6E6E;
}

.header-wrap__phones .item .text,
.header-wrap__nav a {
  position: relative;
}

.header-wrap__phones .item .text::after,
.header-wrap__nav a::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -4px;
  height: 2px;
  border-radius: 2px;
  background: #FFDE16;
  -webkit-transform: scaleX(0);
      -ms-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

.header-wrap__phones .item .text:hover::after,
.header-wrap__nav a:hover::after {
  -webkit-transform: scaleX(1);
      -ms-transform: scaleX(1);
          transform: scaleX(1);
}

.header-wrap__phones .item:hover .text::after {
  -webkit-transform: scaleX(1);
      -ms-transform: scaleX(1);
          transform: scaleX(1);
}

.search-wrap__field:hover {
  -webkit-box-shadow: inset 0 0 0 1px #6E6E6E;
          box-shadow: inset 0 0 0 1px #6E6E6E;
}

.header-wrap__lang {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.header-wrap__lang:hover {
  background: #EEEEEE;
}

.header-wrap__burger {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.header-wrap__burger:hover {
  opacity: 0.6;
}

.side-panel-wrap__list .item,
.brand-model {
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}

.side-panel-wrap__list .item:hover,
.brand-model:hover {
  color: #FFDE16;
}

.side-panel-wrap__list .item:hover img,
.brand-model:hover img {
  -webkit-filter: invert(84%) sepia(88%) saturate(1352%) hue-rotate(354deg) brightness(103%) contrast(101%);
          filter: invert(84%) sepia(88%) saturate(1352%) hue-rotate(354deg) brightness(103%) contrast(101%);
}

.tab {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.points-wrap__tabs .tab:not(.tab--active):hover,
.category-wrap__tabs .tab:not(.tab--active):not(.tab--sort):hover,
.search-page-wrap__tabs .tab:not(.tab--active):hover,
.side-panel-wrap__tabs .tab:not(.tab--active):hover {
  background: #F8F8F8;
  -webkit-box-shadow: inset 0 0 0 1px #C4C4C4;
          box-shadow: inset 0 0 0 1px #C4C4C4;
}

.hero-wrap__dots .dot {
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.hero-wrap__dots .dot:hover {
  opacity: 0.8;
}

.points-map__pin {
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

.points-map__pin:hover {
  -webkit-transform: scale(1.25);
      -ms-transform: scale(1.25);
          transform: scale(1.25);
}

.points-group__head {
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.points-group__head:hover .ico {
  -webkit-transform: translateY(2px);
      -ms-transform: translateY(2px);
          transform: translateY(2px);
}

.points-group__head .ico {
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

.support-acc .acc__head {
  cursor: pointer;
}

.support-acc .acc__head:hover .acc__btn {
  background: #FFDE16;
}

.form-wrap__fields .field {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.form-wrap__fields .field:hover {
  -webkit-box-shadow: inset 0 0 0 1px #6E6E6E;
          box-shadow: inset 0 0 0 1px #6E6E6E;
}

.search-wrap__submit,
.modal__close,
.filter-wrap__close,
.product-gallery__next {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.search-wrap__submit:hover,
.modal__close:hover,
.filter-wrap__close:hover,
.product-gallery__next:hover {
  opacity: 0.6;
}

.reset,
.partner-box__phone,
.related-wrap__cta,
.cats-wrap__cta {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.reset:hover,
.partner-box__phone:hover,
.related-wrap__cta:hover,
.cats-wrap__cta:hover {
  color: #FFDE16;
}

.related-wrap__cta:hover,
.cats-wrap__cta:hover {
  background: #FFDE16;
  color: #0E0E0E;
}

.related-wrap__cta:hover img,
.cats-wrap__cta:hover img {
  -webkit-filter: brightness(0);
          filter: brightness(0);
}

.group__head {
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.group__head:hover {
  color: #FFDE16;
}

.product-video,
.about-videos .short,
.about-videos .video,
.category-wrap__videos a,
.search-page__videos a {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.product-video:hover img,
.about-videos .short:hover img,
.about-videos .video:hover img,
.category-wrap__videos a:hover img,
.search-page__videos a:hover img {
  opacity: 0.9;
}

.product-video:hover .product-video__play,
.product-video:hover .video__play,
.product-video:hover .item__play,
.about-videos .short:hover .product-video__play,
.about-videos .short:hover .video__play,
.about-videos .short:hover .item__play,
.about-videos .video:hover .product-video__play,
.about-videos .video:hover .video__play,
.about-videos .video:hover .item__play,
.category-wrap__videos a:hover .product-video__play,
.category-wrap__videos a:hover .video__play,
.category-wrap__videos a:hover .item__play,
.search-page__videos a:hover .product-video__play,
.search-page__videos a:hover .video__play,
.search-page__videos a:hover .item__play {
  -webkit-transform: translate(-50%, -50%) scale(1.1);
      -ms-transform: translate(-50%, -50%) scale(1.1);
          transform: translate(-50%, -50%) scale(1.1);
}

.product-video .product-video__play,
.product-video .video__play,
.product-video .item__play,
.about-videos .short .product-video__play,
.about-videos .short .video__play,
.about-videos .short .item__play,
.about-videos .video .product-video__play,
.about-videos .video .video__play,
.about-videos .video .item__play,
.category-wrap__videos a .product-video__play,
.category-wrap__videos a .video__play,
.category-wrap__videos a .item__play,
.search-page__videos a .product-video__play,
.search-page__videos a .video__play,
.search-page__videos a .item__play {
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

.seo-text-wrap__body a,
.terms-wrap__body a,
.article-body a {
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}

.seo-text-wrap__body a:hover,
.terms-wrap__body a:hover,
.article-body a:hover {
  color: #FFDE16;
}

.ui-btn,
.ui-btn-arrow,
.ui-check,
.ui-radio,
.ui-field,
.ui-field__row,
.brand__btn,
.filter-wrap__apply,
.modal-wrap__btn,
.partner-wrap__btn,
.partner-box__btn,
.product-gallery__arrow,
.product-gallery__thumbs .item,
.article-rec__arrow,
.categories-wrap .item,
.lens-picker-wrap .card,
.equipment-wrap .item,
.brand-products-wrap .item,
.related-wrap .item,
.category-wrap .item,
.article-rec .item,
.field,
.select__drop button,
.acc__btn,
.opt,
.dot,
.check,
.footer-wrap a,
.side-panel-wrap a,
.crumbs a,
.hero-wrap__dots .dot {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.filter-wrap__list .check,
.filter-wrap__close {
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.filter-wrap__list .check:hover,
.filter-wrap__close:hover {
  color: #0E0E0E;
  opacity: 0.8;
}

.blog-wrap .item__title,
.blog-page-wrap .item__title,
.also .item__title,
.article-rec .item__title,
.blog-wrap .item__more,
.blog-page-wrap .item__more,
.also .item__more,
.points-list .store__row a {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.blog-wrap .item__title:hover,
.blog-page-wrap .item__title:hover,
.also .item__title:hover,
.article-rec .item__title:hover,
.blog-wrap .item__more:hover,
.blog-page-wrap .item__more:hover,
.also .item__more:hover,
.points-list .store__row a:hover {
  color: #FFDE16;
}

.form {
  padding: clamp(32px, 6.9vw, 100px) 16px;
}

.form-wrap {
  width: 100%;
}

.form-wrap__inner {
  max-width: 666px;
  width: 100%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 32px;
}

.form-wrap__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
  width: 100%;
  text-align: center;
}

.form-wrap__title {
  font-size: clamp(2.125rem, calc(1.6268115942rem + 0.0212560386 * 100vw), 3.5rem);
  font-weight: 600;
  line-height: 1.2;
  color: #0E0E0E;
  white-space: nowrap;
}

.form-wrap__descr {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: #6E6E6E;
}

.form-wrap__fields {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  width: 100%;
}

.form-wrap .field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  width: 100%;
  min-height: 56px;
  padding: 0 16px;
  background: #F8F8F8;
  border: 1px solid #C4C4C4;
  border-radius: 100px;
  cursor: text;
}

.form-wrap .field img {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 16px;
          flex: 0 0 16px;
  height: 16px;
}

.form-wrap .field input {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-width: 0;
  border: none;
  background: none;
  padding: 0;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  line-height: 1.5;
  color: #0E0E0E;
}

.form-wrap .field input::-webkit-input-placeholder {
  color: #C4C4C4;
}

.form-wrap .field input::-moz-placeholder {
  color: #C4C4C4;
}

.form-wrap .field input:-ms-input-placeholder {
  color: #C4C4C4;
}

.form-wrap .field input::-ms-input-placeholder {
  color: #C4C4C4;
}

.form-wrap .field input::placeholder {
  color: #C4C4C4;
}

.form-wrap__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 8px;
  width: 100%;
  min-height: 64px;
  padding: 0 40px;
  border: none;
  cursor: pointer;
  background: #212121;
  border-radius: 40px;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.4;
  color: #FFFFFF;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.form-wrap__btn:hover {
  opacity: 0.85;
}

.gallery {
  position: relative;
  min-height: 511px;
}

.gallery__fade {
  position: absolute;
  left: 0;
  top: 222px;
  width: 100%;
  min-height: 345px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#FFFFFF));
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
  pointer-events: none;
}

.gallery-wrap {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  top: -8px;
  width: 100%;
  max-width: 1442px;
  min-height: 575px;
  overflow: hidden;
}

.gallery-wrap__list {
  position: absolute;
  left: 0;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 48px;
}

.gallery-wrap .col {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 250px;
          flex: 0 0 250px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 32px;
}

.gallery-wrap .item {
  position: relative;
  min-height: 280px;
  border-radius: 24px;
  background: #EEEEEE;
  overflow: hidden;
}

.gallery-wrap .item__img {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 168px;
  height: 212px;
  overflow: hidden;
}

.gallery-wrap .item__img img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}

.gallery-wrap .item__img--g2 img {
  left: -0.29%;
  top: 0.45%;
  width: 107.44%;
  height: 99.33%;
}

.gallery-wrap .item__img--g3 img {
  left: -16.67%;
  top: 14.94%;
  width: 122.62%;
  height: 70.13%;
}

.gallery-wrap .item__img--g6 img {
  left: -6.55%;
  top: 12.07%;
  width: 117.26%;
  height: 75.86%;
}

.gallery-wrap .item__img--g7 img {
  left: -17.86%;
  top: -4.25%;
  width: 135.71%;
  height: 107.55%;
}

.footer {
  position: relative;
  z-index: 2;
  margin-top: -140px;
  background: #0E0E0E;
  border-radius: 60px 60px 0 0;
  padding: clamp(48px, 6.94vw, 100px) clamp(16px, 4.72vw, 68px) clamp(46px, 6.8vw, 98px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.footer-wrap {
  max-width: 1304px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 32px;
}

.footer-wrap__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 105px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.footer-wrap__about {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 274px;
          flex: 0 0 274px;
  min-width: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 32px;
}

.footer-wrap__logo {
  width: 100.123px;
  height: 103.012px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.footer-wrap__logo img {
  width: 100%;
  height: 100%;
}

.footer-wrap__text {
  width: 100%;
  font-size: 16px;
  font-weight: 300;
  font-style: italic;
  line-height: 22px;
  color: #FFFFFF;
}

.footer-wrap__socials {
  width: 100%;
  height: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
}

.footer-wrap__socials .item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 40px;
          flex: 0 0 40px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.footer-wrap__socials a {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #212121;
  border-radius: 21px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.footer-wrap__socials a:hover {
  background: #3b3b3b;
}

.footer-wrap__socials .icon,
.footer-wrap__socials .fill,
.footer-wrap__socials .glyph {
  width: 24px;
  height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.footer-wrap__socials img {
  width: 24px;
  height: 24px;
}

.footer-wrap__cols {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  min-width: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.footer-wrap__col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}

.footer-wrap__col--menu {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 181px;
          flex: 0 0 181px;
}

.footer-wrap__col--pages,
.footer-wrap__col--contacts {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 310px;
          flex: 0 0 310px;
}

.footer-wrap__title {
  width: 100%;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
  color: #FFFFFF;
  text-transform: uppercase;
}

.footer-wrap__link {
  width: 100%;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: #C4C4C4;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.footer-wrap__link:hover {
  color: #FFFFFF;
}

.footer-wrap .row {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}

.footer-wrap .row__icon {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 32px;
          flex: 0 0 32px;
  height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.footer-wrap .row__icon img {
  width: 32px;
  height: 32px;
}

.footer-wrap .row__body {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  min-width: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 4px;
  font-size: 16px;
  line-height: 1.5;
}

.footer-wrap .row__label {
  width: 100%;
  color: #FFFFFF;
}

.footer-wrap .row__value {
  width: 100%;
  color: #C4C4C4;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.footer-wrap .row a.row__value:hover {
  color: #FFFFFF;
}

.footer-wrap__divider {
  width: 100%;
  height: 1px;
  background: #6E6E6E;
}

.footer-wrap__bottom {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.footer-wrap__bottom p {
  font-size: 16px;
  line-height: 1.5;
  color: #C4C4C4;
  white-space: nowrap;
}

.header-wrap__burger {
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 24px;
  height: 24px;
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
}

.header-wrap__burger .icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 24px;
  height: 24px;
}

.header-wrap__burger .icon img {
  width: 24px;
  height: 24px;
}

.header-wrap__burger .icon--close {
  display: none;
}

.menu-overlay {
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 30;
  background: rgba(0, 0, 0, 0.4);
}

.lang-overlay {
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 30;
  background: rgba(0, 0, 0, 0.4);
}

.up-top {
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: fixed;
  right: 16px;
  bottom: 16px;
  z-index: 25;
  width: 36px;
  height: 36px;
  padding: 0;
  border: none;
  border-radius: 100px;
  background: #0E0E0E;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.up-top img {
  width: 20px;
  height: 20px;
}

.side-panel-wrap__tabs {
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
}

.side-panel-wrap__tabs .tab {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  min-width: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 8px;
  height: 36px;
  padding: 0 8px;
  border: none;
  border-radius: 100px;
  background: #F8F8F8;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.side-panel-wrap__tabs .tab .text {
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.2;
  color: #0E0E0E;
  white-space: nowrap;
}

.side-panel-wrap__tabs .tab .icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 20px;
  height: 20px;
}

.side-panel-wrap__tabs .tab .icon img {
  width: 20px;
  height: 20px;
}

.side-panel-wrap__tabs .tab--active {
  background: #0E0E0E;
}

.side-panel-wrap__tabs .tab--active .text {
  color: #FFFFFF;
}

.side-panel-wrap__tabs .tab--active .icon img {
  -webkit-filter: invert(1) brightness(2);
          filter: invert(1) brightness(2);
}

.side-panel-wrap__group--mob {
  display: none;
}

.side-panel-wrap__contacts-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}

.side-panel-wrap__contacts-list .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 16px;
}

.side-panel-wrap__contacts-list .row__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 24px;
  height: 24px;
  margin-top: 6px;
}

.side-panel-wrap__contacts-list .row__icon img {
  width: 24px;
  height: 24px;
}

.side-panel-wrap__contacts-list .row__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.side-panel-wrap__contacts-list .row__label {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.2;
  color: #6E6E6E;
}

.side-panel-wrap__contacts-list .row__value {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  color: #0E0E0E;
  word-break: break-word;
}

.side-panel-wrap__socials {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.side-panel-wrap__socials .social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 56px;
          flex: 0 0 56px;
  height: 56px;
  border-radius: 50%;
  background: #F8F8F8;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.side-panel-wrap__socials .social img {
  width: 32px;
  height: 32px;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.side-panel-wrap__socials .social:hover {
  background: #FFDE16;
}

.side-panel-wrap__logo {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.side-panel-wrap__logo img {
  width: 100%;
  max-width: 370px;
  height: auto;
}

.footer-wrap__divider--mob,
.footer-wrap__logo-big {
  display: none;
}

.footer-wrap__logo-big img {
  width: 100%;
  height: auto;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.hero-wrap__strip,
.brands-mob {
  display: none;
}

.brands-mob-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}

.brands-mob-wrap__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 16px;
}

.brands-mob-wrap__title {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.3;
  color: #0E0E0E;
}

.brands-mob-wrap__count {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.2;
  text-align: right;
  color: #6E6E6E;
}

.brands-mob-wrap__letters {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
  margin-bottom: -8px;
}

.brands-mob-wrap__letters .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
}

.brands-mob-wrap__letters .letter {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  min-width: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 40px;
  border-radius: 8px;
  background: #F8F8F8;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  color: #212121;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.brands-mob-wrap__letters .letter:hover,
.brands-mob-wrap__letters .letter.is-active {
  background: #FFDE16;
}

.brands-mob-wrap__list {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
  max-height: 480px;
  overflow: hidden;
}

.brands-mob-wrap__list.is-expanded {
  max-height: none;
}

.brands-mob-wrap__list.is-expanded::after {
  display: none;
}

.brands-mob-wrap__list::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 61px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#FFFFFF));
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
}

.brands-mob-wrap__more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 8px;
  height: 48px;
  padding: 0 24px;
  border: none;
  border-radius: 40px;
  background: #0E0E0E;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.brands-mob-wrap__more .text {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  color: #FFFFFF;
}

.brands-mob-wrap__more img {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 20px;
          flex: 0 0 20px;
  height: 20px;
}

.brands-mob-wrap__more:hover {
  background: #212121;
}

.brand-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  padding: 8px;
  border-radius: 8px;
  background: #F8F8F8;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.brand-row__name {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  min-width: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
  color: #212121;
}

.brand-row__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding: 6px;
  border-radius: 100px;
  background: #FFFFFF;
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
          box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
}

.brand-row__btn img {
  width: 16px;
  height: 16px;
}

.brand-row:hover {
  background: #EEEEEE;
}

@media (max-width: 1279px) {
  .header-wrap__nav {
    display: none;
  }

  .header-wrap__burger {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .header-wrap__tabs {
    gap: 16px;
  }

  .side-panel-sec.side-panel-sec {
    padding: 24px clamp(16px, 4vw, 40px);
  }

  .side-panel-sec.side-panel-sec .side-panel-clip {
    position: static;
    display: block;
    width: 0;
    height: 0;
    padding: 0;
    border-radius: 0;
    overflow: visible;
  }

  .side-panel-sec.side-panel-sec .side-panel-clip::after {
    display: none;
  }

  .side-panel-sec.side-panel-sec .side-panel-sec__inner {
    display: block;
    max-width: 1000px;
    -ms-grid-columns: none;
    grid-template-columns: none;
  }

  .menu-overlay {
    display: block;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s ease, visibility 0.3s ease;
    transition: opacity 0.3s ease, visibility 0.3s ease;
  }

  .side-panel,
  .side-panel-sec.side-panel-sec .side-panel {
    visibility: hidden;
    -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
            transform: translateX(100%);
    -webkit-transition: visibility 0.3s ease, -webkit-transform 0.3s ease;
    transition: visibility 0.3s ease, -webkit-transform 0.3s ease;
    transition: transform 0.3s ease, visibility 0.3s ease;
    transition: transform 0.3s ease, visibility 0.3s ease, -webkit-transform 0.3s ease;
    position: fixed;
    left: auto;
    right: 0;
    top: 152px;
    bottom: 0;
    z-index: 35;
    max-width: 402px;
    width: 100%;
    padding: 8px 16px 16px;
    border-radius: 0;
    background: #FFFFFF;
    overflow-y: auto;
    -ms-scroll-chaining: none;
        overscroll-behavior: contain;
  }

  body.is-menu-open {
    overflow: hidden;
  }

  body.is-menu-open .side-panel,
  body.is-menu-open .side-panel-sec.side-panel-sec .side-panel {
    visibility: visible;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }

  body.is-menu-open .menu-overlay {
    opacity: 1;
    visibility: visible;
  }

  body.is-menu-open .header-wrap__burger .icon--open {
    display: none;
  }

  body.is-menu-open .header-wrap__burger .icon--close {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .side-panel-wrap {
    gap: 24px;
  }

  .side-panel-wrap__tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: sticky;
    top: 0;
    z-index: 2;
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
    padding-bottom: 8px;
    margin-bottom: -8px;
    background: #FFFFFF;
  }

  .side-panel-wrap__title {
    text-transform: none;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.4;
  }

  .side-panel-wrap__group[data-menu=brands] {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }

  .side-panel-wrap__group[data-menu=categories] {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }

  .side-panel-wrap__group[data-menu=menu] {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }

  .side-panel-wrap__group--mob {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }

  .side-panel-wrap__socials {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }

  .side-panel-wrap__logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }

  .product-specs__list {
    width: 100%;
  }

  .product-specs__fade,
  .product-desc__fade {
    left: 0;
    width: 100%;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }
}

@media (max-width: 1023px) {
  .header-wrap {
    padding: 16px clamp(16px, 3vw, 24px);
  }

  .header-wrap__logo {
    padding-left: 0;
  }

  .header-wrap__logo img {
    width: 130px;
    height: 32px;
  }

  .header-wrap__search {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 180px;
            flex: 0 0 180px;
  }

  .header-wrap__phones {
    min-width: 0;
  }

  .header-wrap__phones .text {
    font-size: 14px;
    letter-spacing: 0.145px;
  }

  .header-wrap__lang {
    min-width: 0;
    padding: 6px;
  }

  .header-wrap__lang .flag,
  .header-wrap__lang .flag img {
    width: 28px;
    height: 28px;
  }

  .side-panel-sec.side-panel-sec {
    padding: 24px clamp(16px, 3vw, 24px);
  }

  .categories-wrap__list {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 12px;
  }

  .categories-wrap .row {
    display: contents;
  }

  .categories-wrap .item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc((100% - 24px) / 3);
            flex: 0 0 calc((100% - 24px) / 3);
  }

  .categories-wrap .item--wide {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }

  .lens-picker-wrap__temp {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }

  .lens-picker-wrap__temp .card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc((100% - 12px) / 2);
            flex: 0 0 calc((100% - 12px) / 2);
  }

  .lens-picker-wrap__temp .card:nth-child(3) {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }

  .footer-wrap__top {
    gap: 48px;
  }

  .footer-wrap__cols {
    gap: 24px;
  }

  .footer-wrap__col--pages,
  .footer-wrap__col--contacts {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
            flex: 1 1 0;
    min-width: 0;
  }

  .footer-wrap__col--menu {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 140px;
            flex: 0 0 140px;
  }
}

@media (max-width: 767px) {
  .header {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
  }

  .wrp {
    padding-top: 156px;
  }

  .header__top {
    padding: 8px 0;
  }

  .header__top-text {
    font-size: 10px;
    line-height: 1.2;
  }

  .header-wrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-column-gap: 16px;
       -moz-column-gap: 16px;
            column-gap: 16px;
    row-gap: 24px;
    padding: 16px 16px 8px;
  }

  .header-wrap__logo {
    margin-right: auto;
    padding-left: 0;
  }

  .header-wrap__logo img {
    width: 73.29px;
    height: 18px;
  }

  .header-wrap__tabs,
  .header-wrap__actions {
    display: contents;
  }

  .header-wrap__phones {
    min-width: 0;
  }

  .header-wrap__phones .text {
    font-size: 14px;
  }

  .header-wrap__lang {
    min-width: 0;
    gap: 2px;
    padding: 4px 8px 4px 4px;
  }

  .header-wrap__lang .row {
    gap: 4px;
  }

  .header-wrap__lang .flag,
  .header-wrap__lang .flag img {
    width: 24px;
    height: 24px;
  }

  .header-wrap__lang .text {
    font-size: 12px;
    line-height: 1.25;
  }

  .header-wrap__lang .arrow {
    width: 16px;
    height: 16px;
  }

  .header-wrap__lang .arrow img {
    width: 8px;
    height: 4px;
  }

  .search-wrap__submit .icon img,
  .search-wrap__clear .icon img {
    width: 15px;
    height: 15px;
  }

  .header-wrap__search {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    width: 100%;
  }

  .header-wrap__search.is-open .search-wrap {
    width: 100%;
  }

  .search-wrap__drop {
    padding: 16px;
  }

  .search-overlay {
    top: 156px;
  }

  .side-panel,
  .side-panel-sec.side-panel-sec .side-panel {
    max-width: none;
    left: 0;
    top: 92px;
  }

  .header-wrap {
    -webkit-transition: padding-bottom 0.25s ease, row-gap 0.25s ease;
    transition: padding-bottom 0.25s ease, row-gap 0.25s ease;
  }

  .header-wrap__search {
    -webkit-transition: max-height 0.25s ease, opacity 0.2s ease;
    transition: max-height 0.25s ease, opacity 0.2s ease;
  }

  .header-wrap__search:not(.is-open) {
    max-height: 48px;
    overflow: hidden;
  }

  body.is-scroll-down:not(.is-menu-open) .header-wrap {
    row-gap: 0;
    padding-bottom: 16px;
  }

  body.is-scroll-down:not(.is-menu-open) .header-wrap__search {
    min-height: 0;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
  }

  body.is-menu-open .header-wrap {
    row-gap: 0;
    padding-bottom: 16px;
  }

  body.is-menu-open .header-wrap__search {
    min-height: 0;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
  }

  body.is-scroll-up .up-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .lang-overlay {
    top: 92px;
    z-index: 2;
  }

  body.is-lang-open .lang-overlay {
    display: block;
  }

  .header-wrap__lang {
    position: relative;
    z-index: 3;
  }

  .header-wrap__lang .lang-drop {
    position: fixed;
    left: 24px;
    right: 24px;
    top: 108px;
    width: auto;
    max-height: calc(100vh - 132px);
    overflow-y: auto;
  }

  .side-panel-wrap__socials .social {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 48px;
            flex: 0 0 48px;
    height: 48px;
  }

  .side-panel-wrap__socials .social img {
    width: 28px;
    height: 28px;
  }

  .side-panel-sec.side-panel-sec {
    padding: 0;
  }

  .side-panel-sec.side-panel-sec .side-panel-sec__inner {
    max-width: none;
  }

  .side-panel-sec.side-panel-sec .side-panel-sec__col {
    gap: 0;
  }

  .hero {
    gap: 0;
  }

  .hero-wrap {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    gap: 32px;
    padding: 40px 0 257px;
    border-radius: 0;
  }

  .hero-wrap__bg {
    left: 0;
    right: 0;
    bottom: 0;
    max-width: none;
    min-height: 0;
    height: 273px;
  }

  .hero-wrap__bg::after {
    display: none;
  }

  .hero-wrap__content {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
    padding: 0;
    width: 100%;
  }

  .hero-wrap__label .text {
    font-size: 12px;
    line-height: 1.25;
  }

  .hero-wrap__body {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 24px;
    width: 100%;
  }

  .hero-wrap__text {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
    width: 100%;
    max-width: none;
  }

  .hero-wrap__title {
    width: 100%;
    font-size: 32px;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
  }

  .hero-wrap__descr {
    max-width: 292px;
    font-size: 12px;
    line-height: 1.25;
    text-align: center;
  }

  .hero-wrap__buttons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
    width: 240px;
  }

  .hero-wrap__dots {
    display: none;
  }

  .hero-wrap__arrows {
    display: none;
  }

  .hero .btn {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 48px;
            flex: 0 0 48px;
    width: 100%;
  }

  .hero-wrap__strip {
    position: relative;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 8px;
    margin: 0 -65px;
  }

  .hero-wrap__strip .item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100px;
            flex: 0 0 100px;
    height: 112px;
    border-radius: 9.6px;
    background: #F8F8F8;
    overflow: hidden;
  }

  .hero-wrap__strip .pic {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 67.2px;
    height: 84.8px;
    overflow: hidden;
  }

  .hero-wrap__strip .pic img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    max-width: none;
    -o-object-fit: cover;
       object-fit: cover;
    display: block;
  }

  .hero-wrap__strip .pic--2 img {
    -o-object-fit: contain;
       object-fit: contain;
  }

  .categories {
    padding: 48px 16px;
  }

  .categories-wrap {
    gap: 24px;
  }

  .categories-wrap__heading {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
            flex: 1 1 0;
    min-width: 0;
  }

  .categories-wrap__heading img {
    display: none;
  }

  .categories-wrap__count {
    font-size: 12px;
    line-height: 1.2;
  }

  .categories-wrap__list {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 12px;
  }

  .categories-wrap .row {
    display: contents;
  }

  .categories-wrap .item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc((100% - 12px) / 2);
            flex: 0 0 calc((100% - 12px) / 2);
  }

  .categories-wrap .item--wide {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }

  .categories-wrap .item--wide .item__img {
    max-width: 190px;
    aspect-ratio: 190/131;
  }

  .brands-mob {
    display: block;
    padding: 48px 16px;
  }

  .brands-mob-wrap__letters {
    position: sticky;
    top: 92px;
    z-index: 5;
    padding: 8px 0;
    margin-top: -8px;
    margin-bottom: -16px;
    background: #FFFFFF;
  }

  .lens-picker {
    padding: 48px 16px;
  }

  .categories-wrap__title {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
            flex: 1 1 0;
    min-width: 0;
  }

  .categories-wrap__title,
  .lens-picker-wrap__title,
  .accessories-wrap__title,
  .equipment-wrap__title,
  .brand-products-wrap__title,
  .blog-wrap__title {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.3;
    white-space: normal;
  }

  .categories-wrap__heading,
  .lens-picker-wrap__heading,
  .accessories-wrap__heading,
  .equipment-wrap__heading,
  .brand-products-wrap__heading,
  .blog-wrap__heading,
  .brands-mob-wrap__head {
    gap: 12px;
  }

  .accessories-wrap__title-box,
  .equipment-wrap__title-box,
  .brand-products-wrap__title-box,
  .blog-wrap__title-box,
  .lens-picker-wrap__title-box {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    min-width: 0;
  }

  .categories-wrap__count,
  .lens-picker-wrap__count,
  .accessories-wrap__count,
  .equipment-wrap__count,
  .brand-products-wrap__count,
  .blog-wrap__count,
  .brands-mob-wrap__count {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    min-width: 0;
    white-space: nowrap;
  }

  .blog-wrap .item__title {
    font-size: 18px;
  }

  .lens-picker-wrap__heading img,
  .accessories-wrap__title-box img,
  .equipment-wrap__title-box img,
  .brand-products-wrap__title-box img,
  .blog-wrap__title-box img {
    display: none;
  }

  .lens-picker-wrap {
    gap: 24px;
  }

  .lens-picker-wrap__group:not(:last-child) {
    padding-bottom: 40px;
    border-bottom: 1px solid #EEEEEE;
  }

  .lens-picker-wrap__temp {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }

  .lens-picker-wrap__temp .card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc((100% - 12px) / 2);
            flex: 0 0 calc((100% - 12px) / 2);
  }

  .lens-picker-wrap__temp .card:nth-child(3) {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }

  .lens-picker-wrap__count {
    opacity: 0;
  }

  .accessories,
  .equipment,
  .brand-products,
  .blog {
    padding: 48px 16px;
  }

  .accessories__fade,
  .accessories__arrow,
  .equipment__fade,
  .equipment__arrow,
  .brand-products__fade,
  .brand-products__arrow,
  .blog__fade,
  .blog__arrow {
    display: none;
  }

  .accessories-wrap,
  .equipment-wrap,
  .brand-products-wrap,
  .blog-wrap {
    gap: 24px;
  }

  .accessories-wrap__head,
  .equipment-wrap__head,
  .brand-products-wrap__head,
  .blog-wrap__head {
    display: contents;
  }

  .accessories-wrap__heading,
  .equipment-wrap__heading,
  .brand-products-wrap__heading,
  .blog-wrap__heading {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    width: 100%;
    height: auto;
  }

  .accessories-wrap__slider,
  .equipment-wrap__slider,
  .brand-products-wrap__slider,
  .blog-wrap__slider {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    width: calc(100% + 16px);
    margin-right: -16px;
  }

  .accessories-wrap__list,
  .equipment-wrap__list,
  .brand-products-wrap__list,
  .blog-wrap__list {
    padding-right: 16px;
  }

  .accessories-wrap__cta,
  .equipment-wrap__cta,
  .brand-products-wrap__cta,
  .blog-wrap__cta {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    width: 100%;
    min-width: 0;
  }

  .accessories-wrap__count,
  .equipment-wrap__count,
  .brand-products-wrap__count,
  .blog-wrap__count {
    opacity: 1;
    font-size: 12px;
    line-height: 1.2;
  }

  .accessories-wrap__blur,
  .equipment-wrap__blur,
  .brand-products-wrap__blur,
  .blog-wrap__blur {
    display: none;
  }

  .equipment-wrap__title,
  .brand-products-wrap__title,
  .blog-wrap__title {
    font-size: 18px;
  }

  .accessories-wrap__list {
    min-width: 0;
    gap: 12px;
  }

  .accessories-wrap__list .item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 240px;
            flex: 0 0 240px;
  }

  .accessories-wrap__blur {
    display: none;
  }

  .cta {
    padding: 48px 16px;
  }

  .cta-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    gap: 0;
  }

  .cta-wrap__content {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    gap: 24px;
    padding: 64px 24px;
    text-align: center;
  }

  .cta-wrap__media {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 333px;
            flex: 0 0 333px;
    width: 100%;
    background: #F8F8F8;
  }

  .cta-wrap__text {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
  }

  .cta-wrap__title {
    font-size: 24px;
    line-height: 1.2;
  }

  .cta-wrap__descr {
    font-size: 12px;
    line-height: 1.25;
  }

  .cta-wrap__buttons {
    gap: 8px;
  }

  .cta .btn {
    max-width: 240px;
  }

  .help {
    padding: 48px 0;
  }

  .help-wrap {
    min-height: 301px;
    padding: 24px 16px;
    border-radius: 0;
  }

  .seo-text {
    padding: 0 16px;
  }

  .seo-text-wrap__fade {
    width: 100%;
  }

  .form {
    padding: 48px 16px;
  }

  .form-wrap__inner {
    max-width: 370px;
    gap: 24px;
  }

  .form-wrap__head {
    gap: 24px;
  }

  .form-wrap__title {
    font-size: 32px;
    white-space: normal;
  }

  .form-wrap__descr {
    font-size: 12px;
    line-height: 1.25;
  }

  .form-wrap__fields {
    max-width: 280px;
    gap: 12px;
  }

  .form-wrap__btn {
    max-width: 280px;
    min-height: 56px;
    font-size: 16px;
    font-weight: 500;
  }

  .form-wrap .field {
    min-height: 48px;
  }

  .gallery {
    min-height: 442px;
  }

  .gallery__fade {
    top: 97.46px;
    min-height: 345px;
  }

  .gallery-wrap {
    top: -9.54px;
    max-width: 859px;
    min-height: 452px;
  }

  .gallery-wrap__list {
    left: 50%;
    width: 858.74px;
    gap: 28.58px;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
  }

  .gallery-wrap .col {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 148.88px;
            flex: 0 0 148.88px;
    gap: 19.06px;
  }

  .gallery-wrap .item {
    min-height: 166.75px;
    border-radius: 14px;
  }

  .gallery-wrap .item__img {
    width: 100px;
    height: 126.2px;
  }

  .footer {
    margin-top: 8px;
    padding: 72px 16px 77px;
    border-radius: 0;
  }

  .footer-wrap {
    gap: 32px;
  }

  .footer-wrap__divider--mob {
    display: block;
  }

  .footer-wrap__top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    gap: 40px;
  }

  .footer-wrap__about {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 32px;
    width: 100%;
  }

  .footer-wrap__text {
    text-align: center;
  }

  .footer-wrap__socials {
    height: 72px;
    gap: 0;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }

  .footer-wrap__socials .item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 72px;
            flex: 0 0 72px;
    height: 72px;
  }

  .footer-wrap__socials a {
    border-radius: 50%;
  }

  .footer-wrap__socials .icon,
  .footer-wrap__socials .fill,
  .footer-wrap__socials .glyph,
  .footer-wrap__socials img {
    width: 32px;
    height: 32px;
  }

  .footer-wrap__cols {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 48px;
  }

  .footer-wrap__col {
    width: 100%;
    gap: 16px;
  }

  .footer-wrap__col--menu {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }

  .footer-wrap__col--pages {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }

  .footer-wrap__col--contacts {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    gap: 24px;
  }

  .footer-wrap__logo-big {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .footer-wrap__bottom p {
    font-size: 12px;
    line-height: 1.25;
  }

  .side-panel-sec.side-panel-sec--search,
  .side-panel-sec.side-panel-sec--category,
  .side-panel-sec.side-panel-sec--blog,
  .side-panel-sec.side-panel-sec--contacts,
  .side-panel-sec.side-panel-sec--points,
  .side-panel-sec.side-panel-sec--partner,
  .side-panel-sec.side-panel-sec--article,
  .side-panel-sec.side-panel-sec--about,
  .side-panel-sec.side-panel-sec--terms,
  .side-panel-sec.side-panel-sec--support {
    padding: 16px 16px 8px;
  }

  .category__crumbs,
  .search-page-wrap__crumbs,
  .blog-page__crumbs,
  .contacts__crumbs,
  .points__crumbs,
  .partner-page__crumbs,
  .article__crumbs,
  .about__crumbs,
  .terms__crumbs,
  .support__crumbs {
    font-size: 12px;
  }

  .search-page-wrap__crumbs,
  .search-page-wrap__tabs {
    display: none;
  }

  .search-page-wrap__brands .letters {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[7];
    grid-template-columns: repeat(7, 1fr);
    grid-auto-rows: 48px;
    gap: 6px;
  }

  .search-page-wrap__brands .letter {
    height: 44.65px;
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
  }

  .search-page-wrap__brands .grid {
    position: relative;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 4px;
    max-height: 266px;
    overflow: hidden;
  }

  .search-page-wrap__brands .grid::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 61px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#FFFFFF));
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
    pointer-events: none;
  }

  .search-page-wrap__brands .row {
    display: contents;
  }

  .search-page-wrap__brands .item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    height: 44px;
  }

  .search-page__banners {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 12px;
  }

  .search-page__banners .item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    aspect-ratio: 370/240;
  }

  .search-page__texts {
    gap: 12px;
  }

  .search-page__texts .row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 12px;
  }

  .search-page-wrap__steps {
    gap: 0;
  }

  .search-page-wrap__steps .group {
    padding: 8px 0 0;
  }

  .search-page-wrap__steps .group:last-child {
    padding-bottom: 8px;
  }

  .search-page-wrap__steps .group:nth-child(2) .search-page-wrap__label {
    line-height: 1.2;
  }

  .search-page[data-step="4"] {
    gap: 16px;
  }

  .search-page[data-step="4"] .search-page-wrap {
    gap: 8px;
  }

  .search-page[data-step="4"] .step--4 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }

  .search-page[data-step="4"] .tabs--4 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    gap: 6px;
    overflow-x: auto;
    margin: 0 -16px;
    padding: 0 16px;
    scrollbar-width: none;
  }

  .search-page[data-step="4"] .tabs--4::-webkit-scrollbar {
    display: none;
  }

  .search-page[data-step="4"] .tabs--4 .tab {
    padding: 8px 16px;
  }

  .search-page[data-step="4"] .step--4 .search-page-wrap__label {
    display: none;
  }

  .search-page[data-step="4"] .step--4 .group {
    padding: 0;
  }

  .search-page[data-step="4"] .step--4 .pills {
    -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch;
  }

  .search-page[data-step="4"] .search-page__listing {
    padding: 16px 0 0;
  }

  .listing-wrap {
    gap: 16px;
  }

  .listing-wrap__groups {
    gap: 16px;
  }

  .parts--gap16 {
    gap: 8px;
  }

  .prod__nav {
    display: none;
  }

  .prod__info {
    padding: 0 16px 12px;
  }

  .prod__code {
    font-size: 12px;
  }

  .prod__mark {
    width: 48px;
    padding: 4px 8px;
    font-size: 10px;
    line-height: 14px;
  }

  .prod__mark--fixed {
    width: 48px;
  }

  .search-page__videos {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    gap: 12px;
  }

  .search-page__videos .item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }

  .category {
    gap: 8px;
  }

  .category-wrap {
    gap: 16px;
  }

  .category-wrap__body {
    gap: 8px;
  }

  .category-wrap__head {
    display: none;
  }

  .category-wrap__tabs .tab {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% - 4px);
            flex: 0 0 calc(50% - 4px);
    min-width: 0;
  }

  .category-wrap__cards {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 8px;
  }

  .category-wrap__cards .row {
    display: contents;
  }

  .category-wrap__cards .item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc((100% - 8px) / 2);
            flex: 0 0 calc((100% - 8px) / 2);
  }

  .category-wrap__more {
    height: 56px;
  }

  .category__videos {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    gap: 12px;
  }

  .category__videos .item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 100%;
  }

  .category__texts {
    padding: 16px 0;
    gap: 12px;
  }

  .category__texts .row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 12px;
  }

  .category-wrap__tabs .tab__drop {
    left: auto;
    right: 0;
  }

  .filter-overlay {
    top: 84px;
    background: rgba(0, 0, 0, 0.4);
    -webkit-backdrop-filter: blur(4px);
            backdrop-filter: blur(4px);
  }

  .filter {
    left: 0;
    right: auto;
    top: 84px;
    width: 340px;
    max-width: 100%;
    border-radius: 0;
    overflow: hidden;
    -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
            transform: translateX(-100%);
  }

  .filter-wrap {
    gap: 8px;
    height: 100%;
    padding: 24px;
  }

  .filter-wrap__close {
    display: none;
  }

  .filter-wrap__inner {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    min-height: 0;
  }

  .filter-wrap__list {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    scrollbar-width: none;
  }

  .filter-wrap__list::-webkit-scrollbar {
    display: none;
  }

  .filter-wrap__list .group__head .text {
    margin-right: auto;
  }

  .filter-wrap__list .group.has-checked .group__head .clear {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 4px;
  }

  .filter-wrap__apply {
    display: none;
  }

  .filter.has-filters .filter-wrap__apply {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .wrp:has(.side-panel-sec--product) {
    background: #F8F8F8;
  }

  .side-panel-sec.side-panel-sec--product {
    padding: 16px 0 8px;
  }

  .product {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
  }

  .product__media,
  .product__info {
    display: contents;
  }

  .product__crumbs {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 0 16px;
  }

  .product-gallery {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    gap: 0;
  }

  .product-gallery__main {
    aspect-ratio: 370/238;
    border: 0;
    border-radius: 0;
  }

  .product-gallery__mark {
    left: 1px;
    top: 1px;
    font-size: 20px;
  }

  .product-gallery__arrow,
  .product-gallery__thumbs {
    display: none;
  }

  .product-gallery__dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .product-head {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    position: static;
    margin-top: 8px;
    gap: 16px;
    padding: 0 16px;
    border-radius: 0;
    background: none;
  }

  .product-head__top {
    gap: 8px;
  }

  .product-head__row {
    gap: 8px;
  }

  .product-head__logo {
    overflow: hidden;
  }

  .product-head__title {
    font-size: 18px;
  }

  .product-head__title .nb {
    white-space: nowrap;
  }

  .product-head .line {
    display: none;
  }

  .product-desc {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }

  .product-specs {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }

  .product-desc,
  .product-specs {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    gap: 16px;
    padding: 16px;
    border-radius: 0;
    background: #FFFFFF;
  }

  .product-desc__box {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    height: 100px;
  }

  .product-specs__box {
    height: 122px;
    min-height: 0;
  }

  .product-specs__list {
    width: 100%;
  }

  .product-desc__fade,
  .product-specs__fade {
    left: 0;
    width: 100%;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#FFFFFF));
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
  }

  .product-video {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
    width: calc(100% - 32px);
    margin: 0 16px;
  }

  .related-wrap__title,
  .cats-wrap__title {
    font-size: 18px;
  }

  .related {
    padding: 48px 16px;
    background: #FFFFFF;
  }

  .related-wrap__head {
    display: contents;
  }

  .related-wrap__heading {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    width: 100%;
  }

  .related-wrap__count {
    display: block;
  }

  .related-wrap__slider {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    width: calc(100% + 16px);
    margin-right: -16px;
  }

  .related-wrap__list {
    width: auto;
    padding-right: 16px;
  }

  .related-wrap__cta {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    width: 100%;
    min-width: 0;
    height: 48px;
    font-size: 16px;
  }

  .related-wrap__cta img {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 24px;
            flex: 0 0 24px;
    height: 24px;
  }

  .related-wrap__blur,
  .related-wrap__arrow {
    display: none;
  }

  .cats {
    padding: 48px 16px;
    background: #FFFFFF;
  }

  .cats-wrap__head {
    height: auto;
  }

  .cats-wrap__count {
    display: block;
  }

  .cats-wrap__cta {
    display: none;
  }

  .cats-wrap__slider {
    width: calc(100% + 16px);
    margin-right: -16px;
  }

  .cats-wrap__list {
    padding-right: 16px;
  }

  .cats-wrap__blur,
  .cats-wrap__arrow {
    display: none;
  }

  .help--wide {
    padding: 0;
  }

  .help--wide .help-wrap {
    border-radius: 0;
  }

  .related + .help--wide,
  .help--wide + .cats {
    margin-top: 8px;
  }

  .cats + .form {
    margin-top: 8px;
    background: #FFFFFF;
  }

  .blog-chips {
    display: block;
  }

  .blog-page {
    gap: 8px;
  }

  .blog-page-wrap {
    margin: 0 -16px;
    padding: 16px 16px 0;
  }

  .blog-page-wrap__title {
    font-size: 18px;
    line-height: 23px;
  }

  .blog-page-wrap__row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
  }

  .blog-page-wrap .item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 100%;
  }

  .blog-page-wrap .item__title {
    font-size: 15px;
  }

  .blog-page__more {
    margin: 8px 0 16px;
    height: 56px;
  }

  .article-card {
    padding: 0;
    border-radius: 0;
    background: none;
    gap: 8px;
  }

  .article-card > .row,
  .article-card__row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
  }

  .article-aside,
  .article-notes {
    display: none;
  }

  .article-body {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
    margin: 0 -16px;
    padding: 16px;
    background: #FFFFFF;
  }

  .article-body__img {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }

  .article-body__title {
    font-size: 18px;
  }

  .article-body__lead {
    font-size: 14px;
    line-height: normal;
  }

  .article-body__rich {
    min-height: 0;
  }

  .article-body__rich p {
    font-size: 14px;
    line-height: 17px;
  }

  .article-body__rich .br {
    height: 17px;
    line-height: 17px;
  }

  .article-body__cta {
    font-size: 14px;
  }

  .also {
    width: auto;
    margin: 0 -16px;
    padding: 48px 16px;
    border-radius: 0;
  }

  .also__head {
    display: contents;
  }

  .also__title {
    width: 100%;
    font-size: 18px;
    line-height: 23px;
  }

  .also__link {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    width: 100%;
    height: 48px;
  }

  .also__slider {
    width: calc(100% + 16px);
    margin-right: -16px;
  }

  .also__list {
    padding-right: 16px;
  }

  .contacts-wrap {
    padding: 0;
    border-radius: 0;
    background: none;
    gap: 8px;
  }

  .contacts-wrap__title {
    display: none;
  }

  .contacts-wrap__map {
    margin: 0 -16px;
    aspect-ratio: 402/260;
    border-radius: 0;
  }

  .contacts-wrap__card {
    margin: 0 -16px;
    padding: 16px;
    border-radius: 0;
    gap: 16px;
  }

  .contacts-wrap__card-title {
    display: block;
  }

  .contacts-socials__list {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 24px;
    width: 100%;
  }

  .contacts-socials__list > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 72px;
            flex: 0 0 72px;
  }

  .about-card {
    padding: 0;
    border-radius: 0;
    background: none;
    gap: 16px;
    overflow: visible;
  }

  .about-card__inner {
    gap: 8px;
  }

  .about-card__title {
    display: none;
  }

  .about-card__hero {
    margin: 0 -16px;
    aspect-ratio: 402/260;
    border-radius: 0;
  }

  .about-card__hero .logo {
    right: 22.1px;
    top: 16px;
    width: 54.9px;
    height: 56.5px;
    -webkit-filter: drop-shadow(0 4px 2px rgba(0, 0, 0, 0.25));
            filter: drop-shadow(0 4px 2px rgba(0, 0, 0, 0.25));
  }

  .about-text {
    margin: 0 -16px;
    padding: 16px 16px 0;
    gap: 16px;
  }

  .about-text__title {
    display: block;
  }

  .about-text__body {
    max-width: none;
  }

  .about-text__body p {
    font-size: 14px;
    line-height: normal;
  }

  .about-text__body p.about-text__lead {
    font-size: 16px;
    line-height: 1.3;
  }

  .about-videos {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin: 0 -16px;
    padding: 0 16px 16px;
    -webkit-column-gap: 8px;
       -moz-column-gap: 8px;
            column-gap: 8px;
    row-gap: 16px;
    width: auto;
    aspect-ratio: auto;
    background: #FFFFFF;
  }

  .about-videos .short,
  .about-videos .video {
    height: auto;
  }

  .about-videos .short {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% - 4px);
            flex: 0 0 calc(50% - 4px);
    border-radius: 16px;
  }

  .about-videos > :nth-child(n+3) {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }

  .about-videos__fade,
  .about-videos__arrow {
    display: none;
  }

  .partner-page-wrap {
    padding: 0;
    border-radius: 0;
    background: none;
  }

  .partner-page-wrap__inner {
    gap: 8px;
  }

  .partner-page-wrap__title {
    display: none;
  }

  .partner-page-wrap__hero {
    margin: 0 -16px;
    aspect-ratio: 402/260;
    border-radius: 0;
  }

  .partner-page-wrap__hero .logo {
    right: 23px;
    top: 16px;
    width: 54px;
    height: 55.6px;
  }

  .partner-info {
    margin: 0 -16px;
    padding: 16px;
  }

  .partner-info__lead {
    max-width: none;
  }

  .partner-info__list > .row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
  }

  .partner-info__list .col {
    width: 100%;
    gap: 16px;
  }

  .partner-info__list .item {
    width: 100%;
  }

  .partner-info__list .col > .item:last-child {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }

  .partner {
    padding: 48px 16px;
  }

  .partner-wrap {
    gap: 16px;
  }

  .partner-wrap__head {
    gap: 16px;
  }

  .partner-wrap__title {
    font-size: 24px;
  }

  .partner-wrap__descr {
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
    max-width: 303px;
    width: 100%;
    font-size: 12px;
    line-height: normal;
  }

  .partner-wrap__phone .text {
    font-size: 14px;
    line-height: 1.4;
    letter-spacing: 0;
  }

  .partner-wrap__btn {
    margin-top: 8px;
    max-width: 280px;
    min-height: 56px;
    font-weight: 500;
  }

  .modal {
    width: calc(100% - 24px);
  }

  .modal-wrap__title {
    font-size: 24px;
  }

  .modal-form__row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
  }

  .modal-form__row .field {
    width: 100%;
  }

  .terms-wrap,
  .support-wrap {
    width: auto;
    max-width: none;
    margin: 0 -16px;
    padding: 16px;
  }

  .terms-wrap__title {
    font-size: 18px;
  }

  .terms-wrap__head {
    font-size: 16px;
  }

  .terms-wrap__lead p,
  .terms-wrap__body p {
    font-size: 14px;
    line-height: normal;
    letter-spacing: 0;
  }

  .terms-wrap__lead p.br,
  .terms-wrap__body p.br {
    height: 17px;
  }

  .support-wrap {
    gap: 16px;
  }

  .support-wrap__title {
    font-size: 18px;
  }

  .support-contacts {
    gap: 16px;
    padding: 16px;
  }

  .support-contacts__title {
    font-size: 18px;
  }

  .support-contacts .contacts-socials {
    gap: 16px;
  }

  .points-wrap {
    padding: 16px 0;
    border-radius: 0;
    background: none;
    gap: 16px;
  }

  .points-wrap__head {
    gap: 8px;
  }

  .points-wrap__intro {
    gap: 24px;
  }

  .points-wrap__row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 8px;
  }

  .points-wrap__title {
    font-size: 18px;
  }

  .points-wrap__tabs {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    gap: 4px;
    overflow-x: auto;
    scrollbar-width: none;
  }

  .points-wrap__tabs::-webkit-scrollbar {
    display: none;
  }

  .points-wrap__tabs .tab {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }

  .points-select {
    max-width: none;
  }

  .points-map {
    width: 100%;
    min-height: 246px;
  }

  .points-map__inner {
    max-width: 367.62px;
  }

  .points-list,
  .points-group {
    width: 100%;
  }

  .store {
    min-height: 106px;
  }

  .store--online {
    min-height: 68px;
  }

  .points[data-view=all] .points-group {
    display: none;
  }

  .points[data-view=all] .points-wrap__tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .points[data-view=all] .points-list[data-list=services] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .points[data-view=all] .points-wrap__tabs .tab[data-tab=services] {
    background: #0E0E0E;
    color: #F8F8F8;
  }
}

@media (max-width: 401px) {
  .header-wrap {
    -webkit-column-gap: 8px;
       -moz-column-gap: 8px;
            column-gap: 8px;
  }

  .header-wrap__phones .text {
    font-size: 13px;
  }
}

@media (max-width: 374px) {
  .header-wrap__phones .text {
    font-size: 12px;
  }
}

@media (max-width: 359px) {
  .header-wrap__phones .text {
    display: none;
  }
}