:root {
  --font-family: "Inter", sans-serif;
  --content-width: 1440px;
  --content-fluid-width: 1840px;
  --container-offset: 40px;
  --container-width: calc(var(--content-width) + (var(--container-offset) * 2));
  --container-fluid-width: calc(
    var(--content-fluid-width) + (var(--container-offset) * 2)
  );
  --light-color: #fff;
  --dark-color: #202b40;
  --extra-dark-color: #334466;
  --more-dark-color: #0d111a;
  --accent-color: #e62e2e;
  --main-bg: #f7f8fa;
  --extra-bg: #7d8fb3;
  --bg-btn-action: #f7f8fa;
  --bg-pagination-color: #edeff2;
  --t-select-row-color: #edeff2;
  --user-border-color: #dfe3eb;
  --theme-checkbox-bg: #e3e7eb;
  --input-placeholder-color: #c3cad9;
  --input-color: #0d111a;
  --main-svg-color: #7d8fb3;
  --extra-svg-color: #dfe3eb;
  --action-svg-color: #62708c;
  --filter-svg-color: #62708c;
  --input-focus-color: #e62e2e;
  --copy-descr-color: #7d8fb3;
  --divider-color: #dfe3eb;
  --tree-arrow-color: #c3cad9;
  --search-svg-color: #c3cad9;
  --light-gray-color: #c3cad9;
  --laying-type-color: #f5333f;
  --laying-type-hover: #cacdd2;
  --breadcrumb-color: #7d8fb3;
  --line-color: #edeff2;
}

/* stylelint-disable */ /* stylelint-disable */ /* stylelint-disable */
.custom-checkbox__field:checked + .custom-checkbox__content::after {
  opacity: 1;
}

.custom-checkbox__field:focus + .custom-checkbox__content::before {
  outline: 2px solid #f00;
  outline-offset: 2px;
}

.custom-checkbox__field:disabled + .custom-checkbox__content {
  opacity: 0.4;
  pointer-events: none;
}

/* stylelint-disable */ /* stylelint-disable */ /* stylelint-disable value-keyword-case */
@font-face {
  font-family: "Inter";
  src: url("../fonts/../fonts/InterRegular.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/../fonts/InterMedium.woff2") format("woff2");
  font-weight: 500;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/../fonts/InterSemiBold.woff2") format("woff2");
  font-weight: 600;
  font-display: swap;
  font-style: normal;
}
html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  scroll-behavior: smooth;
}

*,
*::before,
*::after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

ul {
  list-style-type: none;
}

.page {
  height: 100%;
  font-family: var(--font-family, sans-serif);
  -webkit-text-size-adjust: 100%;
}

.page__body {
  margin: 0;
  min-width: 320px;
  height: 100%;
  min-height: 100%;
  font-size: 16px;
}

img {
  height: auto;
  max-width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

a {
  text-decoration: none;
}

.site-container {
  min-height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.main {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.is-hidden {
  display: none !important; /* stylelint-disable-line declaration-no-important */
}

.btn-reset {
  border: none;
  padding: 0;
  background-color: transparent;
}

.list-reset {
  list-style: none;
  margin: 0;
  padding: 0;
}

.input-reset {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  border-radius: 0;
  background-color: #fff;
}
.input-reset::-webkit-search-decoration, .input-reset::-webkit-search-cancel-button, .input-reset::-webkit-search-results-button, .input-reset::-webkit-search-results-decoration {
  display: none;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

input[type=number]:hover,
input[type=number]:focus {
  -moz-appearance: number-input;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.visually-hidden {
  position: absolute;
  overflow: hidden;
  margin: -1px;
  border: 0;
  padding: 0;
  width: 1px;
  height: 1px;
  clip: rect(0 0 0 0);
}

.container {
  margin: 0 auto;
  padding: 0 var(--container-offset);
  max-width: var(--container-width);
}

.container-fluid {
  margin: 0 auto;
  padding: 0 var(--container-offset);
  max-width: var(--container-fluid-width);
}

.js-focus-visible :focus:not(.focus-visible) {
  outline: none;
}

.centered {
  text-align: center;
}

.dis-scroll {
  position: fixed;
  left: 0;
  top: 0;
  overflow: hidden;
  width: 100%;
  height: 100vh;
  -ms-scroll-chaining: none;
  overscroll-behavior: none;
}

.page--ios .dis-scroll {
  position: relative;
}

.fixed-scroll {
  scroll-margin-top: 100px;
}

section {
  background-color: var(--light-color);
  -webkit-box-shadow: 0px 2px 5px rgba(38, 51, 77, 0.03);
  box-shadow: 0px 2px 5px rgba(38, 51, 77, 0.03);
  border-radius: 8px;
}

.btn {
  border-radius: 4px;
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
  -webkit-transition: 0.2s all ease;
  -o-transition: 0.2s all ease;
  transition: 0.2s all ease;
  cursor: pointer;
}
.btn__pagination {
  padding: 9.5px 12px;
  border: 2px solid transparent;
  color: var(--dark-color);
}
.btn__pagination:not(:last-child) {
  margin-right: 8px;
}
.btn__pagination:hover {
  background-color: var(--bg-pagination-color);
}
.btn__pagination--active {
  border: 2px solid var(--accent-color);
}
.btn__pagination--active:hover {
  background-color: transparent;
}
.btn__show {
  border: 1px solid #dfe3eb;
  padding: 8.5px 16px;
}
.btn__show:hover {
  background-color: var(--bg-pagination-color);
  color: var(--dark-color);
}
.btn__up {
  border: 1px solid #dfe3eb;
  padding: 8.5px 16px;
  margin-left: 14px;
}
.btn__up:hover {
  background-color: var(--bg-pagination-color);
  color: var(--dark-color);
}
.btn__action {
  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;
  border-radius: 4px;
  width: 24px;
  height: 26px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.btn__action:hover {
  background-color: var(--bg-btn-action);
  cursor: pointer;
}
.btn__action:active, .btn__action:focus {
  background-color: var(--bg-btn-action);
}
.btn__action:active svg, .btn__action:focus svg {
  fill: var(--accent-color);
}
.btn__action:hover svg {
  fill: var(--accent-color);
}
.btn__action svg {
  width: 16px;
  height: 16px;
  fill: var(--action-svg-color);
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.btn__search {
  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;
  all: unset;
  width: 48px;
  padding: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.btn__search:hover svg {
  fill: var(--accent-color);
}
.btn__tree {
  font-weight: 600;
  font-size: 12px;
  line-height: 1.2;
  color: var(--extra-dark-color);
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
.btn__tree--no-active {
  color: var(--light-gray-color);
}
.btn__tree--active {
  color: var(--dark-color);
}
.btn__all-catalog {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.btn__all-catalog svg {
  margin-right: 4px;
}
.btn__reflect {
  padding: 25px 4px 0 4px;
}
.btn__reflect svg {
  width: 16px;
  height: 16px;
  fill: #0d111a;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.btn__cart-popup {
  width: 100%;
  padding: 12px 0;
  border: 1px solid var(--accent-color);
  border-radius: 6px;
  font-weight: 500;
  font-size: 15px;
  line-height: 18px;
  letter-spacing: 0.02em;
  text-align: center;
  color: var(--accent-color);
  background-color: var(--light-color);
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.btn__cart-popup:hover {
  color: var(--light-color);
  background-color: var(--accent-color);
}
.btn__cart-popup:not(:last-child) {
  margin-bottom: 16px;
}
.btn__decor-popup {
  width: 48px;
  height: 48px;
  margin-left: 24px;
  background-color: var(--main-bg);
}
.btn__decor-popup svg {
  width: 22px;
  height: 22px;
  fill: var(--action-svg-color);
}
.btn__cart-add {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 12px;
  border-radius: 8px;
  font-weight: 500;
  font-size: 15px;
  line-height: 18px;
  letter-spacing: 0.02em;
  color: var(--light-color);
  background-color: var(--accent-color);
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.btn__cart-add:hover {
  cursor: pointer;
  background-color: #bc2626;
}
.btn__cart-add svg {
  width: 24px;
  height: 24px;
  margin-right: 8px;
  fill: var(--light-color);
}
.btn__about-more {
  padding: 15px 24px;
  margin-top: auto;
  border-radius: 8px;
  font-weight: 500;
  font-size: 15px;
  line-height: 18px;
  letter-spacing: 0.02em;
  color: var(--light-color);
  background-color: var(--extra-bg);
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.btn__about-more:hover {
  background-color: #677694;
}

.popup-menu {
  position: absolute;
  right: 94px;
  top: 60px;
  border-radius: 4px;
  max-width: 194px;
  width: 100%;
  padding: 8px 6px;
  -webkit-box-shadow: 4px 8px 20px rgba(0, 13, 84, 0.2);
  box-shadow: 4px 8px 20px rgba(0, 13, 84, 0.2);
  font-family: var(--extra-font-family);
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  text-transform: initial;
  color: var(--dark-color);
  background-color: var(--light-color);
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(10px);
  -ms-transform: translateY(10px);
  transform: translateY(10px);
  -webkit-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, visibility 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, visibility 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, visibility 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  -webkit-box-shadow: 0px 8px 24px rgba(21, 21, 22, 0.1);
  box-shadow: 0px 8px 24px rgba(21, 21, 22, 0.1);
  border-radius: 8px;
  z-index: 3;
}
.popup-menu--indent {
  right: 78px;
  top: 50px;
}
@media (max-width: 576px) {
  .popup-menu {
    top: 30px;
  }
}
.popup-menu__item {
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.popup-menu__item:hover {
  border-radius: 8px;
  background-color: var(--bg-btn-action);
}
.popup-menu__item:not(:last-child) {
  margin-bottom: 8px;
}
@media (max-width: 576px) {
  .popup-menu {
    top: 34px;
    left: -178px;
  }
}
.popup-menu svg {
  width: 16px;
  height: 16px;
}
.popup-menu--active {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
.popup-menu__title {
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
  letter-spacing: 0.03em;
}
.popup-menu__title:not(:last-child) {
  margin-bottom: 8px;
}
.popup-menu__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  border-radius: 8px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: #334466;
}
.popup-menu__link:hover, .popup-menu__link:focus {
  color: var(--accent-color);
}
.popup-menu__icon {
  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: 24px;
  height: 26px;
  padding: 4px 5px;
}

.collapse .popup-menu {
  right: 190px;
}

.popup-preview {
  position: absolute;
  top: -158px;
  left: 10px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
  pointer-events: none;
  z-index: 10;
}
.popup-preview__card {
  border-radius: 4px;
  padding: 8px;
  background-color: var(--light-color);
  -webkit-box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
  box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
}
.popup-preview__image {
  margin-bottom: 8px;
}
.popup-preview__title {
  margin: 0;
  font-weight: 600;
  font-size: 10px;
  line-height: 12px;
  color: var(--extra-dark-color);
}

.tooltip-def {
  position: relative;
}
.tooltip-def__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;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  background: var(--light-color);
}
.tooltip-def__btn:hover + .tooltip-def__txt {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
.tooltip-def__btn:focus + .tooltip-def__txt {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
.tooltip-def__btn svg {
  width: 16px;
  height: 16px;
  fill: var(--extra-svg-color);
}
.tooltip-def__txt {
  position: absolute;
  left: 0;
  top: calc(100% + 8px);
  border-radius: 4px;
  padding: 4px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: 370px;
  -webkit-box-shadow: 4px 8px 20px rgba(0, 13, 84, 0.2);
  box-shadow: 4px 8px 20px rgba(0, 13, 84, 0.2);
  font-weight: 400;
  font-size: 10px;
  line-height: 1.2;
  color: var(--dark-color);
  background: var(--light-color);
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(5px);
  -ms-transform: translateY(5px);
  transform: translateY(5px);
  -webkit-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, visibility 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, visibility 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, visibility 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.tooltip-def__txt::after {
  content: "";
  position: absolute;
  top: -4px;
  left: 50%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 6px 8px 6px;
  border-color: transparent transparent var(--light-color) transparent;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.sidebar {
  width: 104px;
  min-height: 892px;
  height: 100%;
  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: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 16px 24px 24px 24px;
  background-color: var(--light-color);
  overflow: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.sidebar__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.sidebar__descr {
  margin: 0 0 0 16px;
  font-weight: 400;
  font-size: 10px;
  line-height: 12px;
  color: var(--copy-descr-color);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.sidebar__link-app svg {
  width: 8px;
  height: 54px;
  color: var(--extra-dark-color);
}
.sidebar--collapse .sidebar {
  width: 104px;
}
.sidebar--collapse .sidebar:hover {
  width: 104px;
}
.sidebar--collapse .sidebar-nav {
  width: 52px;
}

.sidebar .t-catalog__outer {
  width: 1238px !important;
}

.sidebar-nav {
  overflow: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.sidebar-nav__item:not(:last-child) {
  margin-bottom: 4px;
}
.sidebar-nav__item:nth-child(5n):after {
  display: block;
  content: "";
  height: 1px;
  width: 100%;
  border-radius: 8px;
  background-color: var(--divider-color);
  margin-top: 16px;
}
.sidebar-nav__item:nth-child(5n) {
  margin-bottom: 16px;
}
.sidebar-nav__item:nth-child(6), .sidebar-nav__item:nth-child(11) {
  margin-top: 16px;
}
.sidebar-nav__link {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 12px 16px;
  border-radius: 8px;
  color: var(--extra-dark-color);
  -webkit-transition: background-color 0.1s !important;
  -o-transition: background-color 0.1s !important;
  transition: background-color 0.1s !important;
}
.sidebar-nav__link svg {
  width: 24px;
  height: 24px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  fill: var(--main-svg-color);
}
.sidebar-nav__link:hover {
  color: var(--light-color);
  background-color: var(--main-bg);
}
.sidebar-nav__link:hover svg {
  fill: var(--accent-color);
}
.sidebar-nav__link:hover .sidebar-nav__title {
  color: var(--accent-color);
}
.sidebar-nav__link--active {
  color: var(--light-color);
  background-color: var(--accent-color);
}
.sidebar-nav__link--active svg {
  fill: var(--light-color);
}
.sidebar-nav__link--active:hover {
  background-color: var(--accent-color);
}
.sidebar-nav__link--active:hover svg {
  fill: var(--light-color);
}
.sidebar-nav__link--active:hover .sidebar-nav__title {
  color: var(--light-color);
}
.sidebar-nav__title {
  margin-left: 16px;
  font-weight: 500;
  font-size: 15px;
  line-height: 18px;
  letter-spacing: 0.02em;
}

.sidebar-wrapper {
  width: 104px;
  position: relative;
  z-index: 200;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.sidebar-wrapper.hover .sidebar {
  width: 246px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.sidebar-wrapper.hover .sidebar__descr {
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 1.2s ease-in-out;
  -o-transition: all 1.2s ease-in-out;
  transition: all 1.2s ease-in-out;
}

.sidebar-wrapper.expanded {
  width: 246px;
}
.sidebar-wrapper.expanded .sidebar__descr {
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 1.2s ease-in-out;
  -o-transition: all 1.2s ease-in-out;
  transition: all 1.2s ease-in-out;
}

.sidebar.expanded {
  width: 246px;
}

.expand-svg.replaced-svg {
  display: none;
}

.collapse-svg {
  display: none;
}
.collapse-svg.replaced-svg {
  display: block;
}

.search__container {
  margin-bottom: 16px;
}
.search__form {
  position: relative;
  max-width: 265px;
  width: 100%;
}
.search__input {
  width: 100%;
  height: 48px;
  padding: 0 5px 0 46px;
  border: 2px solid transparent;
  border-radius: 8px;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  vertical-align: middle;
  color: var(--input-color);
  outline: none;
  -webkit-box-shadow: 0px 2px 5px rgba(38, 51, 77, 0.03);
  box-shadow: 0px 2px 5px rgba(38, 51, 77, 0.03);
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.search__input:focus {
  border: 2px solid var(--accent-color);
}
.search__input::-webkit-input-placeholder {
  color: var(--light-gray-color);
}
.search__input::-moz-placeholder {
  color: var(--light-gray-color);
}
.search__input:-ms-input-placeholder {
  color: var(--light-gray-color);
}
.search__input::-ms-input-placeholder {
  color: var(--light-gray-color);
}
.search__input::placeholder {
  color: var(--light-gray-color);
}
.search__icon {
  position: absolute;
  top: 50%;
  left: 8px;
  right: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 30px;
  height: 30px;
  padding: 6px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.search__icon svg {
  width: 18px;
  height: 18px;
  fill: var(--search-svg-color);
}
.search__filter-matches {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 30px;
}

.pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
}
.pagination__item:not(:last-child) {
  margin-right: 10px;
}

.breadcrumb-lk {
  padding: 24px 0;
}
.breadcrumb-lk__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.breadcrumb-lk__item {
  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;
}
.breadcrumb-lk__item:not(:last-child) {
  margin-right: 8px;
}
.breadcrumb-lk__item:not(:last-child)::after {
  display: block;
  margin-left: 8px;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 0 4px 5px;
  border-color: transparent transparent transparent #c3cad9;
}
.breadcrumb-lk__item--active {
  color: var(--extra-dark-color);
}
.breadcrumb-lk__item:last-child {
  font-weight: 600;
  font-size: 10px;
  line-height: 12px;
}
.breadcrumb-lk__link {
  font-weight: 600;
  font-size: 10px;
  line-height: 12px;
  color: var(--breadcrumb-color);
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.breadcrumb-lk__link:hover {
  color: var(--accent-color);
}

.tabs__nav {
  padding: 0;
  margin-top: 0;
  margin-bottom: 24px;
}
.tabs__nav-item--active .tabs__nav-btn {
  color: var(--more-dark-color);
}
.tabs__nav-item--active::after {
  display: block;
  content: "";
  width: 100%;
  height: 2px;
  background-color: red;
}
.tabs__nav-btn {
  padding: 10px;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: var(--extra-bg);
}
.tabs__nav-btn:hover {
  cursor: pointer;
}
.tabs__nav-btn:focus {
  color: var(--more-dark-color);
  background-color: var(--light-color);
}

.stock__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  margin-bottom: 4px;
}
.stock__title {
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
  color: var(--dark-color);
}
.stock__dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 4px;
}
.stock__dot {
  width: 20px;
  height: 8px;
  background-color: var(--light-gray-color);
}
.stock__dot--fill {
  background-color: var(--accent-color);
}
.stock__dot:not(:last-child) {
  margin-right: 8px;
}

.collection-tooltip {
  display: block;
  position: relative;
  top: 0;
  left: 0;
}
.collection-tooltip__txt {
  position: absolute;
  left: 60px;
  bottom: 2px;
  border-radius: 4px;
  padding: 4px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: 370px;
  font-weight: 400;
  font-size: 10px;
  line-height: 1.2;
  color: var(--light-color);
  background: var(--extra-bg);
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(5px);
  -ms-transform: translateY(5px);
  transform: translateY(5px);
  -webkit-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out, visibility 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out, visibility 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out, visibility 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
}
.collection-tooltip__txt svg {
  position: absolute;
  top: 30%;
  left: -7%;
  width: 12px;
  height: 8px;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  fill: var(--extra-bg);
}
.collection-tooltip .btn__collection-tooltip:hover {
  cursor: pointer;
}
.collection-tooltip .btn__collection-tooltip:hover + .collection-tooltip__txt {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
.collection-tooltip .btn__collection-tooltip:focus + .collection-tooltip__txt {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

.logo__title {
  margin: 0;
  font-weight: 600;
  font-size: 24px;
  line-height: 29px;
  color: var(--dark-color);
}

.header__container {
  padding-top: 16px;
  padding-bottom: 16px;
  border-bottom: 2px solid #edeff2;
  background-color: var(--light-color);
  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;
}

.menu__list {
  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;
}
.menu__item {
  position: relative;
  width: 48px;
  height: 48px;
  padding: 12px;
  border-radius: 8px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.menu__item:not(:first-child):not(:last-child):hover {
  background-color: var(--main-bg);
}
.menu__item:not(:first-child):not(:last-child):hover svg {
  fill: var(--accent-color);
}
.menu__item:first-child:hover {
  background-color: var(--main-bg);
}
.menu__item--user {
  border: 2px solid var(--user-border-color);
  padding: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.menu__item--switch {
  padding: 12px 0;
}
.menu__item--switch:hover {
  background: none;
}
.menu__item:not(:nth-last-child(-n+2)) {
  margin-right: 16px;
}
.menu__item:nth-last-child(1) {
  margin-left: 24px;
}
.menu__item svg {
  width: 24px;
  height: 24px;
  fill: var(--main-svg-color);
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.menu__item--active {
  width: 100%;
  background-color: var(--main-bg);
}
.menu__item--active:nth-child(n+2):nth-child(-n+4)::before {
  position: absolute;
  top: -4px;
  left: 44px;
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--accent-color);
  -webkit-transform: translateX(-24px);
  -ms-transform: translateX(-24px);
  transform: translateX(-24px);
}

.cart-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.cart-info__descr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-left: 20px;
  font-weight: 400;
  font-size: 10px;
  line-height: 12px;
}
.cart-info__count {
  font-weight: 600;
}
.cart-info__sum {
  font-weight: 600;
}

.user__icon {
  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;
}
.user__image {
  border-radius: 8px;
}

.switch-theme {
  position: relative;
  display: block;
  width: 48px;
  height: 24px;
}
.switch-theme__input {
  opacity: 0;
  width: 0;
  height: 0;
}
.switch-theme__input:checked + .switch-theme__slider {
  background-color: var(--accent-color);
}
.switch-theme__input:checked + .switch-theme__slider:hover {
  background-color: #b30000;
}
.switch-theme__input:checked + .switch-theme__slider::before {
  -webkit-transform: translateX(24px);
  -ms-transform: translateX(24px);
  transform: translateX(24px);
}
.switch-theme__slider {
  position: absolute;
  border-radius: 16px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--theme-checkbox-bg);
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.switch-theme__slider:hover {
  background-color: #c7ced5;
}
.switch-theme__slider::before {
  position: absolute;
  content: "";
  border-radius: 50%;
  width: 20px;
  height: 20px;
  top: 2px;
  left: 2px;
  background-color: var(--light-color);
  -webkit-box-shadow: 0px 2px 4px rgba(29, 31, 33, 0.2);
  box-shadow: 0px 2px 4px rgba(29, 31, 33, 0.2);
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.top-search__wrapper {
  max-width: 100%;
  padding: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.top-search__wrapper--wider {
  width: 360px;
}
.top-search__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 48px;
  height: 48px;
  max-width: 100%;
  border: 2px solid transparent;
  border-radius: 8px;
  -webkit-transition: color 0.5s ease-in-out;
  -o-transition: color 0.5s ease-in-out;
  transition: color 0.5s ease-in-out;
}
.top-search__container--expanded {
  width: 100%;
  background-color: var(--main-bg);
}
.top-search__container--expanded .top-search__form {
  width: 100%;
  padding: 4px;
}
.top-search__form {
  width: 0px;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}
.top-search__input {
  all: unset;
  width: 100%;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: var(--input-color);
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.top-search__input::-webkit-input-placeholder {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: var(--input-placeholder-color);
}
.top-search__input::-moz-placeholder {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: var(--input-placeholder-color);
}
.top-search__input:-ms-input-placeholder {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: var(--input-placeholder-color);
}
.top-search__input::-ms-input-placeholder {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: var(--input-placeholder-color);
}
.top-search__input::placeholder {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: var(--input-placeholder-color);
}

.tooltip-menu {
  position: absolute;
  top: 50px;
}
.tooltip-menu__txt {
  position: absolute;
  right: 0;
  top: calc(100% + 8px);
  border-radius: 4px;
  padding: 4px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: 370px;
  -webkit-box-shadow: 4px 8px 20px rgba(0, 13, 84, 0.2);
  box-shadow: 4px 8px 20px rgba(0, 13, 84, 0.2);
  font-weight: 400;
  font-size: 10px;
  line-height: 1.2;
  color: var(--dark-color);
  background: var(--light-color);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transform: translateY(5px);
  -ms-transform: translateY(5px);
  transform: translateY(5px);
  -webkit-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, visibility 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, visibility 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, visibility 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.tooltip-menu__txt::after {
  content: "";
  position: absolute;
  top: -4px;
  left: 50%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 6px 8px 6px;
  border-color: transparent transparent var(--light-color) transparent;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.tooltip-menu__txt--search {
  left: -18px;
}
.tooltip-menu__txt--cart {
  right: -38px;
}
.tooltip-menu__txt--notify {
  right: -25px;
}

.menu__item:hover .tooltip-menu__txt {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

.menu__item:focus .tooltip-menu__txt {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

.catalog {
  background-color: #f7f8fa;
}
.catalog__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.catalog__container {
  padding-left: 0;
}
.catalog__title {
  margin: 16px 0;
  font-weight: 600;
  font-size: 24px;
  line-height: 29px;
  color: var(--extra-dark-color);
}
.catalog__flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.tree-wrapper {
  width: 265px;
  -ms-flex-item-align: start;
  align-self: flex-start;
  background-color: var(--light-color);
  -webkit-box-shadow: 0px 2px 5px rgba(38, 51, 77, 0.03);
  box-shadow: 0px 2px 5px rgba(38, 51, 77, 0.03);
  border-radius: 8px;
  padding: 16px 4px 4px 16px;
  overflow: hidden;
}
.tree-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 12px;
}
.tree-btns__left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  cursor: pointer;
}
.tree-btns__left:hover .btn__tree {
  color: var(--accent-color);
}
.tree-btns__left:hover svg {
  fill: var(--accent-color);
}
.tree-btns__left svg {
  width: 16px;
  height: 16px;
  fill: var(--search-svg-color);
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.tree-btns__right {
  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;
  margin-left: 64px;
}

#tree {
  max-width: 265px;
  overflow: auto;
}

ul.fancytree-container {
  max-height: 640px;
  border: none;
  overflow: scroll;
  outline: none;
}
ul.fancytree-container::-webkit-scrollbar {
  height: 4px;
  cursor: pointer;
}
ul.fancytree-container::-webkit-scrollbar:vertical {
  height: 4px;
  width: 4px;
  cursor: pointer;
}
ul.fancytree-container::-webkit-scrollbar-track {
  background: transparent;
}
ul.fancytree-container::-webkit-scrollbar-thumb {
  background-color: #c3cad9;
  border-radius: 8px;
}

span.fancytree-title {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.fancytree-ext-filter span.fancytree-title mark {
  color: var(--accent-color);
  background-color: transparent;
}

span.fancytree-node.fancytree-folder > span.fancytree-icon {
  background-position: 0 0;
  background-image: url("../skin-custom-tree/tree-subfolder.svg");
}

span.fancytree-node.fancytree-folder.fancytree-expanded > span.fancytree-icon {
  background-position: 0 0;
  background-image: url("../skin-custom-tree/tree-subfolder1.svg");
}

.fancytree-has-children.fancytree-ico-cf span.fancytree-icon:hover {
  background-position: 0 0;
}

.fancytree-ext-filter-dimm span.fancytree-node.fancytree-match span.fancytree-title {
  color: var(--accent-color);
  font-weight: 500;
}

.fancytree-ext-filter-dimm span.fancytree-node.fancytree-submatch span.fancytree-title {
  color: var(--accent-color);
}

span.fancytree-selected .fancytree-title {
  font-style: normal;
}

.t-cat {
  width: 1200px !important;
  background-color: var(--light-color);
}
.t-cat th {
  font-weight: 600;
  font-size: 10px;
  line-height: 12px;
  color: var(--dark-color);
}
.t-cat td {
  padding: 13.5px 26px 13.5px 16px !important;
  font-weight: 400;
  font-size: 10px;
  line-height: 12px;
  color: var(--dark-color);
  border-bottom: 1px solid var(--t-select-row-color);
}
.t-cat td:nth-child(4) {
  position: relative;
}
.t-cat td:nth-child(4):hover .popup-preview {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
  pointer-events: auto;
}
.t-cat__row:hover {
  background-color: var(--line-color) !important;
}
.t-cat__row:hover td:nth-child(1) {
  background-color: var(--line-color) !important;
}
.t-cat__row:hover td:nth-last-child(2) {
  background-color: var(--line-color) !important;
}
.t-cat__row:nth-child(-n+4) .popup-preview {
  top: 0px;
}
.t-cat th:nth-child(1) {
  position: sticky;
  left: 0;
  width: 160px !important;
  background-color: var(--light-color);
  -webkit-box-shadow: 3px 2px 3px 0px rgba(50, 50, 50, 0.2);
  box-shadow: 3px 2px 3px 0px rgba(50, 50, 50, 0.2);
  z-index: 200;
}
.t-cat td:nth-child(1) {
  position: sticky;
  left: 0;
  width: 160px !important;
  background-color: var(--light-color);
  -webkit-box-shadow: 3px 2px 3px 0px rgba(50, 50, 50, 0.2);
  box-shadow: 3px 2px 3px 0px rgba(50, 50, 50, 0.2);
}
.t-cat th:nth-last-child(1) {
  width: 0 !important;
  padding: 0 !important;
}
.t-cat td:nth-last-child(1) {
  width: 0 !important;
  padding: 0 !important;
}
.t-cat th:nth-last-child(2) {
  position: sticky !important;
  right: 0;
  width: 118px !important;
  background-color: var(--light-color);
  -webkit-box-shadow: -3px 2px 3px 0px rgba(50, 50, 50, 0.2);
  box-shadow: -3px 2px 3px 0px rgba(50, 50, 50, 0.2);
}
.t-cat td:nth-last-child(2) {
  position: sticky;
  width: 140px !important;
  right: 0;
  background-color: var(--light-color);
  -webkit-box-shadow: -3px 2px 3px 0px rgba(50, 50, 50, 0.2);
  box-shadow: -3px 2px 3px 0px rgba(50, 50, 50, 0.2);
  padding: 6.5px 0 6.5px 0 !important;
}
.t-cat td:nth-child(2),
.t-cat th:nth-child(2) {
  width: 160px !important;
}
.t-cat td:nth-child(3),
.t-cat th:nth-child(3) {
  width: 135px !important;
}
.t-cat td:nth-child(4),
.t-cat th:nth-child(4) {
  width: 230px !important;
}
.t-cat td:nth-child(5),
.t-cat th:nth-child(5) {
  width: 98px !important;
}
.t-cat td:nth-child(6),
.t-cat th:nth-child(6) {
  width: 98px !important;
}
.t-cat td:nth-child(7),
.t-cat th:nth-child(7) {
  width: 98px !important;
}
.t-cat td:nth-child(8),
.t-cat th:nth-child(8) {
  width: 98px !important;
}
.t-cat-menu {
  max-width: 112px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 auto;
}
.t-cat-menu__item {
  display: block;
  width: 24px;
  height: 26px;
}
.t-cat-menu__item:not(:last-child) {
  margin-right: 8px;
}
.t-cat__link {
  color: var(--dark-color);
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.t-cat__link:hover {
  color: var(--accent-color);
}
.t-cat__cell:nth-child(4):hover .t-cat__link {
  color: var(--accent-color);
}

.graph-modal__close {
  background-image: none;
}

.popup {
  width: 100%;
  max-width: 375px;
  padding: 24px;
  border-radius: 8px;
  -webkit-box-shadow: 0px 4px 8px rgba(38, 51, 77, 0.2);
  box-shadow: 0px 4px 8px rgba(38, 51, 77, 0.2);
}
.popup__title {
  margin: 0;
  padding-bottom: 8px;
  font-weight: 400;
  font-size: 10px;
  line-height: 12px;
  color: var(--extra-dark-color);
}
.popup__prices {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.popup__prices--bottom {
  padding-bottom: 16px;
}
.popup__price {
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  color: var(--dark-color);
}
.popup__item:not(:last-child) {
  margin-bottom: 24px;
}
.popup__item:nth-child(3) {
  margin-bottom: 32px;
}
.popup__item:not(:last-child)::after {
  display: block;
  content: "";
  width: 100%;
  height: 1px;
  background-color: var(--light-gray-color);
}
.popup__choose {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-bottom: 24px;
}
.popup__laying-type {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.popup__image {
  position: relative;
  display: block;
}
.popup__image:hover {
  cursor: pointer;
}
.popup__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 30px;
}
.popup__input {
  width: 100%;
  height: 40px;
  padding: 11px 12px;
  border-radius: 5px;
  border: 1px solid var(--input-placeholder-color);
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
  color: var(--dark-color);
  outline: none;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.popup__input:-webkit-autofill, .popup__input:-webkit-autofill:hover, .popup__input:-webkit-autofill:focus, .popup__input:-webkit-autofill:active {
  -webkit-text-fill-color: var(--dark-color);
  -webkit-box-shadow: 0 0 0 30px var(--light-color) inset !important;
  box-shadow: 0 0 0 30px var(--light-color) inset !important;
}
.popup__input::-webkit-input-placeholder {
  color: var(--input-placeholder-color);
}
.popup__input::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.popup__input:-ms-input-placeholder {
  color: var(--input-placeholder-color);
}
.popup__input::-ms-input-placeholder {
  color: var(--input-placeholder-color);
}
.popup__input::placeholder {
  color: var(--input-placeholder-color);
}
.popup__input:focus {
  border: 1px solid var(--accent-color);
}
.popup__bottom {
  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;
}

.price__item {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.price__item:nth-last-child(1) {
  margin-left: 20px;
}

.prod-type {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.prod-type__item:not(:last-child) {
  margin-right: 16px;
}
.prod-type__item svg {
  width: 64px;
  height: 40px;
  border-radius: 4px;
  fill: var(--laying-type-hover);
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.prod-type__item svg:hover {
  fill: var(--accent-color);
  cursor: pointer;
}
.prod-type__item--active svg {
  fill: var(--accent-color);
}

.dataTables_wrapper {
  -ms-flex-item-align: start !important;
  align-self: flex-start !important;
  padding: 16px 0;
  width: 1200px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.dataTables_wrapper.collapse {
  width: 1114px !important;
}

.dataTables_length {
  display: none;
}

.dataTables_scrollHeadInner {
  padding-right: 0 !important;
}

.dataTables_scrollHeadInner {
  width: 100%;
}

.dataTables_paginate {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: var(--light-color);
}

table.dataTable thead > tr > th:nth-child(1),
table.dataTable thead > tr > td:nth-child(1) {
  position: sticky;
  left: 0;
  padding-right: 26px;
}

table.dataTable thead > tr > th:nth-last-child(1)::after,
table.dataTable tbody > tr > td:nth-last-child(1)::after {
  display: none !important;
}
table.dataTable thead > tr > th:nth-last-child(1)::before,
table.dataTable tbody > tr > td:nth-last-child(1)::before {
  display: none !important;
}

.dataTables_scrollBody {
  background-color: var(--light-color);
}
.dataTables_scrollBody::-webkit-scrollbar {
  height: 4px;
  width: 4px;
}
.dataTables_scrollBody::-webkit-scrollbar:vertical {
  height: 4px;
  width: 4px;
}
.dataTables_scrollBody::-webkit-scrollbar-track {
  background: transparent;
}
.dataTables_scrollBody::-webkit-scrollbar-thumb {
  background-color: #c3cad9;
  border-radius: 8px;
}

table.dataTable thead th,
table.dataTable thead td {
  padding-top: 16px;
  padding-bottom: 16px;
}

table.dataTable tbody th,
table.dataTable tbody td {
  padding: 0;
}

table.dataTable {
  margin: 0;
}

.paginate_button.current {
  border: 2px solid var(--accent-color) !important;
  background: var(--light-color) !important;
}

.paginate_button.current:hover {
  border: 2px solid transparent;
}

.dataTables_wrapper .dataTables_paginate {
  padding: 15px 16px;
  border-top: 1px solid var(--t-select-row-color) !important;
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
  border-bottom: none;
  background: transparent;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
  padding: 8.5px 12px;
  border: 2px solid transparent;
  border-radius: 4px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:active {
  background: var(--light-color) !important;
  border: 2px solid transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 8.5px 12px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  border: 2px solid var(--main-bg);
  background: var(--main-bg);
  color: #000 !important;
}

table.dataTable thead th,
table.dataTable thead td {
  border-bottom: 1px solid var(--light-gray-color);
}

.paginate_button:not(:last-child) {
  margin-right: 8px;
}

.dataTables_empty {
  font-size: 12px;
}

.dataTables_filter {
  display: none;
}

.specnew {
  width: 9.55% !important;
}

table.dataTable thead > tr > th.sorting,
table.dataTable thead > tr > th.sorting_asc {
  padding-right: 10px;
}

.decor {
  background-color: var(--main-bg);
}
.decor__flex {
  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;
  padding-left: 16px;
}
.decor__container {
  padding: 0 40px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.decor__title {
  margin: 0;
  padding-bottom: 24px;
  font-weight: 600;
  font-size: 28px;
  line-height: 34px;
  color: var(--extra-dark-color);
}
.decor__title--small {
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
}
.decor__title--mod {
  padding-bottom: 42px;
}
.decor__title--indent {
  margin-left: 16px;
}

.decor-card {
  margin-bottom: 24px;
  padding: 16px 0 16px 0;
}
.decor-card__container {
  padding: 0 16px 0 16px;
}
.decor-card__top {
  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;
  margin-bottom: 46px;
}
.decor-card__middle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  margin-bottom: 32px;
}
.decor-card__name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.decor-card__title {
  margin: 0;
  padding-bottom: 8px;
  font-weight: 600;
  font-size: 32px;
  line-height: 40px;
  color: var(--extra-dark-color);
}
.decor-card__product-vendor-code {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: var(--dark-color);
}
.decor-card__fun {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 56px;
}
.decor-card__fun-item:not(:last-child) {
  margin-right: 4px;
}
.decor-card__fun-item:first-child {
  margin-right: 6px;
}
.decor-card__type-wrap {
  max-width: 56px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.decor-card__type {
  position: relative;
  height: 56px;
  margin-bottom: 4px;
}
.decor-card__type .ramka-svg {
  width: 56px;
  height: 56px;
  fill: #dfe3eb;
}
.decor-card__type .zamkoviy-svg {
  position: absolute;
  width: 30px;
  height: 30px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  fill: var(--main-svg-color);
}
.decor-card__type-name {
  font-weight: 600;
  font-size: 10px;
  line-height: 12px;
  color: var(--extra-dark-color);
}
.decor-card__type--collection {
  background-color: var(--main-bg);
}
.decor-card__drop {
  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: 56px;
  height: 56px;
  font-weight: 600;
  font-size: 10px;
  line-height: 12px;
  text-transform: uppercase;
  color: var(--extra-dark-color);
  background-color: var(--main-bg);
}
.decor-card__size {
  height: 56px;
}
.decor-card__size-item {
  width: 40px;
  height: 26px;
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  font-weight: 600;
  font-size: 10px;
  line-height: 12px;
  color: var(--extra-dark-color);
  background-color: var(--main-bg);
}
.decor-card__size-item:not(:last-child) {
  margin-bottom: 4px;
}
.decor-card__size-item--active {
  color: var(--light-color);
  background-color: var(--extra-bg);
}
.decor-card__visual {
  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;
}
.decor-card__visual svg {
  width: 40px;
  height: 40px;
  fill: #0d111a;
}
.decor-card__visual-link {
  display: block;
  padding: 5px 20px 5px 5px;
  font-weight: 400;
  font-size: 14px;
  line-height: 14px;
  color: var(--extra-dark-color);
}
.decor-card__visual-name {
  max-width: 98px;
  background-color: var(--main-bg);
}
.decor-card__text {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: var(--dark-color);
}
.decor-card__img {
  margin-right: 24px;
}
.decor-card__stock {
  max-width: 198px;
  margin-right: 76px;
}
.decor-card__text {
  margin: 0;
}
.decor-card__packing {
  max-width: 158px;
  margin-right: 98px;
}
.decor-card__prices {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.decor-card__price {
  font-weight: 600;
  font-size: 32px;
  line-height: 38px;
  color: var(--dark-color);
}
.decor-card__p-price {
  margin: 0;
  padding-bottom: 8px;
  font-weight: 600;
  font-size: 32px;
  line-height: 38px;
  color: var(--dark-color);
}
.decor-card__p-price-text {
  margin: 0;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: #4e5359;
}

.all-decor__title {
  margin: 0;
  padding-bottom: 16px;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  color: var(--extra-dark-color);
}
.all-decor__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 0;
}
.all-decor__item {
  position: relative;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border: 2px solid transparent;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
.all-decor__item:hover {
  border: 2px solid var(--accent-color);
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
.all-decor__item:hover .all-decor__popup {
  opacity: 1;
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
  pointer-events: auto;
}
.all-decor__item:not(:last-child) {
  margin-right: 24px;
}
.all-decor__popup {
  position: absolute;
  bottom: 100%;
  left: 0;
  margin-bottom: 13px;
  width: 136px;
  padding: 8px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  opacity: 0;
  -webkit-transform: translateY(13px);
  -ms-transform: translateY(13px);
  transform: translateY(13px);
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  pointer-events: none;
  z-index: 100;
  background: #fff;
}
.all-decor__popup-img {
  background-image: url(https://cdn.vkvadrate.ru/lvt/Fine_Price/Forbo_Home_Expert/img3d/2028/2028_plank_1.jpg);
  width: 100%;
  padding-bottom: 100%;
  background-position: center;
  background-size: cover;
  margin-bottom: 8px;
}
.all-decor__popup-name {
  font-size: 10px;
  line-height: 13px;
  letter-spacing: 0.02em;
  color: #4e5359;
}

.decor-nav-wrap {
  position: sticky;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 24px;
  z-index: 100;
}
.decor-nav-wrap__left {
  margin-right: 16px;
  padding: 24px 16px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  border-radius: 8px;
  background-color: var(--light-color);
  -webkit-box-shadow: 0px 2px 5px rgba(38, 51, 77, 0.03);
  box-shadow: 0px 2px 5px rgba(38, 51, 77, 0.03);
}
.decor-nav-wrap__right {
  position: relative;
  max-width: 325px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding: 16px 16px 16px 20px;
  border-radius: 8px;
  background-color: var(--light-color);
  -webkit-box-shadow: 0px 2px 5px rgba(38, 51, 77, 0.03);
  box-shadow: 0px 2px 5px rgba(38, 51, 77, 0.03);
}
.decor-nav__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.decor-nav__item::after {
  width: 100%;
  display: block;
  content: "";
  margin-top: 10px;
  height: 2px;
  color: var(--more-dark-color);
  background-color: transparent;
}
.decor-nav__item--active::after {
  background-color: var(--accent-color);
}
.decor-nav__link {
  padding: 10px;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: var(--more-dark-color);
}
.decor-nav__popup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.decor-nav__popup-menu {
  position: absolute;
  top: 0;
  left: 0;
}

.decor-spec {
  margin-bottom: 24px;
  padding: 24px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: var(--light-color);
}
.decor-spec__container {
  padding: 0 16px;
}
.decor-spec__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-height: 862px;
  overflow: hidden;
}
.decor-spec__left {
  max-width: 810px;
  width: 100%;
  margin-right: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.decor-spec__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  overflow-y: scroll;
  overflow: overlay;
}
.decor-spec__right::-webkit-scrollbar {
  width: 8px;
}
.decor-spec__right::-webkit-scrollbar-track {
  background: transparent;
}
.decor-spec__right::-webkit-scrollbar-thumb {
  border-radius: 8px;
  background-color: var(--light-color);
  background: rgba(255, 255, 255, 0.8);
}
.decor-spec__image:not(:last-child) {
  margin-bottom: 5px;
}
.decor-spec__cols {
  max-width: 790px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.decor-spec__cols:not(:last-child) {
  margin-bottom: 64px;
}
.decor-spec__col {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.decor-spec__col:not(:last-child) {
  margin-right: 62px;
}
.decor-spec__line {
  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;
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: 1px solid var(--line-color);
}
.decor-spec-main__prop {
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: var(--dark-color);
}
.decor-spec-main__value {
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
  color: var(--dark-color);
}
.decor-spec-extra__line {
  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;
  padding-bottom: 8px;
  margin-bottom: 16px;
  border-bottom: 1px solid var(--line-color);
}
.decor-spec-extra__prop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: var(--dark-color);
}
.decor-spec-extra__value {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: var(--dark-color);
}
.decor-spec__tooltip {
  margin-left: 10px;
}

.decor-info {
  margin-bottom: 24px;
  padding: 24px 0;
}
.decor-info__container {
  padding: 0 16px;
}
.decor-info__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.decor-info__item:not(:last-child) {
  margin-right: 16px;
}
.decor-info__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;
  padding: 8px;
  border-radius: 8px;
  font-weight: 500;
  font-size: 15px;
  line-height: 18px;
  color: var(--dark-color);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.decor-info__link svg {
  width: 24px;
  height: 24px;
  margin-right: 8px;
  fill: var(--main-svg-color);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.decor-info__link:hover {
  color: var(--accent-color);
  background-color: var(--main-bg);
}
.decor-info__link:hover svg {
  fill: var(--accent-color);
}

.decor-collection {
  margin-bottom: 24px;
  padding: 24px 0 40px 0;
}
.decor-collection__container {
  padding: 0 20px 0 24px;
}
.decor-collection__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.decor-collection__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.decor-collection__logo {
  margin-bottom: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 0;
}
.decor-collection__flag {
  margin-right: 8px;
}
.decor-collection__brand {
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: var(--dark-color);
}
.decor-collection__row {
  margin-bottom: 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.decor-collection__title {
  margin: 0;
  font-weight: 600;
  font-size: 32px;
  line-height: 40px;
  color: var(--extra-dark-color);
}
.decor-collection__subtitle {
  margin: 0;
  padding-bottom: 24px;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  color: var(--dark-color);
}
.decor-collection__inf {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.decor-collection__inf-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 170px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.decor-collection__inf-wrap:not(:last-child) {
  margin-right: 24px;
}
.decor-collection__inf::after {
  width: 100%;
  display: block;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  content: "";
  height: 4px;
  background-color: var(--divider-color);
}
.decor-collection__inf-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  padding-bottom: 4px;
}
.decor-collection__inf:not(:last-child) {
  margin-right: 24px;
}
.decor-collection__funs {
  margin-right: 245px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.decor-collection__fun {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.decor-collection__fun:not(:last-child) {
  margin-bottom: 16px;
}
.decor-collection__fun-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.decor-collection__type {
  width: 56px;
  height: 56px;
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: var(--main-bg);
}
.decor-collection__type-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.decor-collection__type-name {
  font-weight: 600;
  font-size: 10px;
  line-height: 12px;
  color: var(--extra-dark-color);
}
.decor-collection__type svg {
  width: 32px;
  height: 32px;
  fill: var(--extra-bg);
}
.decor-collection__type-item:not(:last-child) {
  margin-right: 4px;
}
.decor-collection__drop {
  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: 56px;
  height: 56px;
  border: 2px solid var(--main-bg);
}
.decor-collection__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-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.decor-collection__size-item:not(:last-child) {
  margin-bottom: 4px;
}
.decor-collection__size-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;
  width: 46px;
  height: 26px;
  font-weight: 600;
  font-size: 10px;
  line-height: 12px;
  background-color: var(--main-bg);
}
.decor-collection__size-num--active {
  color: var(--light-color);
  background-color: var(--main-svg-color) !important;
}
.decor-collection__adv {
  max-width: 198px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.decor-collection__adv-text {
  margin: 0;
  padding-left: 16px;
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
  color: var(--dark-color);
}
.decor-collection__adv-wrap {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
  -webkit-column-gap: 92px;
  -moz-column-gap: 92px;
  column-gap: 92px;
  row-gap: 32px;
}
.decor-collection__svgs {
  position: relative;
  width: 56px;
  height: 56px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.decor-collection__svgs .adv-ramka {
  position: absolute;
  width: 56px;
  height: 56px;
  fill: var(--main-svg-color);
}
.decor-collection__svgs .adv-craft {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 32px;
  height: 32px;
  fill: var(--main-svg-color);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.decor-collection__number {
  display: block;
  margin-right: 4px;
  font-weight: 600;
  font-size: 32px;
  line-height: 40px;
  color: var(--extra-dark-color);
}
.decor-collection__cur {
  display: block;
  margin-right: 4px;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  color: var(--extra-dark-color);
}
.decor-collection__price {
  margin: 0;
  font-weight: 600;
  font-size: 32px;
  line-height: 40px;
  color: var(--extra-dark-color);
}
.decor-collection__text {
  margin: 0;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: #4e5359;
}

.decor-brand {
  margin-bottom: 24px;
  padding: 24px 0 16px 0;
}
.decor-brand__container {
  padding: 0 24px 0 16px;
}
.decor-brand__image {
  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;
  max-width: 194px;
  width: 100%;
  height: 194px;
  border-radius: 8px;
  background-color: var(--main-bg);
}
.decor-brand__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.decor-brand__descr {
  max-width: 1022px;
  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;
  margin-left: 24px;
}
.decor-brand__text {
  margin: 0;
  margin-bottom: 16px;
}
.decor-brand__link {
  margin-bottom: 52px;
  color: var(--accent-color);
}

.decor-default {
  margin-bottom: 24px;
  padding: 24px 0 16px 0;
}
.decor-default__container {
  padding: 0 16px;
}

.decor-table {
  margin-bottom: 24px;
  padding: 24px 0 16px 0;
}
.decor-table__container {
  padding: 0;
}

.t-decor {
  padding-top: 16px;
  padding-bottom: 16px;
}
.t-decor.collapse {
  width: 1108px;
}
.t-decor__outer {
  width: 100%;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  cursor: pointer;
}
.t-decor__outer th {
  font-weight: 600;
  font-size: 10px;
  line-height: 12px;
  text-align: left;
  padding: 17.5px 16px;
  color: #334466;
  background-color: var(--light-color);
  border-bottom: 1.2px solid #c3cad9;
}
.t-decor__outer td {
  padding: 13.5px 16px;
  font-weight: 400;
  font-size: 10px;
  line-height: 12px;
  color: #202b40;
  border-bottom: 1.2px solid #edeff2;
}
.t-decor__outer td:nth-child(4) {
  position: relative;
}
.t-decor__outer td:nth-child(4):hover .popup-preview {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
  pointer-events: auto;
}
.t-decor__outer th:nth-child(1),
.t-decor__outer td:nth-child(1) {
  width: 72px;
}
.t-decor__outer th:nth-child(2),
.t-decor__outer td:nth-child(2) {
  width: 135px;
}
.t-decor__outer th:nth-child(3),
.t-decor__outer td:nth-child(3) {
  width: 138px;
}
.t-decor__outer th:nth-child(4),
.t-decor__outer td:nth-child(4) {
  width: 354px;
}
.t-decor__outer th:nth-child(5),
.t-decor__outer td:nth-child(5) {
  width: 168px;
}
.t-decor__outer th:nth-child(6),
.t-decor__outer td:nth-child(6) {
  width: 168px;
}
.t-decor__outer th:nth-child(7),
.t-decor__outer td:nth-child(7) {
  width: 150px;
}
.t-decor__outer td:nth-last-child(1),
.t-decor__outer th:nth-last-child(1) {
  width: 88px;
}
.t-decor__outer td:nth-last-child(1) {
  padding: 10px;
}
.t-decor__inner {
  width: 100%;
  border-collapse: collapse;
}
.t-decor__row:nth-child(-n+4) .t-decor__cell:nth-child(4).t-decor__cell:hover .popup-preview {
  top: 0;
}
@media (max-width: 576px) {
  .t-decor__row:nth-child(-n+4) .t-decor__cell:nth-child(4).t-decor__cell:hover .popup-preview {
    top: 0px;
    left: -100px;
  }
}
.t-decor__row:nth-child(-n+4) .popup-preview {
  top: 0px;
}
.t-decor__row:nth-child(n+5) .t-decor__cell:nth-child(4).t-decor__cell:hover .popup-preview {
  top: -156px;
  left: 10px;
}
@media (max-width: 576px) {
  .t-decor__row:nth-child(n+5) .t-decor__cell:nth-child(4).t-decor__cell:hover .popup-preview {
    top: 0;
    left: -100px;
  }
}
.t-decor__row {
  background-color: var(--light-color);
}
.t-decor__row:hover {
  background-color: var(--t-select-row-color);
}
.t-decor-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.t-decor-menu__item {
  display: block;
  width: 24px;
  height: 26px;
}
.t-decor-menu__item:not(:last-child) {
  margin-right: 8px;
}
.t-decor__header--name {
  z-index: 20;
}
.t-decor-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.spec-tooltip {
  display: block;
  position: relative;
  top: 0;
  left: 0;
}
.spec-tooltip__txt {
  position: absolute;
  left: -35%;
  bottom: calc(100% + 10px);
  border-radius: 4px;
  padding: 4px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: 370px;
  font-weight: 400;
  font-size: 10px;
  line-height: 1.2;
  color: var(--light-color);
  background: var(--extra-bg);
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(5px);
  -ms-transform: translateY(5px);
  transform: translateY(5px);
  -webkit-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, visibility 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, visibility 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, visibility 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.spec-tooltip__txt svg {
  position: absolute;
  top: 18px;
  left: 20px;
  width: 12px;
  height: 8px;
  fill: var(--extra-bg);
}
.spec-tooltip__txt .q-tooltip--center {
  top: 18px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.spec-tooltip .btn__spec-tooltip:hover {
  cursor: pointer;
}
.spec-tooltip .btn__spec-tooltip:hover + .spec-tooltip__txt {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
.spec-tooltip .btn__spec-tooltip:focus + .spec-tooltip__txt {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
.spec-tooltip .btn__spec-tooltip svg {
  width: 16px;
  height: 16px;
  fill: var(--extra-svg-color);
  margin-left: 8px;
}

.popup-decor {
  position: absolute;
  left: 92px;
  top: 76px;
  border-radius: 4px;
  width: 208px;
  max-width: 456px;
  padding: 8px;
  -webkit-box-shadow: 4px 8px 20px rgba(0, 13, 84, 0.2);
  box-shadow: 4px 8px 20px rgba(0, 13, 84, 0.2);
  font-family: var(--extra-font-family);
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  text-transform: initial;
  color: var(--dark-color);
  background-color: var(--light-color);
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(10px);
  -ms-transform: translateY(10px);
  transform: translateY(10px);
  -webkit-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, visibility 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, visibility 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, visibility 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  -webkit-box-shadow: 0px 8px 24px rgba(21, 21, 22, 0.1);
  box-shadow: 0px 8px 24px rgba(21, 21, 22, 0.1);
  border-radius: 8px;
  z-index: 3;
}
@media (max-width: 576px) {
  .popup-decor {
    top: 30px;
  }
}
.popup-decor__item {
  padding: 4px 8px;
}
.popup-decor__item:hover {
  border-radius: 8px;
  background-color: var(--bg-btn-action);
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 576px) {
  .popup-decor {
    top: 34px;
    left: -178px;
  }
}
.popup-decor svg {
  width: 16px;
  height: 16px;
}
.popup-decor--active {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
.popup-decor__title {
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
  letter-spacing: 0.03em;
}
.popup-decor__title:not(:last-child) {
  margin-bottom: 8px;
}
.popup-decor__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  border-radius: 8px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: #334466;
}
.popup-decor__link:hover, .popup-decor__link:focus {
  color: var(--accent-color);
}
.popup-decor__icon {
  width: 24px;
  height: 26px;
  padding: 4px 5px;
  margin-right: 4px;
}

.collection {
  background-color: var(--main-bg);
}
.collection__flex {
  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;
  padding-left: 16px;
}
.collection__container {
  padding: 0 40px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.collection__title {
  margin: 0;
  padding-bottom: 24px;
  font-weight: 600;
  font-size: 28px;
  line-height: 34px;
  color: var(--extra-dark-color);
}
.collection__title--small {
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
}
.collection__title--indent {
  margin-left: 16px;
}

.collection-main {
  margin-bottom: 24px;
  padding: 24px 0 40px 0;
}
.collection-main__container {
  padding: 0 24px 0 16px;
}
.collection-main__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.collection-main__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.collection-main__logo {
  margin-bottom: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 0;
}
.collection-main__flag {
  margin-right: 8px;
}
.collection-main__brand {
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: var(--dark-color);
}
.collection-main__row {
  margin-bottom: 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.collection-main__title {
  margin: 0;
  font-weight: 600;
  font-size: 32px;
  line-height: 40px;
  color: var(--extra-dark-color);
}
.collection-main__subtitle {
  margin: 0;
  padding-bottom: 24px;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  color: var(--dark-color);
}
.collection-main__inf {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.collection-main__inf-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 170px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.collection-main__inf-wrap:not(:last-child) {
  margin-right: 24px;
}
.collection-main__inf::after {
  width: 100%;
  display: block;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  content: "";
  height: 4px;
  background-color: var(--divider-color);
}
.collection-main__inf-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  padding-bottom: 4px;
}
.collection-main__inf:not(:last-child) {
  margin-right: 24px;
}
.collection-main__funs {
  margin-right: 245px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.collection-main__fun {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.collection-main__fun:not(:last-child) {
  margin-bottom: 16px;
}
.collection-main__fun-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 4px;
}
.collection-main__type {
  position: relative;
  width: 56px;
  height: 56px;
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.collection-main__type-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.collection-main__type-name {
  font-weight: 600;
  font-size: 10px;
  line-height: 12px;
  color: var(--extra-dark-color);
}
.collection-main__type .collection-ramka {
  position: absolute;
  top: 0;
  left: 0;
  width: 56px;
  height: 56px;
  fill: var(--extra-svg-color);
}
.collection-main__type .collection-craft {
  width: 32px;
  height: 32px;
  fill: var(--extra-bg);
}
.collection-main__type-item:not(:last-child) {
  margin-right: 4px;
}
.collection-main__drop {
  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: 56px;
  height: 56px;
  background-color: var(--main-bg);
}
.collection-main__size {
  -ms-flex-item-align: end;
  align-self: flex-end;
}
.collection-main__size-item {
  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: 46px;
  height: 26px;
  background-color: var(--main-bg);
}
.collection-main__size-item:not(:last-child) {
  margin-bottom: 4px;
}
.collection-main__size-item--active {
  color: var(--light-color);
  background-color: var(--main-svg-color) !important;
}
.collection-main__adv {
  max-width: 198px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.collection-main__adv-text {
  margin: 0;
  padding-left: 16px;
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
  color: var(--dark-color);
}
.collection-main__adv-wrap {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
  -webkit-column-gap: 92px;
  -moz-column-gap: 92px;
  column-gap: 92px;
  row-gap: 32px;
}
.collection-main__svgs {
  position: relative;
  width: 56px;
  height: 56px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.collection-main__svgs .adv-ramka {
  position: absolute;
  width: 56px;
  height: 56px;
  fill: var(--extra-svg-color);
}
.collection-main__svgs .adv-craft {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 32px;
  height: 32px;
  fill: var(--main-svg-color);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.collection-main__number {
  display: block;
  margin-right: 4px;
  font-weight: 600;
  font-size: 32px;
  line-height: 40px;
  color: var(--extra-dark-color);
}
.collection-main__cur {
  display: block;
  margin-right: 4px;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  color: var(--extra-dark-color);
}
.collection-main__price {
  margin: 0;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  color: var(--extra-dark-color);
}
.collection-main__text {
  margin: 0;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #4e5359;
}

.collection-decors {
  margin-bottom: 24px;
  padding: 24px 0 74px 0;
}
.collection-decors__container {
  padding: 0 24px 0 16px;
}
.collection-decors-type {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[4];
  grid-template-columns: repeat(4, 1fr);
  row-gap: 42px;
  -webkit-column-gap: 40px;
  -moz-column-gap: 40px;
  column-gap: 40px;
}
.collection-decors-type__name {
  margin-top: 4px;
}

.collection-styling {
  margin-bottom: 24px;
  padding: 24px 0 24px 0;
}
.collection-styling__container {
  padding: 0 24px 0 16px;
}
.collection-styling__items {
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(auto-fill, 100px);
  -ms-grid-rows: 100px 100px;
  grid-template-rows: 100px 100px;
  row-gap: 32px;
  -webkit-column-gap: 40px;
  -moz-column-gap: 40px;
  column-gap: 40px;
}
.collection-styling__item {
  border: 2px solid var(--extra-svg-color);
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.collection-styling__item:hover {
  border: 2px solid var(--accent-color);
}

.collection-table {
  margin-bottom: 24px;
  padding: 24px 0 16px 0;
}
.collection-table__container {
  padding: 0;
}

.t-collection {
  padding-top: 16px;
  padding-bottom: 16px;
}
.t-collection.collapse {
  width: 1108px;
}
.t-collection__outer {
  width: 100%;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  cursor: pointer;
}
.t-collection__outer th {
  font-weight: 600;
  font-size: 10px;
  line-height: 12px;
  text-align: left;
  padding: 17.5px 16px;
  color: #334466;
  background-color: var(--light-color);
  border-bottom: 1.2px solid #c3cad9;
}
.t-collection__outer td {
  padding: 13.5px 16px;
  font-weight: 400;
  font-size: 10px;
  line-height: 12px;
  color: #202b40;
  border-bottom: 1.2px solid #edeff2;
}
.t-collection__outer td:nth-child(4) {
  position: relative;
}
.t-collection__outer td:nth-child(4):hover .popup-preview {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
  pointer-events: auto;
}
.t-collection__outer th:nth-child(1),
.t-collection__outer td:nth-child(1) {
  width: 72px;
}
.t-collection__outer th:nth-child(2),
.t-collection__outer td:nth-child(2) {
  width: 135px;
}
.t-collection__outer th:nth-child(3),
.t-collection__outer td:nth-child(3) {
  width: 138px;
}
.t-collection__outer th:nth-child(4),
.t-collection__outer td:nth-child(4) {
  width: 354px;
}
.t-collection__outer th:nth-child(5),
.t-collection__outer td:nth-child(5) {
  width: 168px;
}
.t-collection__outer th:nth-child(6),
.t-collection__outer td:nth-child(6) {
  width: 168px;
}
.t-collection__outer th:nth-child(7),
.t-collection__outer td:nth-child(7) {
  width: 150px;
}
.t-collection__outer td:nth-last-child(1),
.t-collection__outer th:nth-last-child(1) {
  width: 88px;
}
.t-collection__outer td:nth-last-child(1) {
  padding: 10px;
}
.t-collection__inner {
  width: 100%;
  border-collapse: collapse;
}
.t-collection__row:nth-child(-n+4) .t-collection__cell:nth-child(4).t-collection__cell:hover .popup-preview {
  top: 0;
}
@media (max-width: 576px) {
  .t-collection__row:nth-child(-n+4) .t-collection__cell:nth-child(4).t-collection__cell:hover .popup-preview {
    top: 0px;
    left: -100px;
  }
}
.t-collection__row:nth-child(-n+4) .popup-preview {
  top: 0px;
}
.t-collection__row:nth-child(n+5) .t-collection__cell:nth-child(4).t-collection__cell:hover .popup-preview {
  top: -156px;
  left: 10px;
}
@media (max-width: 576px) {
  .t-collection__row:nth-child(n+5) .t-collection__cell:nth-child(4).t-collection__cell:hover .popup-preview {
    top: 0;
    left: -100px;
  }
}
.t-collection__row {
  background-color: var(--light-color);
}
.t-collection__row:hover {
  background-color: var(--t-select-row-color);
}
.t-collection-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.t-collection-menu__item {
  display: block;
  width: 24px;
  height: 26px;
}
.t-collection-menu__item:not(:last-child) {
  margin-right: 8px;
}
.t-collection__header--name {
  z-index: 20;
}
.t-collection-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.styling-tooltip {
  position: relative;
  display: block;
  top: 0;
  left: 0;
}
.styling-tooltip__txt {
  position: absolute;
  display: block;
  left: -5%;
  bottom: calc(100% + 10px);
  border-radius: 4px;
  padding: 4px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: 118px;
  font-weight: 400;
  font-size: 10px;
  line-height: 1.2;
  text-align: center;
  color: var(--light-color);
  background: var(--extra-bg);
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(5px);
  -ms-transform: translateY(5px);
  transform: translateY(5px);
  -webkit-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, visibility 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, visibility 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, visibility 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.styling-tooltip__txt svg {
  position: absolute;
  top: 18px;
  left: 50%;
  width: 12px;
  height: 8px;
  fill: var(--extra-bg);
  -webkit-transform: translate(-50%);
  -ms-transform: translate(-50%);
  transform: translate(-50%);
}
.styling-tooltip .btn__styling-tooltip:hover {
  cursor: pointer;
}
.styling-tooltip .btn__styling-tooltip:hover + .styling-tooltip__txt {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
.styling-tooltip .btn__styling-tooltip:focus + .styling-tooltip__txt {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
.styling-tooltip .btn__styling-tooltip svg {
  width: 96px;
  height: 96px;
  fill: var(--extra-svg-color);
}

.brand {
  background-color: var(--main-bg);
}
.brand__flex {
  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;
  padding-left: 16px;
}
.brand__container {
  padding: 0 40px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.brand__title {
  margin: 0;
  padding-bottom: 16px;
  font-weight: 600;
  font-size: 28px;
  line-height: 34px;
  color: var(--extra-dark-color);
}
.brand__title--small {
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
}
.brand__title--indent {
  margin-left: 16px;
}

.brand-main {
  padding: 24px 0 16px 0;
  margin-bottom: 24px;
}
.brand-main__container {
  padding: 0 16px 0 16px;
}
.brand-main__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.brand-main__image {
  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: 190px;
  height: 187px;
  background-color: var(--main-bg);
}
.brand-main__descr {
  max-width: 1024px;
  margin-left: 24px;
  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: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.brand-main__text {
  margin: 0;
}
.brand-main__link {
  color: var(--accent-color);
}
.brand-main__link:hover {
  text-decoration: underline;
}

.brand-statistics {
  padding: 16px 0 16px 0;
  margin-bottom: 24px;
}
.brand-statistics__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 24px 0 24px;
}
.brand-statistics__left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.brand-statistics__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.brand-statistics__item:not(:last-child) {
  margin-right: 24px;
}
.brand-statistics__num {
  display: block;
  font-weight: 600;
  font-size: 28px;
  line-height: 34px;
  color: var(--accent-color);
}
.brand-statistics__text {
  display: block;
  margin-left: 4px;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  color: var(--dark-color);
}
.brand-statistics__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.brand-statistics__image:not(:last-child) {
  margin-right: 8px;
}

.brand-collections {
  padding: 16px 0 24px 0;
  margin-bottom: 24px;
}
.brand-collections__container {
  padding: 0 16px 0 16px;
}
.brand-collections__content {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.brand-collections__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.brand-collections__right {
  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: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.brand-collections__group-inf {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.brand-collections__countries {
  position: absolute;
  top: 64px;
}
.brand-collections__inf {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.brand-collections__inf-num {
  font-weight: 600;
  font-size: 32px;
  line-height: 40px;
  color: var(--light-color);
}
.brand-collections__inf-num--sku {
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
}
.brand-collections__inf-item {
  font-weight: 600;
  font-size: 10px;
  line-height: 12px;
  color: var(--light-color);
}
.brand-collections__sku {
  margin-left: 8px;
  padding-top: 10px;
}
.brand-collections__sku::after {
  display: block;
  content: "";
  width: 100%;
  height: 2px;
  background-color: var(--light-color);
}
.brand-collections__item {
  position: relative;
  max-width: 410px;
  height: 242px;
  overflow: hidden;
}
.brand-collections__item:hover {
  cursor: pointer;
}
.brand-collections__item:hover .brand-collections__image {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}
.brand-collections__item::after {
  position: absolute;
  display: block;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.2);
}
.brand-collections__image {
  -webkit-transition: all 1.2s;
  -o-transition: all 1.2s;
  transition: all 1.2s;
}
.brand-collections__descr {
  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: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: absolute;
  max-width: 410px;
  width: 100%;
  height: 242px;
  padding: 16px;
  top: 0;
  left: 0;
  z-index: 100;
}
.brand-collections__descr svg {
  width: 114px;
  height: 40px;
  fill: var(--light-color);
}
.brand-collections__types {
  max-width: 156px;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: var(--light-color);
}
.brand-collections__text {
  max-width: 91px;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  color: var(--light-color);
}
.brand-collections__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.brand-collections__bottom svg {
  width: 44px;
  height: 44px;
}

.brand-table {
  margin-bottom: 24px;
  padding-top: 24px;
  padding-bottom: 0;
}
.brand-table__container {
  padding: 0;
}

.t-brand {
  padding-top: 16px;
  padding-bottom: 16px;
}
.t-brand.collapse {
  width: 1108px;
}
.t-brand__outer {
  width: 100%;
  overflow: scroll;
  max-height: 528px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  cursor: pointer;
}
.t-brand__outer th {
  position: sticky;
  top: 0;
  font-weight: 600;
  font-size: 10px;
  line-height: 12px;
  text-align: left;
  padding: 17.5px 16px;
  color: #334466;
  background-color: var(--light-color);
  border-bottom: 1.2px solid #c3cad9;
}
.t-brand__outer td {
  padding: 13.5px 16px;
  font-weight: 400;
  font-size: 10px;
  line-height: 12px;
  color: #202b40;
  border-bottom: 1.2px solid #edeff2;
}
.t-brand__outer td:nth-child(4) {
  position: relative;
}
.t-brand__outer td:nth-child(4):hover .popup-preview {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
  pointer-events: auto;
}
.t-brand__outer th:nth-child(1),
.t-brand__outer td:nth-child(1) {
  width: 72px;
}
.t-brand__outer th:nth-child(2),
.t-brand__outer td:nth-child(2) {
  width: 135px;
}
.t-brand__outer th:nth-child(3),
.t-brand__outer td:nth-child(3) {
  width: 138px;
}
.t-brand__outer th:nth-child(4),
.t-brand__outer td:nth-child(4) {
  width: 354px;
}
.t-brand__outer th:nth-child(5),
.t-brand__outer td:nth-child(5) {
  width: 168px;
}
.t-brand__outer th:nth-child(6),
.t-brand__outer td:nth-child(6) {
  width: 168px;
}
.t-brand__outer th:nth-child(7),
.t-brand__outer td:nth-child(7) {
  width: 150px;
}
.t-brand__outer td:nth-last-child(1),
.t-brand__outer th:nth-last-child(1) {
  width: 88px;
}
.t-brand__outer td:nth-last-child(1) {
  padding: 10px;
}
.t-brand__outer::-webkit-scrollbar {
  height: 0;
  width: 4px;
}
.t-brand__outer::-webkit-scrollbar-track {
  background: transparent;
}
.t-brand__outer::-webkit-scrollbar-thumb {
  background-color: #c3cad9;
  border-radius: 8px;
}
.t-brand__inner {
  width: 100%;
  border-collapse: collapse;
}
.t-brand__row:nth-child(-n+4) .t-brand__cell:nth-child(4).t-brand__cell:hover .popup-preview {
  top: 0;
}
@media (max-width: 576px) {
  .t-brand__row:nth-child(-n+4) .t-brand__cell:nth-child(4).t-brand__cell:hover .popup-preview {
    top: 0px;
    left: -100px;
  }
}
.t-brand__row:nth-child(-n+4) .popup-preview {
  top: 0px;
}
.t-brand__row:nth-child(n+5) .t-brand__cell:nth-child(4).t-brand__cell:hover .popup-preview {
  top: -156px;
  left: 10px;
}
@media (max-width: 576px) {
  .t-brand__row:nth-child(n+5) .t-brand__cell:nth-child(4).t-brand__cell:hover .popup-preview {
    top: 0;
    left: -100px;
  }
}
.t-brand__row {
  background-color: var(--light-color);
}
.t-brand__row:hover {
  background-color: var(--t-select-row-color);
}
.t-brand-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.t-brand-menu__item {
  display: block;
  width: 24px;
  height: 26px;
}
.t-brand-menu__item:not(:last-child) {
  margin-right: 8px;
}
.t-brand__header--name {
  z-index: 20;
}
.t-brand-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.t-brand__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 16px 16px;
  border-top: 1px solid #edeff2;
}