@charset "UTF-8";

:root {
  --blue-10: #e9f2f9;
  --blue-20: #d3e4f2;
  --blue-30: #bed7ec;
  --blue-40: #a8c9e5;
  --blue-50: #7cafd9;
  --blue-60: #5194cc;
  --blue-70: #2579bf;
  --blue-80: #1e6199;
  --blue-90: #164973;
  --blue-100: #0f304c;
  --accent-10: #fee8e5;
  --accent-20: #fcd0cc;
  --accent-30: #fbb9b2;
  --accent-40: #faa299;
  --accent-50: #f77366;
  --accent-60: #f54533;
  --accent-70: #f21600;
  --accent-80: #c21200;
  --accent-90: #910d00;
  --accent-100: #610900;
  --soft-pearl-10: #f7f8fb;
  --soft-pearl-20: #eff2f7;
  --soft-pearl-30: #e7ebf3;
  --soft-pearl-40: #dfe5ef;
  --soft-pearl-50: #bfcbde;
  --soft-pearl-60: #afbed6;
  --soft-pearl-70: #92a1b8;
  --soft-pearl-80: #768399;
  --soft-pearl-90: #59667b;
  --soft-pearl-100: #3d485c;
  --success-10: #fbffe5;
  --success-20: #f6ffcc;
  --success-30: #ef9;
  --success-40: #e5ff66;
  --success-50: #df3;
  --success-60: #ac0;
  --success-70: #7f9900;
  --success-80: #560;
  --success-90: #2a3300;
  --success-100: #151a00;
  --error-10: #ffe7e5;
  --error-20: #ffbdb7;
  --error-30: #ff938a;
  --error-40: #ff695c;
  --error-50: #ff3f2e;
  --error-60: #ff1500;
  --error-70: #d61200;
  --error-80: #ad0e00;
  --error-90: #850b00;
  --error-100: #5c0800;
  --soft-pearl-999: #202b3e;
  --soft-pearl-white: #fff;
  --soft-pearl-black: #000;
  --backgound-neutral-primary: var(--soft-pearl-white);
  --backgound-neutral-secondary: var(--soft-pearl-10);
  --backgound-neutral-tertiary: var(--soft-pearl-20);
  --backgound-neutral-inverse-primary: var(--soft-pearl-999);
  --backgound-neutral-inverse-secondary: var(--soft-pearl-100);
  --backgound-neutral-inverse-tertiary: var(--soft-pearl-90);
  --backgound-brand-primary: var(--blue-70);
  --backgound-brand-secondary: var(--blue-80);
  --backgound-brand-tertiary: var(--blue-60);
  --backgound-neutral-disabled: var(--soft-pearl-40);
  --backgound-semantic-success-subtle: var(--success-20);
  --backgound-semantic-success-bold: var(--success-60);
  --backgound-semantic-warning-subtle: var(--accent-30);
  --backgound-semantic-warning-bold: var(--accent-60);
  --backgound-semantic-error-subtle: var(--error-30);
  --backgound-semantic-error-bold: var(--error-90);
  --backgound-semantic-info-subtle: var(--soft-pearl-30);
  --backgound-semantic-info-bold: var(--soft-pearl-70);
  --text-neutral-primary: var(--soft-pearl-999);
  --text-neutral-secondary: var(--soft-pearl-100);
  --text-semantic-success-primary: var(--success-60);
  --text-semantic-success-inverse: var(--success-80);
  --text-semantic-warning-primary: var(--accent-80);
  --text-semantic-warning-inverse: var(--accent-20);
  --text-semantic-arror-primary: var(--error-70);
  --text-semantic-arror-inverse: var(--error-10);
  --text-semantic-info-primary: var(--soft-pearl-70);
  --text-semantic-info-inverse: var(--soft-pearl-20);
  --text-neutral-tertiary: var(--soft-pearl-90);
  --text-neutral-disabled: var(--soft-pearl-70);
  --text-neutral-inverse-primary: var(--soft-pearl-white);
  --text-neutral-inverse-secondary: var(--soft-pearl-30);
  --text-neutral-inverse-tertiary: var(--soft-pearl-50);
  --text-brand-primary: var(--soft-pearl-white);
  --text-brand-inverse: var(--blue-10);
  --icon-neutral-primary: var(--soft-pearl-999);
  --icon-neutral-secondary: var(--soft-pearl-100);
  --icon-neutral-tertiary: var(--soft-pearl-90);
  --icon-neutral-disabled: var(--soft-pearl-70);
  --icon-neutral-inverse-primary: var(--soft-pearl-white);
  --icon-neutral-inverse-secondary: var(--soft-pearl-30);
  --icon-neutral-inverse-tertiary: var(--soft-pearl-50);
  --icon-brand-primary: var(--blue-10);
  --icon-brand-inverse: var(--soft-pearl-white);
  --icon-semantic-success-primary: var(--success-60);
  --icon-semantic-success-inverse: var(--success-80);
  --icon-semantic-warning-primary: var(--accent-70);
  --icon-semantic-warning-inverse: var(--accent-10);
  --icon-semantic-arror-primary: var(--error-80);
  --icon-semantic-arror-inverse: var(--error-10);
  --icon-semantic-info-primary: var(--soft-pearl-60);
  --icon-semantic-info-inverse: var(--soft-pearl-30);
  --border-neutral-primary: var(--soft-pearl-30);
  --border-neutral-secondary: var(--soft-pearl-40);
  --border-neutral-inverse-primary: var(--soft-pearl-90);
  --border-neutral-inverse-secondary: var(--soft-pearl-80);
  --border-brand-primary: var(--blue-80);
  --border-brand-inverse: var(--blue-50);
  --border-semantic-success-primary: var(--success-60);
  --border-semantic-success-inverse: var(--success-60);
  --border-semantic-warning-primary: var(--accent-50);
  --border-semantic-warning-inverse: var(--accent-40);
  --border-semantic-arror-primary: var(--error-40);
  --border-semantic-arror-inverse: var(--error-70);
  --border-semantic-info-primary: var(--soft-pearl-50);
  --border-semantic-info-inverse: var(--soft-pearl-60);
  --text-brand-accent: var(--blue-50);
  --text-semantic-warning-tertiary: var(--accent-50);
  --backgound-brand-accent: var(--blue-30);
  --text-brand-heading: var(--blue-70);
  --backgound-semantic-warning-accent: var(--accent-20);
  --font-family: "Inter", sans-serif;
}

*,
*:after,
*:before {
  box-sizing: border-box;
  background-repeat: no-repeat;
  background-position: center;
}

html {
  scroll-behavior: smooth;
}

html,
body {
  margin: 0;
  padding: 0;
  font-family: var(--font-family), sans-serif;
  color: var(--text-neutral-primary);
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: auto;
  font-size: 16px;
  background: var(--backgound-neutral-primary);
}

.lock {
  overflow: hidden;
}

section {
  padding-block: 96px;
}

section.p-block-70,
*.p-block-70 {
  padding-block: 70px;
}

*.pt-70,
.pt-70 {
  padding-top: 70px;
  padding-bottom: 0;
}

section.padding-70-96,
*.padding-70-96 {
  padding-top: 70px;
  padding-bottom: 96px;
}

a {
  display: inline-block;
}

a,
a:hover {
  text-decoration: none;
}

a {
  color: inherit;
}

*,
*:focus {
  outline: none;
}

a[href^="tel:"],
a[href^="mailto:"] {
  white-space: nowrap;
}

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

ul,
ol {
  list-style-type: none;
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}

.img-cover,
.img-contain {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.img-contain {
  -o-object-fit: contain;
  object-fit: contain;
}

.page-content {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.page-content .header,
.page-content .footer {
  width: 100%;
}

.page-content .main {
  flex-grow: 1;
}

.container {
  width: 100%;
  margin: 0 auto;
  max-width: 1520px;
}

input,
button,
textarea {
  border: none;
  background: none;
  padding: 0;
  box-shadow: none;
  font-family: inherit;
  font-size: inherit;
}

button,
input[type=submit] {
  cursor: pointer;
}

address {
  font-style: normal;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
  font-family: inherit;
  font-size: inherit;
}

input::placeholder,
textarea::placeholder {
  font-family: inherit;
  font-size: inherit;
}

.mobile-scroll-x::-webkit-scrollbar,
.scroll-x::-webkit-scrollbar {
  display: none;
}

.w-100 {
  width: 100% !important;
}

.d-grid {
  display: grid;
  align-items: flex-start;
}

.flex-row {
  display: flex;
}

.flex,
.flex-center,
.flex-justify,
.flex-wrap {
  display: flex;
  align-items: center;
  -moz-column-gap: 12px;
  column-gap: 12px;
}

.flex-wrap {
  flex-wrap: wrap;
  gap: 10px;
}

.flex-center {
  justify-content: center;
}

.flex-justify {
  justify-content: space-between;
}

.flex-start {
  align-items: flex-start;
}

.shrink-0 {
  flex-shrink: 0;
}

.grow-1 {
  flex-grow: 1;
}

.no-wrap {
  white-space: nowrap;
}

.hide-xxl {
  display: none !important;
}

.flex-xxl {
  display: flex;
}

.scroll-y {
  overflow: hidden;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-gutter: stable;
  scrollbar-color: var(--backgound-brand-accent) transparent;
}

.scroll-y::-webkit-scrollbar {
  display: block;
  width: 4px;
  border-radius: 5px;
  height: 20px;
}

.scroll-y::-webkit-scrollbar-thumb {
  width: 4px;
  border-radius: 5px;
  background-color: var(--backgound-brand-accent);
}

.scroll-y::-webkit-scrollbar-track {
  width: 4px;
  background-color: transparent;
}

.wrapper-gap-54,
.wrapper-gap-46,
.wrapper-gap-26,
.gap-26,
.gap-22,
.gap-18,
.gap-10 {
  display: grid;
  grid-template-columns: 1fr;
  gap: 26px;
  align-items: flex-start;
}

.gap-22 {
  gap: 22px;
}

.gap-10 {
  gap: 10px;
}

.gap-18 {
  gap: 18px;
}

.grid,
.grid10,
.grid8 {
  display: grid;
  gap: 32px;
}

.grid {
  grid-template-columns: repeat(12, 1fr);
}

.grid10 {
  grid-template-columns: repeat(10, 1fr);
}

.grid8 {
  grid-template-columns: repeat(8, 1fr);
}

.wrapper-gap-46 {
  gap: 46px;
}

.wrapper-gap-46 .pagination-wrapper {
  margin-top: 0;
}

.wrapper-gap-54 {
  gap: 54px;
}

.wrapper-gap-54 .pagination-wrapper {
  margin-top: 0;
}

.grid.grid-12 > * {
  grid-column: span 1 !important;
}

.grid.grid-6 > * {
  grid-column: span 2 !important;
}

.grid.grid-4 > * {
  grid-column: span 3 !important;
}

.grid.grid-3 > * {
  grid-column: span 4 !important;
}

.grid.grid-2 > * {
  grid-column: span 6 !important;
}

.grid.grid-1 > * {
  grid-column: span 12 !important;
}

.grid8.grid-8 > * {
  grid-column: span 1 !important;
}

.grid8.grid-4 > * {
  grid-column: span 2 !important;
}

.grid8.grid-2 > * {
  grid-column: span 4 !important;
}

.grid8.grid-1 > * {
  grid-column: span 8 !important;
}

.grid.two-column,
.grid.two-column {
  grid-template-columns: 356px 1fr;
}

.grid.two-column-reverse {
  grid-template-columns: 1fr 356px;
}

.grid-485,
.grid-485--reverse {
  display: grid;
  grid-template-columns: 1fr 485px;
  gap: 32px;
}

.grid-485--reverse {
  grid-template-columns: 485px 1fr;
}

.h1,
h1 {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 48px;
  color: var(--text-neutral-secondary);
}

.h2 {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 32px;
  color: var(--text-neutral-secondary);
}

.h-28,
.fs-28 {
  font-weight: 400;
  font-size: 28px;
  color: var(--text-neutral-primary);
}

.h-28 {
  font-weight: 700;
}

.h-20,
.h-20-upper {
  font-size: 20px;
  font-weight: 700;
  color: var(--soft-pearl-black);
}

.h-20-upper {
  text-transform: uppercase;
}

.h3,
.h3-upper {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 17px;
  color: var(--text-neutral-primary);
}

.h3-upper,
.h4-upper {
  text-transform: uppercase;
}

.fs-14,
.h4,
.h4-upper {
  font-size: 14px;
}

.h4,
.h4-upper {
  font-weight: 700;
}

.fs-22 {
  font-size: 22px;
  color: var(--text-neutral-primary);
}

.fs-20 {
  font-size: 20px;
  color: var(--text-neutral-primary);
}

.fs-17 {
  font-size: 17px;
}

.fs-12 {
  font-size: 12px;
}

.txt-center {
  text-align: center;
}

.txt-upper {
  text-transform: uppercase;
}

.txt-bold {
  font-weight: 700;
}

.txt-red {
  color: var(--text-semantic-warning-primary);
}

.txt-primary {
  color: var(--text-brand-heading);
}

.txt-muted,
.link-muted {
  color: var(--text-neutral-disabled);
}

.txt-secondary {
  color: var(--text-neutral-secondary);
}

.gradient-bg {
  background: radial-gradient(195.27% 68.85% at 68.85% 48.15%, #f7f8fb 0%, #e7ebf3 100%);
}

.link-undline,
.link-muted {
  transition: 0.3s;
  width: -moz-fit-content;
  width: fit-content;
  text-decoration: underline;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
}

.contact-link {
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  align-items: center;
  -moz-column-gap: 6px;
  column-gap: 6px;
}

.contact-link svg {
  width: 24px;
  height: 24px;
}

.pad-18 {
  padding: 18px;
  background: var(--soft-pearl-white);
  border: 1px solid var(--border-semantic-info-primary);
}

.section-header {
  margin-bottom: 46px;
  gap: 24px;
}

.icon-label {
  display: flex;
  -moz-column-gap: 6px;
  column-gap: 6px;
  align-items: center;
}

.icon-label svg,
.icon-label img {
  flex-shrink: 0;
}

.marked-list,
.decor-list {
  font-size: 17px;
}

.marked-list .h3,
.marked-list .h3-upper,
.decor-list .h3,
.decor-list .h3-upper {
  color: var(--text-neutral-secondary);
}

.marked-list * + ul,
.decor-list * + ul {
  margin-top: 12px;
}

.marked-list li,
.decor-list li {
  position: relative;
  color: var(--text-neutral-secondary);
}

.marked-list li:before,
.decor-list li:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
}

.marked-list li + li,
.decor-list li + li {
  margin-top: 10px;
}

.marked-list li {
  padding-left: 18px;
}

.marked-list li:before {
  width: 8px;
  height: 8px;
  background: var(--backgound-brand-primary);
  top: 5px;
}

.decor-list li {
  display: flex;
  align-items: center;
  -moz-column-gap: 6px;
  column-gap: 6px;
}

.decor-list li::before {
  flex-shrink: 0;
  position: relative;
  width: 22px;
  height: 22px;
  background: transparent;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M20.6407 8.6767L19.5487 7.5867C19.4156 7.45399 19.31 7.29625 19.2381 7.12257C19.1662 6.94888 19.1293 6.76268 19.1297 6.5747V5.2977C19.1289 4.52077 18.82 3.77587 18.2707 3.2264C17.7214 2.67693 16.9766 2.36776 16.1997 2.3667H14.9227C14.5439 2.36568 14.1807 2.21552 13.9117 1.9487L12.8207 0.856701C12.2707 0.308089 11.5255 0 10.7487 0C9.97185 0 9.22672 0.308089 8.6767 0.856701L7.5867 1.9487C7.31742 2.21576 6.95395 2.36625 6.5747 2.3677H5.2967C4.51977 2.36876 3.77497 2.67793 3.22569 3.2274C2.67641 3.77687 2.36749 4.52177 2.3667 5.2987V6.5747C2.36719 6.76261 2.33052 6.94877 2.25878 7.12245C2.18704 7.29613 2.08166 7.45391 1.9487 7.5867L0.856701 8.6767C0.308089 9.22672 0 9.97185 0 10.7487C0 11.5255 0.308089 12.2707 0.856701 12.8207L1.9487 13.9107C2.08184 14.0434 2.18741 14.2012 2.25932 14.3748C2.33123 14.5485 2.36806 14.7347 2.3677 14.9227V16.1997C2.36849 16.9766 2.67741 17.7215 3.22669 18.271C3.77597 18.8205 4.52077 19.1296 5.2977 19.1307H6.5747C6.95369 19.132 7.31691 19.2825 7.5857 19.5497L8.6767 20.6407C9.22659 21.1896 9.97177 21.4978 10.7487 21.4978C11.5256 21.4978 12.2708 21.1896 12.8207 20.6407L13.9107 19.5497C14.18 19.2826 14.5435 19.1322 14.9227 19.1307H16.2007C16.9776 19.1296 17.7224 18.8205 18.2717 18.271C18.821 17.7215 19.1299 16.9766 19.1307 16.1997V14.9227C19.1303 14.7347 19.1672 14.5485 19.2391 14.3748C19.311 14.2012 19.4166 14.0434 19.5497 13.9107L20.6407 12.8207C21.1893 12.2707 21.4974 11.5255 21.4974 10.7487C21.4974 9.97185 21.1893 9.22672 20.6407 8.6767ZM14.2787 9.2767L10.2787 13.2767C10.2092 13.3465 10.1266 13.4019 10.0357 13.4396C9.94471 13.4774 9.84719 13.4969 9.7487 13.4969C9.65021 13.4969 9.5527 13.4774 9.46175 13.4396C9.37079 13.4019 9.2882 13.3465 9.2187 13.2767L7.2187 11.2767C7.08622 11.1345 7.0141 10.9465 7.01753 10.7522C7.02095 10.5579 7.09967 10.3725 7.23708 10.2351C7.37449 10.0977 7.55988 10.019 7.75418 10.0155C7.94848 10.0121 8.13653 10.0842 8.2787 10.2167L9.7487 11.6877L13.2187 8.2187C13.3609 8.08622 13.5489 8.0141 13.7432 8.01753C13.9375 8.02095 14.1229 8.09967 14.2603 8.23708C14.3977 8.37449 14.4764 8.55988 14.4799 8.75418C14.4833 8.94848 14.4112 9.13653 14.2787 9.2787V9.2767Z' fill='%235194CC' /%3e%3c/svg%3e");
  background-size: 100% 100%;
}

.number-list {
  counter-reset: item;
  padding-left: 0;
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 40px;
}

.number-list .h3 {
  color: var(--text-neutral-secondary);
}

.number-list li {
  list-style: none;
  counter-increment: item;
  position: relative;
  padding-left: 63px;
}

.number-list li .h3 {
  margin-bottom: 4px;
}

.number-list li::before {
  content: counter(item, upper-roman);
  position: absolute;
  left: 0;
  top: 0;
  width: 46px;
  height: 39px;
  border: 4px solid var(--backgound-neutral-inverse-secondary);
  border-radius: 8px;
  display: flex;
  padding-inline: 11px;
  flex-shrink: 0;
  align-items: center;
  font-weight: bold;
  font-family: serif;
  font-family: sans-serif;
  color: var(--backgound-brand-primary);
  font-size: 20px;
  font-weight: 700;
}

.bg-white {
  background: var(--backgound-neutral-primary) !important;
}

.bg-grey {
  background: var(--backgound-neutral-secondary) !important;
}

.border-wrapper {
  border: 1px solid var(--border-semantic-info-primary);
  padding: 22px;
}

.border-card {
  padding: 46px;
  border: 1px solid var(--border-semantic-info-primary);
  background: var(--backgound-neutral-primary);
  display: flex;
  flex-direction: column;
  row-gap: 22px;
}

.border-card .h-28 {
  color: var(--text-neutral-secondary);
}

.border-card__img {
  width: 80px;
  height: 80px;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
}

.border-card__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.border-card > * {
  width: 100%;
}

.mb-0 {
  margin-bottom: 0 !important;
}

svg {
  transition: 0.3s;
  display: inline-block;
  transition: 0.3s;
}

.svg-logo,
.svg-logo-footer {
  width: 256px;
  height: 42px;
}

.svg-profit-logo {
  width: 83px;
  height: 18px;
  color: #DFE5EF;
}

.svg-cross {
  width: 24px;
  height: 24px;
  color: #1E6199;
}

.svg-phone,
.svg-tg {
  width: 24px;
  height: 24px;
  color: #3D485C;
  fill: transparent;
}

.svg-tg {
  width: 26px;
  height: 26px;
}

.svg-mail {
  color: #3D485C;
  width: 24px;
  height: 24px;
  fill: transparent;
}

.svg-menu {
  width: 24px;
  height: 24px;
  color: #1E6199;
  fill: transparent;
}

.bar-cross-icon {
  display: block;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M3 7H21' stroke='%231E6199' stroke-width='1.5' stroke-linecap='round' /%3e%3cpath d='M9.49023 12H21.0002' stroke='%231E6199' stroke-width='1.5' stroke-linecap='round' /%3e%3cpath d='M3 12H5.99' stroke='%231E6199' stroke-width='1.5' stroke-linecap='round' /%3e%3cpath d='M3 17H21' stroke='%231E6199' stroke-width='1.5' stroke-linecap='round' /%3e%3c/svg%3e");
  transition: 0.3s;
  background-repeat: no-repeat;
}

.catalog-btn:hover .bar-cross-icon,
.header-mobile .catalog-btn .bar-cross-icon,
.mobile-menu-open .bar-cross-icon {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M3 7H21' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' /%3e%3cpath d='M9.49023 12H21.0002' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' /%3e%3cpath d='M3 12H5.99' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' /%3e%3cpath d='M3 17H21' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' /%3e%3c/svg%3e");
  transition: 0.3s;
  background-repeat: no-repeat;
}

.catalog-btn-active .bar-cross-icon {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M18.4697 4.38048C18.7626 4.08411 19.2373 4.08411 19.5302 4.38048C19.8231 4.67684 19.8231 5.15723 19.5302 5.45359L13.0605 12L19.5302 18.5464C19.8231 18.8427 19.8231 19.3231 19.5302 19.6195C19.2373 19.9158 18.7626 19.9158 18.4697 19.6195L11.9999 13.0731L5.53022 19.6195C5.23732 19.9158 4.76256 19.9158 4.46967 19.6195C4.17678 19.3231 4.17678 18.8427 4.46967 18.5464L10.9394 12L4.46967 5.45359C4.17678 5.15723 4.17678 4.67684 4.46967 4.38048C4.76256 4.08411 5.23732 4.08411 5.53022 4.38048L11.9999 10.9269L18.4697 4.38048Z' fill='%231E6199' /%3e%3c/svg%3e");
  background-repeat: no-repeat;
}

.catalog-btn-active:hover .bar-cross-icon,
.header-mobile .catalog-btn-active .bar-cross-icon {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M18.4697 4.38048C18.7626 4.08411 19.2373 4.08411 19.5302 4.38048C19.8231 4.67684 19.8231 5.15723 19.5302 5.45359L13.0605 12L19.5302 18.5464C19.8231 18.8427 19.8231 19.3231 19.5302 19.6195C19.2373 19.9158 18.7626 19.9158 18.4697 19.6195L11.9999 13.0731L5.53022 19.6195C5.23732 19.9158 4.76256 19.9158 4.46967 19.6195C4.17678 19.3231 4.17678 18.8427 4.46967 18.5464L10.9394 12L4.46967 5.45359C4.17678 5.15723 4.17678 4.67684 4.46967 4.38048C4.76256 4.08411 5.23732 4.08411 5.53022 4.38048L11.9999 10.9269L18.4697 4.38048Z' fill='%23ffffff' /%3e%3c/svg%3e");
  background-repeat: no-repeat;
}

.svg-search {
  width: 25px;
  height: 24px;
  color: #BFCBDE;
  fill: transparent;
}

.svg-chart,
.svg-heart,
.svg-cart {
  width: 24px;
  height: 24px;
  color: #3D485C;
  fill: transparent;
}

.svg-arrow-right,
.svg-arrow-left {
  width: 24px;
  height: 24px;
  color: #3D485C;
  fill: transparent;
}

.svg-location {
  width: 18px;
  height: 24px;
  color: #2579BF;
}

.svg-calend {
  width: 22px;
  height: 22px;
  color: #2579BF;
}

.svg-author {
  width: 22px;
  height: 22px;
  color: #2579BF;
}

.svg-carret-right {
  width: 8px;
  height: 15px;
  color: #59667B;
}

.svg-clock {
  width: 20px;
  height: 20px;
  color: #2579BF;
}

.svg-filters,
.svg-swap-arrows,
.svg-plus,
.svg-minus,
.svg-envelop {
  width: 24px;
  height: 24px;
  color: #3D485C;
  fill: transparent;
}

.svg-envelop {
  color: #2579BF;
}

.svg-quality {
  width: 33px;
  height: 33px;
}

.svg-sertif {
  width: 33px;
  height: 36px;
}

.svg-eye,
.svg-download {
  width: 20px;
  height: 20px;
  color: #2579BF;
}

.svg-download {
  fill: transparent;
  color: white;
}

.svg-remove {
  width: 32px;
  height: 32px;
  color: #3D485C;
  fill: transparent;
}

.form-item {
  position: relative;
}

.form-label {
  display: inline-block;
  color: var(--text-neutral-secondary);
  margin-bottom: 6px;
}

.form-label span {
  color: var(--text-brand-heading);
}

.form-input,
.form-textarea {
  display: block;
  width: 100%;
  padding-left: 18px;
  padding-right: 18px;
  border: 1px solid var(--border-neutral-secondary);
  border-radius: 8px;
  font-weight: 400;
  font-size: 14px;
  caret-color: var(--text-neutral-primary);
  color: var(--text-neutral-primary);
  background: var(--backgound-neutral-primary);
  transition: border 0.3s;
}

.form-input::-moz-placeholder,
.form-textarea::-moz-placeholder {
  font-size: inherit;
  color: var(--text-neutral-disabled);
  font-family: inherit;
}

.form-input::placeholder,
.form-textarea::placeholder {
  font-size: inherit;
  color: var(--text-neutral-disabled);
  font-family: inherit;
}

.form-input:focus,
.form-textarea:focus {
  border: 1px solid var(--border-brand-inverse);
}

.form-input {
  height: 53px;
}

.form-textarea {
  padding: 18px;
  min-height: 170px;
}

.form-column,
.form-item--textarea {
  display: flex;
  flex-direction: column;
}

.form-column {
  gap: 12px;
}

.form-row {
  display: flex;
  gap: 12px;
}

.form-row .form-item {
  flex: 1;
}

.form-item--textarea .form-textarea {
  flex-grow: 1;
}

.form-item.error .form-label {
  color: var(--text-semantic-arror-primary);
}

.form-item.error .form-label span {
  color: var(--text-semantic-arror-primary);
}

.form-item.error .form-input,
.form-item.error .form-textarea {
  border: 1px solid var(--text-semantic-arror-primary);
}

.form-label.error {
  color: var(--text-semantic-arror-primary);
}

.form-label.error span {
  color: var(--text-semantic-arror-primary);
}

.form-input.error,
.form-textarea.error {
  border: 1px solid var(--text-semantic-arror-primary);
}

.btn-label {
  position: relative;
  display: block;
}

.btn-label input {
  width: 0.001em;
  height: 0.001em;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.btn-label .fake-radio {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #ffc0c2;
  border-radius: 12px;
  padding: 8px;
  height: 56px;
  transition: 0.3s;
  font-weight: 500;
  font-size: 16px;
  color: #7b0002;
}

.btn-label input:checked + .fake-radio {
  background: #ff7f81;
}

.dropdown {
  position: relative;
  width: 100%;
  --height: 60px;
}

.dropdown__button {
  position: relative;
  display: block;
  width: 100%;
  font-family: var(--font-family);
  font-weight: 400;
  color: var(--text-neutral-primary);
  text-align: left;
  border: 1px solid var(--border-neutral-secondary);
  border-radius: 8px;
  padding-inline: 18px;
  padding-right: 40px;
  height: var(--height);
}

.dropdown__button::after {
  content: "";
  position: absolute;
  top: 52%;
  right: 12px;
  transform: translateY(-50%);
  width: 18px;
  height: 9px;
  display: block;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='18' height='9' viewBox='0 0 18 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M17.3375 0.7475C17.3375 0.5575 17.2675 0.3675 17.1175 0.2175C16.8275 -0.0725 16.3475 -0.0725 16.0575 0.2175L9.5375 6.7375C9.0575 7.2175 8.2775 7.2175 7.7975 6.7375L1.2775 0.2175C0.9875 -0.0725 0.5075 -0.0725 0.2175 0.2175C-0.0725 0.5075 -0.0725 0.987499 0.2175 1.2775L6.7375 7.7975C7.2475 8.3075 7.9375 8.5975 8.6675 8.5975C9.3975 8.5975 10.0875 8.3175 10.5975 7.7975L17.1175 1.2775C17.2575 1.1275 17.3375 0.9375 17.3375 0.7475Z' fill='%2392A1B8' /%3e%3c/svg%3e");
  transition: 0.3s;
  background-size: 18px 9px;
  background-repeat: no-repeat;
  background-position: center;
  pointer-events: none;
}

.dropdown__button.dropdown__button--active {
  border: 1px solid var(--border-brand-inverse);
  border-radius: 8px 8px 0 0;
  border-bottom: 1px solid var(--border-neutral-secondary);
}

.dropdown__button.dropdown__button--active:after {
  transform: translateY(-50%) rotate(180deg);
}

.dropdown__list {
  display: none;
  position: relative;
  margin: 0;
  padding: 0;
  width: 100%;
  list-style-type: none;
  box-shadow: 0 14px 30px -4px rgba(0, 0, 0, 0.1);
  border: 1px solid var(--border-brand-inverse);
  background: var(--backgound-neutral-primary);
  border-top: 0;
  border-radius: 0 0 12px 12px;
  max-height: 287px;
  overflow: hidden;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #EAEAEA transparent;
  z-index: 3;
}

.dropdown__list::-webkit-scrollbar {
  width: 3px;
  height: 20px;
}

.dropdown__list::-webkit-scrollbar-track {
  background-color: transparent;
}

.dropdown__list::-webkit-scrollbar-thumb {
  background-color: #EAEAEA;
}

.dropdown__list ul {
  overflow: hidden;
  list-style-type: none;
  padding-left: 0;
}

.dropdown.dropdown--rel .dropdown__list {
  position: absolute;
  z-index: 3;
  left: 0;
  top: 100%;
}

.dropdown__list--visible {
  display: block;
}

.dropdown__list-item {
  padding: 18px;
  width: 100%;
  height: calc(var(--height) - 2px);
  cursor: pointer;
  font-family: var(--font-family);
  color: var(--text-neutral-primary);
}

.dropdown__list-item:hover {
  background: var(--backgound-neutral-secondary);
  color: var(--text-neutral-primary);
}

.dropdown__list-item.active {
  background: var(--backgound-brand-tertiary);
  color: var(--text-neutral-inverse-primary);
}

.dropdown__input-hidden {
  display: none;
}

.radio-item label,
.checkbox-item label {
  position: relative;
  display: flex;
  align-items: center;
  -moz-column-gap: 10px;
  column-gap: 10px;
  cursor: pointer;
}

.radio-item label input[type=radio],
.radio-item label input[type=checkbox],
.checkbox-item label input[type=radio],
.checkbox-item label input[type=checkbox] {
  width: 0.01em;
  height: 0.01em;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.radio-item .fake-radio,
.radio-item .fake-checkbox,
.checkbox-item .fake-radio,
.checkbox-item .fake-checkbox {
  width: 24px;
  height: 24px;
  display: block;
  border: 1px solid var(--border-semantic-info-inverse);
  background: var(--backgound-neutral-primary);
  transition: 0.2s;
}

.radio-item .fake-radio:hover,
.radio-item .fake-checkbox:hover,
.checkbox-item .fake-radio:hover,
.checkbox-item .fake-checkbox:hover {
  border: 1px solid var(--border-brand-inverse);
}

.radio-item input:checked + .fake-radio,
.checkbox-item input:checked + .fake-radio {
  background: var(--backgound-brand-primary);
  outline-offset: -5px;
  outline: 3.5px solid white;
}

.radio-item input:checked + .fake-checkbox,
.checkbox-item input:checked + .fake-checkbox {
  background: var(--backgound-brand-primary);
  outline-offset: -5px;
  outline: 3.5px solid white;
}

.radio-group > * + *,
.checkbox-group > * + * {
  margin-top: 18px;
}

.fileUpload-group {
  text-align: center;
}

.fileUpload-group .fileUpload-label {
  height: 48px;
  padding: 12px;
  display: flex;
  justify-content: center;
  position: relative;
  -moz-column-gap: 12px;
  column-gap: 12px;
  align-items: center;
  width: 100%;
  border: 1px solid var(--border-brand-primary);
  border-radius: 8px;
}

.fileUpload-group .fileUploadInput {
  border: 0;
  background-color: transparent;
  height: auto;
  width: 0.01em;
  height: 0.01em;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.fileUpload-group .fileUpload-name {
  overflow: hidden;
  white-space: nowrap;
  position: relative;
}

.fileUpload-group .form-input-add,
.fileUpload-group .form-input-clear {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  text-align: center;
  cursor: pointer;
  transition: 0.3s;
}

.fileUpload-group .form-input-add {
  opacity: 0;
  z-index: -1;
}

.fileUpload-group .form-input-clear {
  position: absolute;
  top: 12px;
  bottom: 12px;
  left: 12px;
  line-height: 0.9;
  z-index: -1;
  transition: 0.3s;
}

.fileUpload-group .form-input-clear.active {
  z-index: 2;
}

.form-item.form-item--search .search-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  position: absolute;
  border: 0;
  left: 8px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
}

.form-item.form-item--search .form-input.search-input {
  padding-left: 54px;
  height: 60px;
  font-size: 17px;
}

.drop-menu {
  background: var(--backgound-neutral-primary);
  font-size: 17px;
}

.drop-menu .drop-menu__btn {
  position: relative;
  padding-block: 18px;
  cursor: pointer;
  transition: 0.3s;
  border-bottom: 1px solid var(--backgound-neutral-disabled);
  padding-right: 30px;
}

.drop-menu .drop-menu__btn:after {
  content: "";
  position: absolute;
  top: 52%;
  right: 0;
  transform: translateY(-50%) rotate(0);
  width: 18px;
  height: 9px;
  display: block;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='18' height='9' viewBox='0 0 18 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M17.3375 0.7475C17.3375 0.5575 17.2675 0.3675 17.1175 0.2175C16.8275 -0.0725 16.3475 -0.0725 16.0575 0.2175L9.5375 6.7375C9.0575 7.2175 8.2775 7.2175 7.7975 6.7375L1.2775 0.2175C0.9875 -0.0725 0.5075 -0.0725 0.2175 0.2175C-0.0725 0.5075 -0.0725 0.987499 0.2175 1.2775L6.7375 7.7975C7.2475 8.3075 7.9375 8.5975 8.6675 8.5975C9.3975 8.5975 10.0875 8.3175 10.5975 7.7975L17.1175 1.2775C17.2575 1.1275 17.3375 0.9375 17.3375 0.7475Z' fill='%2392A1B8' /%3e%3c/svg%3e");
  transition: 0.3s;
  background-size: 18px 9px;
  background-repeat: no-repeat;
  background-position: center;
  pointer-events: none;
}

.drop-menu .drop-menu__btn:hover {
  color: var(--text-brand-heading);
}

.drop-menu .drop-menu__btn:hover:after {
  transform: translateY(-50%) rotate(0);
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='18' height='9' viewBox='0 0 18 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M17.3375 0.7475C17.3375 0.5575 17.2675 0.3675 17.1175 0.2175C16.8275 -0.0725 16.3475 -0.0725 16.0575 0.2175L9.5375 6.7375C9.0575 7.2175 8.2775 7.2175 7.7975 6.7375L1.2775 0.2175C0.9875 -0.0725 0.5075 -0.0725 0.2175 0.2175C-0.0725 0.5075 -0.0725 0.987499 0.2175 1.2775L6.7375 7.7975C7.2475 8.3075 7.9375 8.5975 8.6675 8.5975C9.3975 8.5975 10.0875 8.3175 10.5975 7.7975L17.1175 1.2775C17.2575 1.1275 17.3375 0.9375 17.3375 0.7475Z' fill='%232579bf' /%3e%3c/svg%3e");
}

.drop-menu .drop-menu__sub {
  overflow: hidden;
  height: 0;
  padding-left: 18px;
  transition: height 0.3s ease;
}

.drop-menu .drop-menu__sub-item {
  display: flex;
  border-bottom: 1px solid var(--backgound-neutral-disabled);
}

.drop-menu .drop-menu__sub-item:hover {
  color: var(--text-brand-heading);
}

.drop-menu .drop-menu__sub-item a {
  padding-block: 10px;
  width: 100%;
}

.drop-menu .drop-menu__sub-item:last-child a {
  padding-bottom: 18px;
}

.drop-menu .drop-menu-item.drop-menu-item--open .drop-menu__btn {
  text-shadow: 0.25px 0.25px black, -0.25px -0.25px black, 0.25px -0.25px black, -0.25px 0.25px black;
}

.drop-menu .drop-menu-item.drop-menu-item--open .drop-menu__btn:hover {
  text-shadow: 0.25px 0.25px var(--text-brand-heading), -0.25px -0.25px var(--text-brand-heading), 0.25px -0.25px var(--text-brand-heading), -0.25px 0.25px var(--text-brand-heading);
}

.drop-menu .drop-menu-item.drop-menu-item--open .drop-menu__btn:after {
  transform: translateY(-50%) rotate(180deg);
}

.aside-panel .drop-menu .drop-menu-item:last-child .drop-menu__btn,
.aside-panel .drop-menu .drop-menu-item:last-child .drop-menu__sub-item:last-child {
  border-bottom: 0;
}

.btn-primary,
.btn-outline,
.btn-grey,
.btn-outline-48,
.btn-text {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  -moz-column-gap: 8px;
  column-gap: 8px;
  border-radius: 8px;
  padding-inline: 26px;
  height: 48px;
  transition: 0.3s;
  background: var(--backgound-brand-primary);
  white-space: nowrap;
  cursor: pointer;
  text-align: center;
  font-weight: 700;
  font-size: 14px;
  text-transform: uppercase;
  color: var(--text-brand-primary);
}

.btn-primary[disabled],
.btn-primary.disabled,
.btn-outline[disabled],
.btn-outline.disabled,
.btn-grey[disabled],
.btn-grey.disabled,
.btn-outline-48[disabled],
.btn-outline-48.disabled,
.btn-text[disabled],
.btn-text.disabled {
  pointer-events: none !important;
  cursor: default !important;
}

.btn-primary[disabled] svg,
.btn-primary.disabled svg,
.btn-outline[disabled] svg,
.btn-outline.disabled svg,
.btn-grey[disabled] svg,
.btn-grey.disabled svg,
.btn-outline-48[disabled] svg,
.btn-outline-48.disabled svg,
.btn-text[disabled] svg,
.btn-text.disabled svg {
  color: var(--text-neutral-inverse-tertiary);
}

.btn-primary:hover {
  background: var(--backgound-brand-tertiary);
}

.btn-primary:active {
  background: var(--backgound-brand-secondary);
}

.btn-primary.disabled,
.btn-primary [disabled] {
  color: var(--text-neutral-inverse-tertiary);
  background: var(--backgound-semantic-info-subtle);
}

.btn-outline,
.btn-outline-48 {
  background-color: transparent;
  border: 1px solid var(--border-brand-primary);
  color: var(--text-neutral-secondary);
}

.btn-outline:hover,
.btn-outline-48:hover {
  background: var(--backgound-brand-primary);
  color: var(--text-neutral-inverse-primary);
}

.btn-outline:hover > *,
.btn-outline-48:hover > * {
  color: var(--text-neutral-inverse-primary);
}

.btn-outline:hover svg,
.btn-outline-48:hover svg {
  color: var(--text-neutral-inverse-primary);
}

.btn-outline:active,
.btn-outline-48:active {
  background: var(--backgound-brand-secondary);
}

.btn-outline:active > *,
.btn-outline-48:active > * {
  color: var(--text-neutral-inverse-primary);
}

.btn-outline:active svg,
.btn-outline-48:active svg {
  color: var(--text-neutral-inverse-primary);
}

.btn-outline.disabled,
.btn-outline [disabled],
.btn-outline-48.disabled,
.btn-outline-48 [disabled] {
  color: var(--text-neutral-inverse-tertiary);
}

.btn-outline.disabled > *,
.btn-outline [disabled] > *,
.btn-outline-48.disabled > *,
.btn-outline-48 [disabled] > * {
  color: var(--text-neutral-inverse-tertiary);
}

.btn-outline.disabled,
.btn-outline [disabled],
.btn-outline-48.disabled,
.btn-outline-48 [disabled] {
  background: var(--backgound-semantic-info-subtle);
}

.btn-outline {
  font-size: 20px;
  height: 60px;
  padding-left: 46px;
  padding-right: 46px;
}

.btn-text {
  border: 1px solid var(--icon-neutral-disabled);
  background-color: transparent;
  height: 84px;
  color: var(--text-neutral-secondary);
}

.btn-text > * {
  color: var(--text-neutral-secondary);
}

.btn-text:hover {
  border: 1px solid var(--border-brand-primary);
  color: var(--text-brand-heading);
}

.btn-text:hover > * {
  color: var(--text-brand-heading);
}

.btn-text:active,
.btn-text:focus {
  background: rgba(37, 121, 191, 0.1);
  border: 1px solid var(--border-brand-primary);
  color: var(--text-brand-heading);
}

.btn-text:active > *,
.btn-text:focus > * {
  color: var(--text-brand-heading);
}

.btn-text.disabled,
.btn-text [disabled] {
  border: 1px solid var(--icon-neutral-inverse-tertiary);
  color: var(--text-neutral-disabled);
}

.btn-text.disabled > *,
.btn-text [disabled] > * {
  color: var(--text-neutral-disabled);
}

.btn-grey {
  height: 41px;
  padding-left: 24px;
  padding-right: 24px;
  border-radius: 0 !important;
  background: var(--backgound-neutral-inverse-tertiary);
  color: var(--text-neutral-inverse-primary);
}

.btn-grey:hover {
  background: var(--backgound-brand-primary);
}

.btn-grey:active {
  background: var(--backgound-brand-secondary);
}

.btn-square {
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  border-radius: 8px;
  padding: 10px;
  transition: 0.3s;
  border: 1px solid var(--border-semantic-info-inverse);
  background: var(--backgound-neutral-primary);
}

.btn-square svg,
.btn-square img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.btn-square:hover {
  background: var(--backgound-brand-primary);
  border-color: var(--backgound-brand-primary);
}

.btn-square:hover svg {
  color: var(--backgound-neutral-primary);
}

.btn-square:active {
  background: var(--backgound-brand-secondary);
  border-color: var(--backgound-brand-secondary);
}

.btn-transparent {
  width: -moz-fit-content;
  width: fit-content;
  height: 48px;
  min-width: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: transparent;
  flex-shrink: 0;
}

.h-76 {
  height: 76px;
  padding-inline: 46px;
  font-size: 20px;
}

.h-68 {
  height: 68px;
  padding-inline: 46px;
  font-size: 20px;
}

.w-100 {
  width: 100% !important;
}

.btn-remove {
  border-radius: 8px;
  width: 68px;
  height: 68px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--backgound-neutral-tertiary);
  flex-shrink: 0;
  transition: 0.3s;
  padding: 12px;
}

.btn-remove svg {
  transition: 0.3s;
}

.btn-remove:hover {
  background: var(--backgound-brand-primary);
}

.btn-remove:hover svg {
  color: #fff;
}

.btn-remove:active svg {
  color: #fff;
}

.btn-remove:active {
  background: var(--backgound-brand-secondary);
}

header.header {
  position: sticky;
  top: 0;
  z-index: 5;
  background: var(--backgound-neutral-primary);
  border-bottom: 1px solid var(--backgound-neutral-secondary);
}

.header-desktop .header-navigation {
  background: var(--backgound-neutral-inverse-secondary);
  color: var(--text-neutral-inverse-tertiary);
  height: 44px;
}

.header-desktop .header-navigation .container {
  -moz-column-gap: 22px;
  column-gap: 22px;
}

.header-desktop .header-navigation .btn-grey {
  height: 44px;
}

.header-desktop .header-menu {
  -moz-column-gap: 22px;
  column-gap: 22px;
  flex: 1;
}

.header-desktop .header-menu .header-menu-link {
  padding-block: 12px;
  font-weight: 700;
  font-size: 14px;
  text-transform: uppercase;
  color: var(--text-neutral-inverse-tertiary);
}

.header-desktop .header-contacts {
  -moz-column-gap: 12px;
  column-gap: 12px;
  flex-shrink: 0;
}

.header-desktop .header-contacts .contact-link {
  font-weight: 700;
  font-size: 14px;
  padding-block: 12px;
  color: var(--text-neutral-inverse-primary);
  white-space: nowrap;
}

.header-desktop .header-row .container {
  -moz-column-gap: 18px;
  column-gap: 18px;
  padding-block: 18px;
  position: relative;
}

.header .header-search-form {
  flex: 1;
}

.header .btn-outline.catalog-btn {
  padding-left: 22px;
  padding-right: 22px;
  font-size: 20px;
}

.header .header-mobile {
  display: none;
  padding-block: 14px;
  background: var(--backgound-neutral-primary);
}

.header .header-mobile .svg-logo {
  width: 220px;
  height: 36px;
}

.header-mobile-content .navbar-btn-phone {
  display: none;
}

.mobile-menu-open {
  border-color: var(--backgound-brand-primary);
  background-color: var(--backgound-brand-primary);
}

.mobile-menu-wrapper {
  position: fixed;
  top: 0;
  bottom: 0;
  z-index: 6;
  left: 0;
  width: 100%;
  z-index: 8;
  background-color: white;
  padding: 16px 22px;
  display: flex;
  flex-direction: column;
  row-gap: 26px;
  width: 100%;
  max-width: 390px;
  box-shadow: 0 20px 44px -4px rgba(0, 0, 0, 0.15);
  background: var(--backgound-neutral-primary);
  transform: translateX(-120%);
  transition: 0.3s;
}

.mobile-menu-wrapper.active {
  transform: translateX(0);
}

.mobile-menu-wrapper .scroll-y {
  display: flex;
  flex-direction: column;
  row-gap: 26px;
  width: 100%;
  height: calc(100dvh - 240px);
  overflow: hidden;
  overflow-y: auto;
  scrollbar-width: none;
}

.mobile-menu-wrapper .scroll-y::-webkit-scrollbar {
  display: none;
}

.mobile-menu-wrapper .header-menu {
  flex-direction: column;
  align-items: flex-start;
}

.mobile-menu-wrapper .header-menu .header-menu-link {
  border-bottom: 1px solid var(--backgound-neutral-disabled);
  padding-top: 12px;
  padding-bottom: 12px;
  font-size: 16px;
  color: var(--text-neutral-secondary);
  width: 100%;
}

.mobile-menu-wrapper .header-menu .header-menu-link:first-child {
  padding-top: 0;
}

.mobile-menu-wrapper .header-contacts {
  justify-content: center;
  flex-direction: column;
  row-gap: 6px;
}

.mobile-menu-wrapper .phone-link,
.mobile-menu-wrapper .email-link {
  font-weight: 700;
  color: var(--text-neutral-primary);
}

.mobile-menu-wrapper .phone-link {
  font-size: 16px;
  text-transform: uppercase;
}

.mobile-menu-wrapper .email-link {
  font-size: 11px;
  color: var(--text-neutral-primary);
}

.mobile-menu__group {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.mobile-menu__group .navbar-block {
  display: none;
}

.catalog-block {
  position: relative;
}

.catalog-list-wrapper {
  background: var(--backgound-neutral-primary);
  box-shadow: 0 35px 44px -4px rgba(0, 0, 0, 0.15);
  display: flex;
  transition: 0.3s;
  position: fixed;
  z-index: 10;
  top: 140px;
  left: 0;
  bottom: 0;
  width: 37.5vw;
  justify-content: flex-end;
  padding-bottom: 40px;
  transform: translateX(-45vw);
}

.catalog-list-wrapper .catalog-list-mobile-title {
  display: none;
}

.catalog-list-wrapper .catalog-list {
  width: 100%;
  width: 440px;
}

.catalog-list-wrapper .drop-menu-item:last-child .drop-menu__btn,
.catalog-list-wrapper .drop-menu-item:last-child .drop-menu__sub-item:last-child {
  border: 0;
}

.catalog-list-wrapper .drop-menu__btn:hover,
.catalog-list-wrapper .drop-menu__sub-item:hover {
  opacity: 0.7;
}

.catalog-list-wrapper .scroll-y {
  height: calc(100% - 10px);
  padding-right: 16px;
}

.header .catalog-list-wrapper.catalog-list-active {
  transform: translateX(0);
}

.aside-panel > * + * {
  margin-top: 26px;
}

.aside-panel-block {
  border: 1px solid var(--border-semantic-info-inverse);
  padding: 22px;
  background: var(--backgound-neutral-primary);
}

.catalog-aside-menu .aside-panel-block {
  padding-top: 4px;
  padding-bottom: 4px;
}

.aside-panel-block.pad-18 {
  padding: 18px;
}

.swiper {
  width: calc(50vw + 50%);
}

.swiper-slide {
  height: unset;
  display: flex;
}

.swiper-nav {
  position: relative;
  z-index: 1;
}

.has-swiper {
  overflow: hidden;
}

.swiper-button-next,
.swiper-button-prev {
  position: relative;
  inset: auto;
  margin: 0;
  border: 1px solid var(--icon-neutral-secondary);
  border-radius: 8px;
  padding: 18px;
  width: 60px;
  height: 60px;
  transition: 0.3s;
}

.swiper-button-next:after,
.swiper-button-prev:after {
  display: none;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
  border: 1px solid var(--backgound-brand-primary);
}

.swiper-button-next:hover svg,
.swiper-button-prev:hover svg {
  color: var(--backgound-brand-primary);
}

.swiper-button-next:active,
.swiper-button-prev:active {
  border: 1px solid var(--backgound-brand-primary);
}

.swiper-button-next:active svg,
.swiper-button-prev:active svg {
  color: var(--backgound-brand-primary);
}

.swiper-button-next:active,
.swiper-button-prev:active {
  background: rgba(37, 121, 191, 0.1);
}

/*.breadcrumbs*/

.breadcrumbs {
  display: inline-flex;
  -moz-column-gap: 8px;
  column-gap: 8px;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.breadcrumbs-item {
  width: -moz-fit-content;
  width: fit-content;
}

.breadcrumbs a,
.breadcrumbs span {
  font-family: var(--font-family);
  font-weight: 400;
  color: var(--text-neutral-tertiary);
}

.breadcrumbs a {
  position: relative;
  display: inline-flex;
  -moz-column-gap: 8px;
  column-gap: 8px;
  align-items: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  transition: 0.3s;
}

.breadcrumbs a:hover {
  color: var(--text-neutral-secondary);
}

.breadcrumbs a:after {
  content: "";
  width: 16px;
  height: 16px;
  background-size: 6px 12px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='6' height='12' viewBox='0 0 6 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0.498333 11.5583C0.371666 11.5583 0.245 11.5117 0.145 11.4117C-0.0483333 11.2183 -0.0483333 10.8983 0.145 10.705L4.49167 6.35833C4.81167 6.03833 4.81167 5.51833 4.49167 5.19833L0.145 0.851667C-0.0483333 0.658333 -0.0483333 0.338333 0.145 0.145C0.338333 -0.0483333 0.658333 -0.0483333 0.851666 0.145L5.19833 4.49167C5.53833 4.83167 5.73167 5.29167 5.73167 5.77833C5.73167 6.265 5.545 6.725 5.19833 7.065L0.851666 11.4117C0.751666 11.505 0.625 11.5583 0.498333 11.5583Z' fill='%2392A1B8' /%3e%3c/svg%3e");
  flex-shrink: 0;
}

.navbar-btn {
  display: flex;
  align-items: center;
  -moz-column-gap: 12px;
  column-gap: 12px;
  padding-inline: 18px;
  height: 60px;
  border-radius: 8px;
  font-size: 14px;
  background: var(--backgound-neutral-tertiary);
  color: var(--text-neutral-primary);
  transition: 0.3s;
  justify-content: center;
}

.navbar-btn:hover {
  background: var(--backgound-brand-primary);
  color: var(--text-neutral-inverse-primary);
}

.navbar-btn:hover svg {
  color: var(--text-neutral-inverse-primary);
}

.navbar-btn:active {
  background: var(--backgound-brand-secondary);
  color: var(--text-neutral-inverse-primary);
}

.navbar-btn:active svg {
  color: var(--text-neutral-inverse-primary);
}

.navbar-block.navbar-block--full .navbar-btn {
  width: -moz-fit-content;
  width: fit-content;
  height: 44px;
  padding-left: 14px;
  padding-right: 14px;
  font-size: 12px;
  -moz-column-gap: 6px;
  column-gap: 6px;
}

.navbar-block.navbar-block--full .navbar-btn span {
  display: block;
}

.navbar-block.navbar-block--full .navbar-btn svg {
  width: 20px;
  height: auto;
}

.badge,
.badge-big {
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  height: 37px;
  padding: 10px 18px;
  text-align: center;
  background: var(--backgound-brand-primary);
  color: var(--text-brand-primary);
  font-weight: 700;
  font-size: 14px;
}

.badge.badge--accent,
.badge-big.badge--accent {
  background: var(--accent-80);
  color: var(--text-neutral-inverse-primary);
}

.badge-big {
  height: 48px;
  padding: 12px 22px;
  text-transform: uppercase;
  font-size: 20px;
  text-transform: uppercase;
}

.badge-group > * + * {
  margin-top: 10px;
}

.tag,
.tag-big {
  height: 23px;
  padding: 4px;
  display: inline-block;
  text-align: center;
  background: var(--backgound-neutral-disabled);
  font-size: 12px;
  color: var(--text-neutral-secondary);
}

.tag-big {
  padding: 6px;
  height: 29px;
  font-size: 14px;
}

.tags-group {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.tags-group.gap-8 {
  gap: 8px;
}

.hashtag-item,
.hashtag-item-large {
  display: inline-block;
  font-weight: 400;
  font-size: 12px;
  color: var(--text-neutral-secondary);
  padding: 6px 12px;
  background: var(--backgound-neutral-tertiary);
  border-radius: 25px;
}

.hashtag-item-large {
  padding: 10px 18px;
  font-size: 14px;
}

.label-outline,
.label-grey,
.label-lightblue {
  padding-inline: 18px;
  display: inline-flex;
  width: -moz-fit-content;
  width: fit-content;
  justify-content: center;
  align-items: center;
  text-align: center;
  height: 34px;
}

.label-outline {
  background: var(--backgound-neutral-primary);
  border: 1px solid var(--icon-neutral-inverse-tertiary);
  color: var(--text-neutral-secondary);
}

.label-grey {
  color: var(--text-neutral-inverse-primary);
  background: var(--backgound-neutral-inverse-tertiary);
}

.label-lightblue {
  background: var(--backgound-neutral-disabled);
  color: var(--text-neutral-primary);
}

.brand-card {
  width: 100%;
  height: 120px;
  background: var(--backgound-neutral-primary);
  border: 1px solid var(--border-semantic-info-inverse);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px 24px;
  position: relative;
}

.brand-card:after {
  content: "";
  display: block;
  width: 48px;
  height: 48px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M2.6298 11.8096C2.92269 11.5169 3.39752 11.5168 3.69034 11.8096C3.98317 12.1024 3.98302 12.5772 3.69034 12.8701L1.28019 15.2803C0.987294 15.5732 0.512534 15.5732 0.219641 15.2803C-0.073194 14.9874 -0.0732331 14.5126 0.219641 14.2197L2.6298 11.8096ZM15.4999 11.0205C15.4997 11.4344 15.1648 11.7702 14.7509 11.7705C14.3368 11.7705 14.0001 11.4346 13.9999 11.0205V2.56055L6.9003 9.66016C6.60741 9.95305 6.13265 9.95305 5.83976 9.66016C5.54692 9.36726 5.54688 8.89248 5.83976 8.59961L12.9394 1.5H4.48038C4.06617 1.5 3.73039 1.16421 3.73038 0.75C3.73046 0.335854 4.06622 5.49995e-06 4.48038 0H14.7499C15.1641 -5.50038e-06 15.4999 0.335793 15.4999 0.75V11.0205Z' fill='%231E6199' /%3e%3c/svg%3e");
  background-size: 16px 16px;
  background-position: center;
  background-repeat: no-repeat;
  transition: 0.3s;
  transform: scale(0);
}

.brand-card:hover {
  border: 1px solid var(--border-brand-primary);
}

.brand-card:hover:after {
  transform: scale(1);
}

.brand-card img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  max-width: 174px;
}

.news-card,
.news-card__body {
  display: flex;
  flex-direction: column;
}

.news-card {
  border: 1px solid var(--border-semantic-info-inverse);
  background: var(--backgound-neutral-primary);
  transition: 0.3s;
}

.news-card__img {
  overflow: hidden;
  width: 100%;
  flex-shrink: 0;
  position: relative;
  aspect-ratio: 356/260;
}

.news-card__img:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 84px;
  background: linear-gradient(180deg, rgba(32, 43, 62, 0) 0%, #202b3e 100%);
  z-index: 2;
}

.news-card__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  position: relative;
  z-index: 1;
}

.news-card__body {
  padding: 22px;
  flex-grow: 1;
  width: 100%;
  row-gap: 10px;
}

.news-card__body p {
  flex-grow: 1;
  color: var(--text-neutral-primary);
}

.news-card__body .h3 {
  color: var(--text-neutral-primary);
  transition: 0.3s;
}

.news-card__body .txt-muted {
  padding-top: 14px;
}

.news-card__author {
  position: absolute;
  left: 18px;
  bottom: 18px;
  right: 18px;
  z-index: 3;
  display: flex;
  -moz-column-gap: 6px;
  column-gap: 6px;
  align-items: center;
  color: var(--text-neutral-inverse-primary);
}

.news-card__author:before {
  content: "";
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1.68164 12.8501V7.1499C1.68164 5.94779 2.32527 4.83627 3.36035 4.22803L3.36426 4.22607L4.94727 3.30908C5.30574 3.10155 5.76512 3.22405 5.97266 3.58252C6.17998 3.94088 6.05744 4.39937 5.69922 4.60693L4.11621 5.52393L4.11523 5.52295C3.5361 5.86522 3.18164 6.48693 3.18164 7.1499V12.8501C3.18173 13.5253 3.54037 14.1432 4.11523 14.4751L9.0625 17.3315L9.17383 17.3911C9.73829 17.666 10.4004 17.6445 10.9395 17.3335L15.8896 14.4751C16.4683 14.1328 16.8231 13.5127 16.8232 12.8501V7.1499C16.8232 6.47464 16.4646 5.85585 15.8896 5.52393L10.9424 2.66748C10.3552 2.33218 9.64037 2.33465 9.06543 2.6665C8.70671 2.8736 8.24714 2.74984 8.04004 2.39111C7.83331 2.03246 7.95686 1.57371 8.31543 1.3667C9.29181 0.803215 10.4816 0.769786 11.4883 1.26025L11.6875 1.36572L11.6904 1.3667L16.6396 4.2251C17.6814 4.82651 18.3232 5.94183 18.3232 7.1499V12.8501C18.3231 14.0521 17.6795 15.1638 16.6445 15.772L16.6396 15.7739L11.6904 18.6323C10.6489 19.2336 9.36343 19.232 8.31738 18.6343L8.31445 18.6323L3.36523 15.7739C2.32359 15.1726 1.68173 14.0581 1.68164 12.8501ZM12.582 13.8833C12.582 12.9335 11.576 11.9165 9.99805 11.9165C8.42022 11.9166 7.41504 12.9335 7.41504 13.8833C7.41496 14.2974 7.07917 14.6333 6.66504 14.6333C6.25088 14.6333 5.91512 14.2974 5.91504 13.8833C5.91504 11.8332 7.89279 10.4166 9.99805 10.4165C12.1034 10.4165 14.082 11.8331 14.082 13.8833C14.0819 14.2973 13.746 14.6331 13.332 14.6333C12.9179 14.6333 12.5821 14.2974 12.582 13.8833ZM11.1904 7.2251C11.1904 6.56698 10.6562 6.03271 9.99805 6.03271C9.34001 6.03286 8.80664 6.56706 8.80664 7.2251C8.80679 7.88303 9.34013 8.41636 9.99805 8.4165C10.6561 8.4165 11.1903 7.88312 11.1904 7.2251ZM12.6904 7.2251C12.6903 8.71153 11.4845 9.9165 9.99805 9.9165C8.51168 9.91636 7.30679 8.71144 7.30664 7.2251C7.30664 5.7386 8.51162 4.53286 9.99805 4.53271C11.4846 4.53271 12.6904 5.73851 12.6904 7.2251Z' fill='%23BED7EC' /%3e%3c/svg%3e");
}

.news-card:hover {
  border-color: var(--text-brand-heading);
}

.news-card:hover .h-20,
.news-card:hover .h3 {
  color: var(--text-brand-heading) !important;
}

.info-items-wrapper {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.info-item {
  -moz-column-gap: 6px;
  column-gap: 6px;
  white-space: nowrap;
  display: flex;
  align-items: center;
}

.info-item svg {
  width: 20px;
  height: 20px;
}

.news-card.news-card--full .news-card__title {
  color: var(--text-neutral-secondary);
}

.news-card.news-card--full .news-card__body {
  row-gap: 18px;
  padding: 18px;
}

.news-card-wrapper {
  display: flex;
  gap: 32px;
}

.about-row .about__text {
  display: flex;
  flex-direction: column;
  row-gap: 26px;
}

.about-row .about__text .about__text-block {
  width: 100%;
  margin-top: auto;
  max-width: 485px;
}

.about-row .about__text .about__text-block p + p {
  margin-top: 1em;
}

.about-row .about__text .btn-primary {
  width: -moz-fit-content;
  width: fit-content;
}

.about-row .about__img {
  width: 100%;
  max-height: 525px;
}

.review-card {
  border: 1px solid var(--border-semantic-info-primary);
  padding: 22px;
  background: var(--backgound-neutral-primary);
  display: flex;
  flex-direction: column;
  row-gap: 26px;
}

.review-card .h3-upper {
  margin-bottom: 18px;
}

.review-card__body {
  flex: 1;
}

.review-card__footer {
  -moz-column-gap: 10px;
  column-gap: 10px;
}

.review-card__img {
  border-radius: 50%;
  height: 65px;
  width: 65px;
  flex-shrink: 0;
  overflow: hidden;
}

.review-card__row .h4 {
  color: var(--text-neutral-secondary);
  margin-bottom: 6px;
}

.review-photo {
  padding: 12px 9px;
  width: -moz-fit-content;
  width: fit-content;
  background: var(--backgound-neutral-primary);
  border: 1px solid var(--border-semantic-info-primary);
}

.review-swiper .swiper-slide {
  width: auto !important;
}

.review-swiper .review-card {
  width: 485px;
}

.feedback .feedback-column {
  display: flex;
  flex-direction: column;
  row-gap: 26px;
  padding-bottom: 8px;
}

.feedback .feedback-column .feedback-column__txt {
  margin-top: auto;
}

.feedback-form-wrapper {
  padding: 22px;
  background: var(--backgound-neutral-secondary);
  border: 1px solid var(--border-semantic-info-inverse);
}

.bg-grey .feedback-form-wrapper {
  background: var(--soft-pearl-white);
}

.feedback-contacts {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}

.feedback-contacts .operating-mode {
  margin-top: 8px;
}

.feedback-contacts .contact-link {
  -moz-column-gap: 18px;
  column-gap: 18px;
}

.form-agree-block .fs-12 {
  color: #666;
}

.form-agree-block a {
  color: #0047cc;
  transition: 0.3s;
}

.form-agree-block a:hover {
  opacity: 0.5;
}

.form-agree-block label.agree-checkbox {
  display: flex;
  -moz-column-gap: 10px;
  column-gap: 10px;
  align-items: flex-start;
}

.form-agree-block label.agree-checkbox input {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}

.feedback-form__body,
.feedback-form__footer {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

.promo {
  padding-block: 30px;
  max-height: 677px;
}

.promo .promo-subtitle {
  max-width: 1260px;
}

.promo .promo-card {
  background: radial-gradient(195.27% 68.85% at 68.85% 48.15%, #f7f8fb 0%, #e7ebf3 100%);
  width: 100%;
}

.promo .promo-card__column {
  width: 40%;
  max-width: 530px;
  flex-shrink: 0;
}

.promo .promo-card__column .btn-primary {
  margin-top: 54px;
}

.promo .promo-card__column .h2 {
  margin-top: 26px;
}

.promo .promo-card picture {
  display: flex;
  justify-content: center;
}

.promo .promo-card__image {
  aspect-ratio: 390/220;
  max-width: 1095px;
  height: auto;
  display: flex;
  flex-grow: 1;
  justify-content: flex-end;
  max-height: 616px;
}

.promo .promo-card img {
  mix-blend-mode: multiply;
  width: 100%;
  height: 100%;
}

.promo.promo--main-page {
  height: 677px;
  display: flex;
  align-items: center;
}

.swiper-inner {
  position: relative;
}

.swiper-inner .swiper-nav {
  position: absolute;
  z-index: 2;
  top: 50%;
  transform: translateY(-50%);
  left: -118px;
  right: -118px;
  justify-content: space-between;
}

.swiper-inner .swiper-nav .swiper-button-next,
.swiper-inner .swiper-nav .swiper-button-prev {
  box-shadow: 0 20px 44px -4px rgba(0, 0, 0, 0.15);
  background: var(--backgound-neutral-primary);
  border: 0;
  width: 48px;
  height: 48px;
  padding: 10px;
}

.promo-slider.swiper {
  width: 100%;
  height: 100%;
}

.promo-slider.swiper .swiper-slide {
  justify-content: center;
}

.price-item {
  font-weight: 700;
  font-size: 28px;
  display: flex;
  white-space: nowrap;
  -moz-column-gap: 10px;
  column-gap: 10px;
  align-items: center;
  color: var(--text-neutral-secondary);
}

.price-item .fs-17 {
  font-weight: 400;
}

.price-counter {
  -moz-column-gap: 26px;
  column-gap: 26px;
}

.benefit-card {
  width: 100%;
  flex-direction: column;
  gap: 12px;
}

.benefit-card .h3 {
  color: var(--text-neutral-secondary);
}

.benefit-card__img {
  width: 56px;
  height: 56px;
  padding: 5px;
  flex-shrink: 0;
}

.benefit-card__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.benefit-card__txt {
  text-align: center;
}

.benefit-card__txt > * + * {
  margin-top: 12px;
}

.benefit-card__txt > .fs-14 + .fs-14 {
  margin-top: 0 !important;
}

.benefit-card__txt a {
  padding-top: 3px;
  padding-bottom: 3px;
  transition: 0.3s;
  margin-top: 11px;
}

.benefit-card__txt a:hover {
  color: var(--text-brand-heading);
}

.benefit-card.benefit-card--txt-left {
  align-items: flex-start;
}

.benefit-card.benefit-card--txt-left .benefit-card__txt {
  text-align: left;
}

.catalog-card {
  background-color: #fff;
  width: 100%;
  max-width: 358px;
  border: 1px solid var(--border-semantic-info-inverse);
  transition: 0.3s;
  color: var(--text-neutral-primary);
  display: flex;
  flex-direction: column;
}

.catalog-card__img {
  aspect-ratio: 356/240;
  width: 100%;
  flex-shrink: 0;
  background: var(--backgound-neutral-disabled);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
  align-self: stretch;
}

.catalog-card__img img {
  aspect-ratio: inherit;
  align-self: stretch;
}

.catalog-card .h3-upper {
  transition: 0.3s;
}

.catalog-card__txt {
  padding: 22px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.catalog-card__txt .fs-14 {
  margin-top: auto;
  transition: 0.3s;
  color: var(--text-neutral-disabled);
}

.catalog-card:hover {
  border-color: var(--text-brand-heading);
}

.catalog-card:hover .h3-upper {
  color: var(--text-brand-heading);
}

.catalog-card:hover .catalog-card__txt .fs-14 {
  color: var(--text-neutral-tertiary);
}

.catalog-cards {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 32px;
}

.product-card {
  width: 100%;
  max-width: 358px;
  border: 1px solid var(--border-semantic-info-primary);
  min-height: 513px;
  background: var(--backgound-neutral-secondary);
  display: flex;
  flex-direction: column;
  transition: border 0.3s;
}

.product-card:hover {
  border: 1px solid var(--border-brand-inverse);
}

.product-card .badge-group {
  position: absolute;
  top: 18px;
  left: 18px;
  z-index: 2;
}

.product-card__img {
  position: relative;
  padding: 5px;
  aspect-ratio: 356/200;
  max-height: 200px;
  height: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  flex-shrink: 0;
  overflow: hidden;
}

.product-card__column {
  display: flex;
  flex-direction: column;
  padding: 18px;
  row-gap: 12px;
  flex: 1;
}

.product-card__column > * {
  width: 100%;
}

.product-card__footer {
  margin-top: auto;
  padding-top: 10px;
}

.product-card__footer .fs-14 {
  margin-bottom: 6px;
}

.product-card__buttons {
  margin-top: 10px;
  align-items: center;
  -moz-column-gap: 10px;
  column-gap: 10px;
}

.product-card__buttons .btn-primary {
  flex: 1;
}

.product-card__buttons .btn-square {
  margin-left: auto;
}

.swiper.products-swiper .swiper-slide {
  width: 356px !important;
}

.product-card.product-card--horiz {
  flex-direction: row;
  min-height: 333px;
  max-width: 100%;
  background: var(--backgound-neutral-primary);
}

.product-card.product-card--horiz .product-card__img {
  width: 333px;
  height: auto;
  aspect-ratio: 1;
  max-height: unset;
  padding: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.product-card.product-card--horiz .product-card__column {
  padding: 18px;
}

.range-slider-container {
  display: flex;
  flex-direction: column-reverse;
  row-gap: 8px;
}

.range-row {
  display: flex;
  gap: 10px;
  align-items: center;
  flex-wrap: wrap;
}

.range-field {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.range-row.range-row--inputs {
  margin-bottom: 4px;
  flex-wrap: nowrap;
}

.range-field input[type=number] {
  text-align: center;
  border: 1px solid var(--border-neutral-secondary);
  border-radius: 8px;
  padding: 18px;
  max-width: 150px;
  width: 100%;
  flex: 1;
  height: 57px;
  font-size: 17px;
}

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;
}

/* Слайдер */

.range-slider {
  position: relative;
  width: 100%;
  height: 32px;
  display: inline-block;
}

.range-track {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  height: 10px;
  transform: translateY(-50%);
  border-radius: 999px;
  background: var(--backgound-neutral-disabled);
  overflow: hidden;
}

.range-highlight {
  position: absolute;
  height: 100%;
  background: var(--backgound-brand-primary);
  pointer-events: none;
}

/* Ползунки */

.thumb {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  pointer-events: none;
}

.thumb::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  pointer-events: auto;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #007aff;
  background: #fff;
  border: 2px solid var(--backgound-brand-primary);
  cursor: pointer;
}

.thumb::-moz-range-thumb {
  pointer-events: auto;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #007aff;
  border: 2px solid white;
  box-shadow: 0 0 0 2px rgba(0, 122, 255, 0.1333333333);
  cursor: pointer;
}

.thumb::-webkit-slider-runnable-track {
  background: transparent;
}

.thumb::-moz-range-track {
  background: transparent;
}

.aside-block__header {
  margin-bottom: 8px;
  padding-top: 10px;
  padding-bottom: 18px;
}

.aside-block__header .btn-square {
  margin-left: auto;
  display: none;
  border: 0;
}

.filters-list .filters-list__item {
  padding-block: 18px;
  border-bottom: 1px solid var(--backgound-neutral-disabled);
}

.filters-list .filters-list__item .h-20 {
  margin-bottom: 12px;
}

.drop-menu.filters-drop .drop-menu__btn {
  border-bottom: 0;
}

.drop-menu.filters-drop .drop-menu-item {
  border-bottom: 1px solid var(--backgound-neutral-disabled);
}

.drop-menu.filters-drop .drop-menu-item:last-child {
  border-bottom: 0;
}

.drop-menu.filters-drop .drop-menu-item--open {
  padding-bottom: 18px;
}

.promo.promo-inner {
  padding-top: 54px;
  padding-bottom: 54px;
  background: radial-gradient(195.27% 68.85% at 68.85% 48.15%, #f7f8fb 0%, #e7ebf3 100%);
}

.promo.promo-inner .breadcrumbs + * {
  margin-top: 46px;
}

.promo.promo-inner .h1 + * {
  margin-top: 12px;
}

.promo.promo-inner .wrapper-gap-46 .h1 + *,
.promo.promo-inner .wrapper-gap-46 .breadcrumbs + * {
  margin-top: 0 !important;
}

.catalog-content-grid.grid {
  align-items: flex-start;
}

.categories-cards-grid,
.products-cards-grid {
  gap: 18px;
  display: grid;
  align-items: flex-start;
}

.categories-cards-grid {
  grid-template-columns: repeat(auto-fit, minmax(208px, 1fr));
  align-items: stretch;
}

.categories-cards-grid .catalog-card .h3-upper {
  font-size: 14px;
  font-weight: 400;
  text-transform: none;
}

.categories-cards-grid .catalog-card__txt {
  padding: 18px;
  flex: 1;
}

.categories-cards-grid .catalog-card__img {
  aspect-ratio: 208/170;
}

.products-cards-grid {
  grid-template-columns: repeat(auto-fit, minmax(259px, 1fr));
  align-items: stretch;
}

.catalog-content .container > * + * {
  margin-top: 54px;
}

.filters-row .filter-item .txt-muted strong {
  color: var(--text-neutral-primary);
}

.filters-row .filter-item .navbar-btn {
  display: none;
}

.filter-item .navbar-btn {
  width: -moz-fit-content;
  width: fit-content;
}

.filter-item .navbar-btn span {
  display: block;
}

.catalog-filtered-content {
  display: flex;
  flex-direction: column;
  row-gap: 26px;
}

.catalog-filtered-content > * {
  width: 100%;
}

.catalog-filtered-content .products-cards-grid {
  order: 3;
}

.catalog-filtered-content .pagination-wrapper {
  order: 10;
}

.catalog-filtered__header > * + * {
  margin-top: 18px;
}

.catalog-filtered-row .filter-item.filter-item--result .navbar-btn {
  display: none;
}

.filters-column .radio-item,
.filters-column .checkbox-item {
  padding-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid var(--backgound-neutral-disabled);
}

#filters-popup .scroll-y {
  scrollbar-width: none;
}

.pagination-wrapper {
  margin-top: 46px;
  width: 100%;
}

.pagination,
.pagination-item {
  display: flex;
  align-items: center;
}

.pagination {
  -moz-column-gap: 10px;
  column-gap: 10px;
}

.pagination-item {
  width: 56px;
  height: 56px;
  border-radius: 8px;
  justify-content: center;
  font-weight: 400;
  font-size: 14px;
  flex-shrink: 0;
  background-color: transparent;
  color: var(--text-neutral-primary);
  transition: 0.3s;
}

.pagination-item:hover {
  background: var(--backgound-neutral-secondary);
}

.pagination-item.active {
  background: var(--backgound-neutral-secondary);
}

.bg-grey .pagination .pagination-item.active,
.bg-grey .pagination .pagination-item:hover {
  background-color: #fff;
}

.about-product-wrapper {
  padding-left: calc(50% + 16px);
  position: relative;
}

.about-product-wrapper .product-gallery {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  width: calc(50% - 16px);
}

.product-gallery-sliders {
  display: flex;
  -moz-column-gap: 10px;
  column-gap: 10px;
  height: 600px;
}

.product-gallery-sliders .swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
}

.product-gallery-sliders .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.product-gallery-sliders .mySwiperFotorama {
  height: 100%;
  border: 1px solid var(--border-semantic-info-inverse);
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--backgound-neutral-secondary);
  max-width: 744px;
  width: calc(100% - 96px - 10px);
}

.product-gallery-sliders .mySwiperFotorama .swiper-slide {
  padding: 6px 24px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.product-gallery-sliders .mySwiperFotorama .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.product-gallery-sliders .mySwiperFotorama .badge-group,
.product-gallery-sliders .mySwiperFotorama .label-image {
  position: absolute;
  top: 22px;
  left: 22px;
  z-index: 2;
}

.product-gallery-sliders .mySwiperFotorama .label-image {
  -moz-column-gap: 12px;
  column-gap: 12px;
  left: auto;
  right: 22px;
}

.product-gallery-sliders .mySwiperFotorama .label-image img {
  height: 64px;
  width: auto;
  -o-object-fit: contain;
  object-fit: contain;
}

.product-gallery-sliders .mySwiperThumb {
  height: 100%;
  width: 96px;
  box-sizing: border-box;
}

.product-gallery-sliders .mySwiperThumb .swiper-slide {
  height: 96px !important;
  width: 96px !important;
  padding: 7px;
  background: var(--backgound-neutral-secondary);
  border: 1px solid var(--border-brand-primary);
  opacity: 0.5;
  transition: 0.3s;
}

.product-gallery-sliders .mySwiperThumb .swiper-slide.swiper-slide-thumb-active {
  position: relative;
  opacity: 1;
}

.product-gallery-sliders .mySwiperThumb .swiper-slide-thumb-active {
  opacity: 1;
}

.product-gallery__row {
  -moz-column-gap: 24px;
  column-gap: 24px;
  padding-left: 106px;
  margin-top: 26px;
}

.product-information {
  min-height: 671px;
  align-content: flex-start;
}

.product-information .price-group__row .navbar-btn {
  width: 68px;
  height: 68px;
  flex-shrink: 0;
}

.product-information .product-information__top span.art-num {
  white-space: nowrap;
}

.product-information .product-article {
  gap: 22px;
}

.product-information .product-information__drop > * + * {
  margin-top: 10px;
}

.product-tabs .tab-content-description {
  align-items: flex-start;
}

.counter {
  -moz-column-gap: 10px;
  column-gap: 10px;
  display: flex;
  align-items: center;
}

.counter .counter-minus,
.counter .counter-plus,
.counter .counter-value {
  width: 60px;
  height: 60px;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.counter .counter-minus,
.counter .counter-plus {
  flex-shrink: 0;
  background: var(--backgound-neutral-tertiary);
  transition: 0.3s;
}

.counter .counter-minus:hover,
.counter .counter-plus:hover {
  background: var(--backgound-brand-primary);
}

.counter .counter-minus:hover svg,
.counter .counter-plus:hover svg {
  color: white;
}

.counter .counter-minus:active,
.counter .counter-plus:active {
  background: var(--backgound-brand-secondary);
}

.counter .counter-minus:active svg,
.counter .counter-plus:active svg {
  color: white;
}

.counter .counter-value {
  height: 60px;
  min-width: 60px;
  width: -moz-fit-content;
  width: fit-content;
  color: var(--text-neutral-primary);
  border: 1px solid var(--border-neutral-secondary);
  background: var(--backgound-neutral-primary);
}

.counter.counter--small .counter-minus,
.counter.counter--small .counter-plus,
.counter.counter--small .counter-value {
  width: 48px;
  height: 48px;
  border-radius: 8px;
}

.counter.counter--small .counter-value {
  min-width: 48px;
}

.counter-block {
  display: flex;
  align-items: center;
  gap: 18px;
}

.tabs-nav {
  -moz-column-gap: 0;
  column-gap: 0;
}

.tab-content {
  display: none;
  padding-top: 46px;
}

.tab-content.active {
  display: block;
}

.tab-content .custom-table__title,
.tab-content .custom-table .h4-upper {
  color: var(--text-neutral-secondary);
}

.tab-button {
  padding-inline: 24px;
  height: 60px;
  font-weight: 400;
  color: var(--text-neutral-secondary);
  border-top: 1px solid var(--border-semantic-info-primary);
  border-bottom: 1px solid var(--border-semantic-info-primary);
  background: var(--backgound-neutral-secondary);
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  flex: 1;
  transition: 0.3s;
}

.tab-button:hover {
  color: var(--text-neutral-disabled);
}

.tab-button.active {
  color: var(--text-brand-primary);
  background: var(--backgound-neutral-inverse-tertiary);
  border-top-color: var(--backgound-neutral-inverse-tertiary);
  border-bottom-color: var(--backgound-neutral-inverse-tertiary);
}

.tab-button:first-child {
  border-left: 1px solid var(--border-semantic-info-primary);
}

.tab-button:first-child.active {
  border-left-color: var(--backgound-neutral-inverse-tertiary);
}

.tab-button:last-child {
  border-right: 1px solid var(--border-semantic-info-primary);
}

.tab-button:last-child.active {
  border-right-color: var(--backgound-neutral-inverse-tertiary);
}

.paragraf-wrapper > * + * {
  margin-top: 18px;
}

.custom-table .custom-table__title {
  margin-bottom: 18px;
}

.custom-table__head {
  margin-bottom: 8px;
}

.custom-table__head .custom-table__row {
  padding-top: 0;
}

.custom-table__row {
  display: flex;
  align-items: center;
  padding: 10px;
  -moz-column-gap: 24px;
  column-gap: 24px;
  background: var(--backgound-neutral-primary);
}

.custom-table .cell {
  flex: 1;
}

.custom-table__body .custom-table__row:nth-child(odd) {
  background: var(--backgound-neutral-secondary);
}

.custom-table.custom-table--price .custom-table__row .cell {
  flex: unset;
}

.custom-table.custom-table--price .custom-table__row .cell:nth-child(n+2) {
  width: 227px;
  flex-shrink: 0;
}

.custom-table.custom-table--price .custom-table__row .cell:first-child {
  flex-grow: 1;
}

.doc-link {
  -moz-column-gap: 18px;
  column-gap: 18px;
}

.doc-link__type {
  width: 72px;
  height: 72px;
  flex-shrink: 0;
  background: var(--backgound-neutral-disabled);
  text-transform: uppercase;
}

.doc-link__type .h-20 {
  color: var(--text-neutral-disabled);
}

.doc-link__name {
  flex-grow: 1;
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
}

.doc-link__name .h3 {
  color: var(--text-neutral-secondary);
}

.doc-link__btns {
  -moz-column-gap: 10px;
  column-gap: 10px;
}

.doc-link [class^=btn-] svg {
  display: none;
}

.doc-link__bottom {
  justify-content: space-between;
  -moz-column-gap: 60px;
  column-gap: 60px;
  margin-top: 18px;
}

.doc-link__bottom .doc-link__group {
  flex-grow: 1;
  -moz-column-gap: 40px;
  column-gap: 40px;
  justify-content: space-between;
}

.doc-link__bottom .doc-link__group .flex {
  -moz-column-gap: 40px;
  column-gap: 40px;
}

.doc-link__bottom .doc-link-model {
  white-space: nowrap;
}

.service-card {
  transition: 0.3s;
  background: var(--backgound-neutral-primary);
  border: 1px solid var(--border-semantic-info-primary);
}

.service-card .h-28 {
  color: var(--text-neutral-secondary);
}

.service-card__title > * + * {
  margin-top: 8px;
}

.service-card__top {
  display: flex;
  flex-direction: column;
  -moz-column-gap: 18px;
  column-gap: 18px;
  flex-grow: 1;
}

.service-card__top > .flex {
  -moz-column-gap: 18px;
  column-gap: 18px;
}

.service-card__icon {
  width: 80px;
  height: 80px;
}

.service-card__labels {
  -moz-column-gap: 10px;
  column-gap: 10px;
}

.service-card:hover {
  box-shadow: 0 6px 16px -4px rgba(0, 0, 0, 0.05);
  border: 1px solid var(--border-brand-inverse);
}

.delivery-cards.grid {
  gap: 46px;
}

.delivery-info .info-card {
  row-gap: 26px;
}

.custom-table.custom-table--delivery .custom-table__head,
.custom-table.custom-table--delivery .cell:nth-child(2),
.custom-table.custom-table--delivery .cell:nth-child(3),
.custom-table.custom-table--delivery .cell:nth-child(3) {
  white-space: nowrap;
}

.payment-type__title {
  margin-bottom: 22px;
}

.payment-type__title .h-28 {
  color: var(--text-neutral-secondary);
}

.payment-type__title > * {
  margin-top: 6px;
}

.info-card {
  background: var(--backgound-neutral-secondary);
  border: 1px solid var(--border-semantic-info-primary);
  padding: 46px;
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 46px;
  color: var(--text-neutral-secondary);
}

.info-card .h3,
.info-card .fs-17,
.info-card .fs-14,
.info-card .h3-upper {
  color: var(--text-neutral-secondary);
}

.info-card__list li > * + *,
.info-card__list li > a > * + * {
  margin-top: 4px;
}

.info-card__list .h3.flex {
  -moz-column-gap: 16px;
  column-gap: 16px;
  color: var(--text-neutral-secondary);
}

.info-card__list .h3.flex p {
  flex: 1;
}

.info-card__list .h3.flex span {
  flex-shrink: 0;
}

.info-card__list li {
  width: 100%;
  color: var(--text-neutral-secondary);
  padding-block: 10px;
  border-bottom: 1px solid var(--backgound-brand-accent);
}

.info-card__list li a {
  transition: 0.3s;
}

.info-card__list li a:hover {
  opacity: 0.7;
}

.info-card__list li:first-child {
  padding-top: 0 !important;
}

.info-card__list li:last-child {
  padding-bottom: 0 !important;
  border-bottom: 0;
}

.info-card.info-card--big .info-card__list li {
  padding-block: 18px;
}

.info-card.info-card--big .h3,
.info-card.info-card--big .h-20 {
  margin-bottom: 10px;
}

.single-service__group {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 46px;
}

.hashtags-wrapper.flex-wrap {
  gap: 10px;
}

.single-service-image img {
  width: 100%;
  aspect-ratio: 1003/665;
}

.reverse-rows-wrapper {
  display: grid;
  grid-template-rows: 1fr;
  row-gap: 46px;
}

.reverse-rows-wrapper .service-description__row {
  width: 50%;
}

.reverse-rows-wrapper .service-description__row:nth-child(2n) {
  margin-left: auto;
  padding-left: 16px;
}

.reverse-rows-wrapper .service-description__row .h2 {
  margin-bottom: 26px;
}

.reverse-rows-wrapper .service-description__row .fs-20 {
  max-width: 675px;
}

.reverse-rows-wrapper .service-description__row .marked-list {
  margin-top: 18px;
}

.service-work .section-header {
  max-width: 550px;
}

.result-doc {
  display: flex;
  flex-direction: column;
  border: 1px solid var(--border-semantic-info-inverse);
  height: 100%;
}

.result-doc__img {
  padding: 4px 15px;
  background-color: #fff;
  display: flex;
  justify-content: center;
  flex-shrink: 0;
  width: 100%;
  aspect-ratio: 367/472;
  overflow: hidden;
}

.result-doc__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  transition: 0.3s;
}

.result-doc__txt {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 22px;
  background: var(--backgound-neutral-inverse-secondary);
  width: 100%;
  flex-grow: 1;
  text-transform: uppercase;
  transition: 0.3s;
}

.result-doc__txt .h-20 {
  color: var(--text-neutral-inverse-primary) !important;
}

.result-doc:hover .result-doc__txt {
  background: var(--backgound-brand-primary);
}

.result-doc:hover .result-doc__img img {
  transform: scale(1.15);
}

.result-docs-wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 32px;
}

.promo.promo-aboutus {
  position: relative;
  max-height: unset;
  background-position: right;
}

.promo.promo-aboutus .btn-primary {
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  z-index: 2;
}

.promo.promo-aboutus .breadcrumbs {
  position: relative;
  z-index: 2;
}

.promo.promo-aboutus:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("../img/about-bg.webp");
  z-index: 1;
  background-position: right;
  opacity: 0.3;
}

.promo.promo-aboutus .promo-aboutus__column {
  display: grid;
  grid-template-columns: 1fr;
  gap: 54px;
}

.promo.promo-aboutus .promo-card.flex {
  position: relative;
  z-index: 2;
  background: none;
}

.promo.promo-aboutus .promo-card.flex .promo-card__column {
  width: 55%;
  max-width: 680px;
}

.promo.promo-aboutus .promo-card.flex .promo-card__column .h1 {
  margin-bottom: 26px;
}

.promo.promo-aboutus .promo-card.flex .promo-card__column p + p {
  margin-top: 22px;
}

.promo.promo-aboutus .promo-card__pictute {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
  width: auto;
  aspect-ratio: 1026/723;
  max-width: 55%;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}

.statistic-item {
  text-align: center;
}

.statistic-item > * + * {
  margin-top: 12px;
}

.statistic-item .txt-72 {
  font-weight: 700;
  font-size: 72px;
  text-transform: uppercase;
  text-align: center;
  color: var(--text-brand-heading);
}

.team-card {
  display: flex;
  flex-direction: column;
  border: 1px solid var(--border-semantic-info-inverse);
  background: var(--backgound-neutral-primary);
}

.team-card__img {
  width: 100%;
  height: 260px;
  flex-shrink: 0;
}

.team-card img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.team-card__body {
  flex: 1;
  text-align: center;
  padding: 22px 10px;
  flex-direction: column;
}

.team-card__body .h-28 {
  margin-bottom: 10px;
}

.team-card__body .fs-17 {
  margin-top: auto;
  color: var(--text-brand-heading);
}

.team-card__head {
  height: 105px;
  margin-bottom: 22px;
}

.team {
  overflow: hidden;
}

.team-swiper .swiper-slide {
  height: unset;
  display: flex;
  flex-direction: column;
  width: 356px !important;
  row-gap: 32px;
}

.team-swiper .swiper-slide .team-card {
  width: 100%;
  flex: 1;
  height: 100%;
}

.doc-item {
  display: flex;
  justify-content: center;
  background: var(--backgound-neutral-primary);
  padding: 4px 15px;
  border: 1px solid var(--border-semantic-info-inverse);
  width: 100%;
}

.doc-item img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.our-documents {
  overflow: hidden;
}

.documents-swiper .swiper-slide {
  width: 356px !important;
  height: 470px;
}

.fancybox__toolbar__column.is-left,
.fancybox__footer,
[data-fancybox-toggle-fullscreen],
[data-fancybox-toggle-slideshow],
[data-fancybox-toggle-thumbs],
[data-panzoom-action=iterateZoom] {
  display: none;
}

.bank-details-wrapper {
  display: flex;
  flex-direction: row;
  width: 100%;
  -moz-column-gap: 10px;
  column-gap: 10px;
}

.bank-details-wrapper .bank-details {
  flex: 1;
}

.bank-details-card .h3-upper {
  margin-bottom: 12px;
}

.bank-details-card li {
  margin-bottom: 2px;
}

.contact-card {
  row-gap: 26px;
  display: flex;
  flex-direction: column;
}

.contact-card > * {
  width: 100%;
}

.contact-card__top {
  -moz-column-gap: 18px;
  column-gap: 18px;
}

.contact-card .border-card__img {
  background-color: var(--backgound-neutral-inverse-tertiary);
}

.contact-card__group {
  gap: 18px;
}

.contact-card__box {
  flex: 1;
}

.contact-card__box > * + * {
  margin-top: 10px;
}

.contact-card__info svg {
  color: #2579BF;
}

.contact-card__info > * + * {
  margin-top: 18px;
}

.contact-card__footer.flex {
  margin-top: auto;
}

.contact-card__footer.flex > * {
  flex: 1;
  -moz-column-gap: 18px;
  column-gap: 18px;
}

.contact-card.contact-card--address .contact-card__info {
  flex: 1;
}

.contact-card.contact-card--address .contact-card__info > * + * {
  margin-top: 10px;
}

.filters-grid {
  display: grid;
  grid-template-columns: 356px 1fr;
  -moz-column-gap: 32px;
  column-gap: 32px;
}

.filters-grid .filters-grid__row #btn-show-filters {
  display: none;
}

.filters-grid .filter-item--result {
  gap: 24px;
}

.aside-panel-block .action-buttons .btn-primary {
  height: 53px;
}

.action-buttons-block {
  display: none !important;
}

.action-buttons-block .fs-28 {
  margin-bottom: 26px;
}

.action-buttons-block .action-buttons {
  display: flex;
  align-items: center;
  gap: 14px;
}

.action-buttons-block .action-buttons .btn-primary {
  flex: 1;
}

.categories-nav-link {
  padding-left: 18px;
  padding-top: 14px;
  padding-bottom: 14px;
  padding-right: 10px;
  display: flex;
  -moz-column-gap: 8px;
  column-gap: 8px;
  color: var(--text-neutral-primary);
  align-items: center;
  transition: 0.3s;
}

.categories-nav-link.active,
.categories-nav-link:hover {
  background: var(--backgound-neutral-inverse-tertiary);
  color: var(--text-neutral-inverse-primary);
}

.categories-nav-link.active span,
.categories-nav-link:hover span {
  color: var(--text-neutral-primary);
}

.categories-nav-link:hover {
  background: var(--backgound-brand-primary);
}

.categories-nav-link span {
  min-width: 72px;
  height: 36px;
  background: var(--backgound-neutral-tertiary);
  flex-shrink: 0;
  margin-left: auto;
}

.our-blog-wrapper.d-grid {
  grid-template-columns: repeat(auto-fit, minmax(365px, 1fr));
}

.our-blog-wrapper.d-grid .news-card {
  height: 100%;
}

.persone-card {
  -moz-column-gap: 26px;
  column-gap: 26px;
  align-items: flex-start;
}

.persone-card .persone-card__img {
  width: 160px;
  height: 100%;
  aspect-ratio: 1;
  background-size: cover;
  background-repeat: no-repeat;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
}

.persone-card blockquote {
  padding: 0;
  margin: 0;
}

.persone-card .persone-card__info {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 18px;
  padding-block: 18px;
}

.persone-card .persone-card__name > * + * {
  margin-top: 6px;
}

.article-nav {
  -moz-column-gap: 22px;
  column-gap: 22px;
}

.article-nav .btn-text {
  flex: 1;
}

.article-nav .article-nav-btn {
  -moz-column-gap: 26px;
  column-gap: 26px;
}

.article-nav .article-nav-btn--prev {
  justify-content: flex-start;
}

.article-nav .article-nav-btn--next {
  justify-content: space-between;
}

.article-image {
  border: 1px solid var(--border-semantic-info-inverse);
  background: var(--backgound-neutral-secondary);
  padding: 46px;
  max-height: 827px;
  aspect-ratio: 1003/827;
  overflow: hidden;
}

.article-image img,
.article-image picture img {
  width: 100%;
  max-width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.info-card.info-card--sticky {
  height: auto;
  position: sticky;
  top: 150px;
}

.article-main {
  align-items: flex-start;
}

.article-content picture img,
.article-content img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  aspect-ratio: 1003/469;
}

.article-details {
  width: -moz-max-content;
  width: max-content;
}

.article-details .drop-menu__btn {
  display: inline-flex;
  align-items: baseline;
  -moz-column-gap: 15px;
  column-gap: 15px;
  padding-right: 18px;
  border-bottom: 0;
  padding-top: 12px;
  padding-bottom: 12px;
  text-shadow: none !important;
}

.article-details .drop-menu__btn:hover {
  text-shadow: none !important;
}

.article-details .drop-menu__btn:after {
  width: 12px;
  height: 9px;
}

.article-details .drop-menu__btn p {
  font-weight: 700;
  font-size: 20px;
  color: var(--text-neutral-secondary);
  display: inline-block;
}

.article-details .drop-menu__btn span {
  color: #92A1B8;
  font-size: 17px;
}

.article-details .drop-menu__btn span:hover {
  color: var(--text-brand-heading);
}

.article-details .drop-menu__btn span:first-of-type {
  display: inline-block;
}

.article-details .drop-menu__btn span:last-of-type {
  display: none;
}

.article-details .drop-menu__sub {
  padding-left: 0;
}

.article-details .drop-menu__sub > ul > li > a,
.article-details .drop-menu__sub > ul > li > ul a {
  display: inline-block;
  font-weight: 400;
  font-size: 17px;
  color: var(--text-brand-heading);
  width: -moz-fit-content;
  width: fit-content;
  border-bottom: 1px dashed var(--text-brand-heading);
  padding-block: 6px;
  font-weight: 400;
  transition: 0.3s;
}

.article-details .drop-menu__sub > ul > li > a:hover,
.article-details .drop-menu__sub > ul > li > ul a:hover {
  opacity: 0.5;
}

.article-details .drop-menu__sub > ul > li > a > *,
.article-details .drop-menu__sub > ul > li > ul a > * {
  color: inherit;
  font-size: inherit;
  font-weight: 400;
}

.article-details .drop-menu__sub > ul > li > ul {
  padding-left: 26px;
}

.article-details .drop-menu-item.drop-menu-item--open .drop-menu__btn span:first-of-type {
  display: none;
}

.article-details .drop-menu-item.drop-menu-item--open .drop-menu__btn span:last-of-type {
  display: inline-block;
}

.article-content h2 {
  font-weight: 700;
  color: #0d0d0d;
  font-size: 40px;
}

.article-custom-content p {
  font-size: 17px;
  margin-block: 18px;
}

.article-custom-content big {
  font-size: 20px;
}

.article-custom-content small {
  font-size: 14px;
}

.article-custom-content .text-columns p {
  margin-block: 0px;
}

.article-custom-content h1,
.article-custom-content h2,
.article-custom-content h3,
.article-custom-content h4,
.article-custom-content h5 {
  font-weight: 700;
  color: #0d0d0d;
}

.article-custom-content h1,
.article-custom-content h2 {
  margin-top: 54px;
  margin-bottom: 26px;
}

.article-custom-content h3,
.article-custom-content h4 {
  margin-top: 48px;
  margin-bottom: 18px;
}

.article-custom-content h1 {
  font-weight: 700;
  font-size: 48px;
}

.article-custom-content h2 {
  font-size: 40px;
}

.article-custom-content h3 {
  font-size: 32px;
}

.article-custom-content h4 {
  font-size: 28px;
}

.article-custom-content img {
  width: 100%;
  aspect-ratio: 1003/469;
  -o-object-fit: cover;
  object-fit: cover;
}

.article-custom-content .table-wrapper {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
  overflow-x: auto;
  scrollbar-width: none;
}

.article-custom-content .table-wrapper::-webkit-scrollbar {
  display: none;
}

.article-custom-content table {
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse;
  border: 1px solid var(--border-semantic-info-inverse);
  background: var(--soft-pearl-white);
  display: block;
  min-width: 800px;
}

.article-custom-content table th,
.article-custom-content table td {
  padding: 18px 12px;
  color: var(--text-neutral-secondary);
  font-size: 17px;
  width: 25%;
}

.article-custom-content table th {
  text-align: left;
  text-transform: uppercase;
  font-size: 14px;
}

.article-custom-content table th:first-child,
.article-custom-content table td:first-child {
  padding-left: 18px;
}

.article-custom-content table th:last-child,
.article-custom-content table td:last-child {
  padding-right: 18px;
}

.article-custom-content table tbody tr:nth-child(odd) {
  background: var(--backgound-neutral-secondary);
}

.article-custom-content ul,
.article-custom-content ol,
.article-custom-content table {
  margin-top: 22px;
  margin-bottom: 22px;
}

.article-custom-content .text-columns {
  -moz-column-count: 2;
  column-count: 2;
  -moz-column-gap: 18px;
  column-gap: 18px;
}

.label-title-list li {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
}

.social-link {
  width: 72px;
  height: 72px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--backgound-brand-secondary);
  flex-shrink: 0;
  position: relative;
}

.social-link:after {
  content: "";
  inset: 0;
  position: absolute;
  z-index: 2;
  transition: 0.3s;
}

.social-link:hover:after {
  background: rgba(255, 255, 255, 0.2);
}

.social-link:active:after {
  background: rgba(0, 0, 0, 0.2);
}

.social-link > * {
  position: relative;
  z-index: 3;
}

.social-link.social-tg {
  background: var(--backgound-brand-primary);
}

.social-block,
.social-block__links,
.social-block__view {
  display: flex;
  -moz-column-gap: 18px;
  column-gap: 18px;
  align-items: center;
}

.social-block__links,
.social-block {
  flex-wrap: wrap;
  gap: 12px;
}

.social-block__view {
  -moz-column-gap: 10px;
  column-gap: 10px;
  white-space: nowrap;
  margin-left: auto;
}

.address-block,
.operating-mode {
  display: flex;
  -moz-column-gap: 8px;
  column-gap: 8px;
  font-weight: 400;
  color: var(--text-neutral-primary);
}

.address-block img,
.address-block svg,
.operating-mode img,
.operating-mode svg {
  flex-shrink: 0;
}

.address-mode-group > * + * {
  margin-top: 10px;
}

.footer .address-block,
.footer .operating-mode {
  color: var(--text-neutral-inverse-primary);
}

.footer .address-mode-group > * + * {
  margin-top: 16px;
}

.department-card .h-28 {
  margin-bottom: 8px;
}

.department-card a {
  display: inline-block;
  transition: 0.3s;
}

.department-card a:hover {
  color: var(--text-brand-heading);
}

.department-card .text-17-group > * + * {
  margin-top: 10px;
}

.department-card ul {
  flex: 1;
}

.department-card .text-17-group + .text-17-group {
  margin-top: 18px;
}

.map-wrapper {
  aspect-ratio: 1520/878;
  width: 100%;
}

.map-wrapper > * {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.basket-main-content {
  display: grid;
  grid-template-columns: 1fr 485px;
  -moz-column-gap: 32px;
  column-gap: 32px;
  align-items: flex-start;
}

.basket-card {
  display: flex;
  width: 100%;
}

.basket-card__img {
  border: 1px solid var(--border-semantic-info-inverse);
  padding: 13px;
  width: 214px;
  flex-shrink: 0;
  background: var(--backgound-neutral-secondary);
}

.basket-card__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  aspect-ratio: 1;
}

.basket-card__title {
  transition: 0.3s;
}

.basket-card__title:hover {
  color: var(--text-brand-heading);
}

.basket-card__body {
  border: 1px solid var(--border-semantic-info-primary);
  border-left: 0;
  padding: 26px;
  background: var(--backgound-neutral-primary);
  display: grid;
  grid-template-columns: 1fr;
  gap: 18px;
  flex: 1;
}

.basket-card__bottom,
.basket-card__group {
  display: flex;
  align-items: center;
  -moz-column-gap: 18px;
  column-gap: 18px;
}

.basket-card__bottom {
  justify-content: space-between;
}

.basket-card__group {
  margin-left: auto;
}

.basket-card__top > * + * {
  margin-top: 10px;
}

.basket-panel {
  display: grid;
  grid-template-columns: 1fr;
  gap: 26px;
}

.basket-result-card {
  padding-top: 32px;
  display: grid;
  grid-template-columns: 1fr;
  gap: 18px;
}

.basket-result__title {
  margin-bottom: 10px;
  margin-bottom: 18px;
}

.basket-result__list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--backgound-brand-accent);
}

.basket-result__item,
.basket-result__total {
  display: flex;
  align-items: center;
  justify-content: space-between;
  -moz-column-gap: 18px;
  column-gap: 18px;
}

.basket-result__total {
  padding-top: 12px;
}

.basket-result__footer > * + * {
  margin-top: 12px;
}

footer.footer {
  padding-top: 96px;
  padding-bottom: 54px;
  background: var(--backgound-neutral-inverse-primary);
}

footer.footer .footer-info > * + * {
  margin-top: 26px;
}

.footer-col .h4-upper {
  margin-bottom: 26px;
}

.developper-logo {
  transition: 0.3s;
}

.developper-logo:hover {
  opacity: 0.7;
}

.footer-content {
  display: flex;
  -moz-column-gap: 32px;
  column-gap: 32px;
  padding-bottom: 54px;
  border-bottom: 1px solid var(--backgound-neutral-inverse-tertiary);
}

.footer-content .footer-col {
  flex: 1;
}

.footer-menu > * + * {
  margin-top: 18px;
}

.footer-menu-item {
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 400;
  font-size: 20px;
  color: var(--text-neutral-inverse-primary);
}

.footer-menu a.footer-menu-item {
  transition: 0.3s;
  border-bottom: 1px solid transparent;
}

.footer-menu a.footer-menu-item:hover {
  color: var(--text-brand-accent);
  border-bottom: 1px solid var(--text-brand-accent);
}

.footer-contacts .contact-link {
  color: var(--text-neutral-inverse-primary);
  transition: 0.3s;
}

.footer-contacts .contact-link:hover {
  color: var(--text-brand-accent);
}

.footer-contacts > * + * {
  margin-top: 10px;
}

.footer-bottom {
  padding-top: 54px;
}

.footer-bottom__content {
  -moz-column-gap: 32px;
  column-gap: 32px;
}

.footer-bottom .fs-14 {
  color: var(--text-neutral-disabled);
}

.footer-bottom .politic-links,
.footer-bottom__left {
  -moz-column-gap: 70px;
  column-gap: 70px;
}

.footer-bottom__left {
  flex: 1;
}

.footer-bottom__right {
  flex-shrink: 0;
  text-align: right;
  justify-content: flex-end;
}

.footer-bottom__logo {
  text-align: right;
  -moz-column-gap: 10px;
  column-gap: 10px;
}

.footer-bottom .politic-links a,
.footer-bottom .footer-copyright {
  white-space: nowrap;
}

.modal-frame {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  transition: 0.3s;
  transform: translateX(110%);
  z-index: 20;
  display: flex;
}

.modal-frame-content {
  background: var(--backgound-neutral-primary);
  padding: 26px;
  border: 1px solid var(--border-semantic-info-inverse);
  display: flex;
  flex-direction: column;
  row-gap: 26px;
  width: 100%;
}

.modal-frame__header {
  flex-shrink: 0;
}

.modal-frame__body {
  flex: 1;
}

.modal-frame__close {
  margin-left: auto;
  width: 32px;
  height: 32px;
}

.modal-frame.active {
  transform: translateX(0);
}

.modal-frame.modal-frame--popup {
  backdrop-filter: blur(24px);
  background: rgba(32, 43, 62, 0.72);
  display: flex;
  justify-content: center;
  padding-top: 10vh;
  padding-bottom: 10vh;
  overflow: hidden;
  overflow-y: auto;
}

.modal-frame.modal-frame--popup .modal-frame-content {
  background: var(--backgound-neutral-primary);
  width: 100%;
  max-width: 485px;
  padding: 26px;
  height: -moz-max-content;
  height: max-content;
  display: grid;
  grid-template-columns: 1fr;
  gap: 32px;
}

.modal-frame.modal-frame--popup .modal-frame__body {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
}

.modal-frame.modal-frame--popup .form-textarea {
  height: 106px;
  min-height: 106px;
}

.form-item.form-item--captcha img {
  width: 192px;
  height: 45px;
  flex-shrink: 0;
}

.form-item.form-item--captcha .form-row {
  align-items: center;
  flex-direction: row !important;
}

.alert-success {
  position: relative;
  position: fixed;
  z-index: 99;
  box-shadow: 0 20px 44px -4px rgba(0, 0, 0, 0.15);
  background: var(--backgound-neutral-primary);
  border: 1px solid var(--border-semantic-info-inverse);
  padding: 26px;
  width: 485px;
  top: 13px;
  left: 50%;
  transition: 0.3s;
  transform: translate(-50%, -110%);
}

.alert-success.active {
  transform: translate(-50%, 0);
}

.alert-success .h3-upper {
  color: var(--text-brand-heading);
}

.alert-success span {
  display: block;
}

.alert-success .close-alert {
  position: absolute;
  width: 36px;
  height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2;
  top: 0;
  right: 0;
}

.alert-success .close-alert svg {
  color: #92A1B8;
  transition: 0.3s;
}

.alert-success .close-alert:hover svg {
  color: var(--text-brand-heading);
}

.alert-success .alert-success__content > * + * {
  margin-top: 12px;
}

.ui-panel {
  width: 320px;
  background-color: #094071;
  color: #fff;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100vh;
  overflow: hidden;
  overflow-y: auto;
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 50px;
  padding-bottom: 80px;
  z-index: 10;
}

.ui-panel .back-index {
  color: #FFF;
  font-size: 20px;
  margin-bottom: 16px;
  display: block;
}

.ui-panel ul {
  list-style: circle;
}

.ui-panel h3 {
  margin-bottom: 16px;
  font-size: 16px;
  text-transform: uppercase;
  color: orange;
}

.ui-panel .ui-panel-block__part + .ui-panel-block__part {
  margin-top: 32px;
}

.ui-panel li + li {
  margin-top: 16px;
}

.ui-panel li > a {
  color: #fff;
  font-size: 16px;
  font-family: sans-serif;
}

.body-dashboard {
  padding-left: 320px;
  padding-top: 50px;
  padding-bottom: 100px;
}

.body-dashboard .ui-panel {
  transition: 0.3s;
}

.body-dashboard.active {
  padding-left: 0;
}

.body-dashboard.active .ui-panel {
  transform: translateX(-100%);
}

.body-dashboard .modal-frame {
  transform: translate(0) !important;
  position: relative !important;
}

.body-dashboard #close-ui {
  position: absolute;
  right: 40px;
  top: 40px;
  z-index: 4;
  border: 1px solid blue;
  background-color: blue;
  width: 140px;
  height: 50px;
  color: white;
}

.body-dashboard .container-dashboard {
  width: 93%;
  margin-left: auto;
  margin-right: auto;
}

.body-dashboard .container-dashboard h2.db-h2 {
  margin-bottom: 40px;
}

.body-dashboard .container-dashboard .reestr-modal {
  transform: translateX(0);
}

.body-dashboard .container-dashboard .modal-large.service-modal {
  transform: translateY(0);
  z-index: -1;
}

.body-dashboard .color-scheme {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  row-gap: 24px;
}

.body-dashboard .color-scheme li {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.body-dashboard .color-scheme li span.color-box {
  width: 60px;
  height: 60px;
  border: 1px solid #000;
}

.body-dashboard .color-scheme li span + span {
  font-size: 16px;
  margin-top: 15px;
}

.body-dashboard .ui-typography li {
  padding-bottom: 10px;
  padding-top: 10px;
  border-bottom: 1px solid #cecece;
}

.body-dashboard .ui-typography li pre {
  margin-top: 5px;
  margin-bottom: 5px;
}

.body-dashboard .ui-icons {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  row-gap: 48px;
}

.body-dashboard .ui-lists > li {
  padding-top: 20px;
  padding-bottom: 20px;
}

.body-dashboard .dark-bg,
.body-dashboard .temp-wrapper {
  background-color: #080808;
  padding: 15px;
  color: white;
}

/*стили для вспомогат страницы - удалить из проектп */

.start-page {
  padding-top: 40px;
  padding-bottom: 40px;
  text-align: center;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

.start-page h1 {
  font-weight: 700;
  margin-bottom: 40px;
}

.start-page__cards {
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 16px;
  column-gap: 16px;
  row-gap: 16px;
}

.start-page a {
  width: calc((100% - 32px) / 3);
  height: 150px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 700;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}

.start-page a span {
  display: block;
  text-align: center;
  padding-bottom: 8px;
  padding-top: 8px;
}

.start-page a:first-child {
  width: 100%;
}

.container-dashboard__content .mobile-navigation {
  width: 480px;
  position: relative;
}

.body-dashboard footer.footer {
  position: static;
}

/*//стили для вспомогат страницы - удалить из проектп */

@media (min-width: 1440px) {
  .label-outline.h-40,
  .label-grey.h-40,
  .label-lightblue.h-40 {
    height: 41px;
  }

  .why-us__content .decor-list li {
    -moz-column-gap: 14px;
    column-gap: 14px;
  }

  .why-us__content .decor-list li:before {
    width: 28px;
    height: 28px;
  }

  .why-us__content .decor-list li + li {
    margin-top: 18px;
  }
}

@media (max-width: 1999px) {
  .catalog-list-wrapper {
    width: 650px;
    width: 33.85vw;
    max-width: 650px;
    min-width: 490px;
  }
}

@media (max-width: 1919px) {
  .h1,
  h1 {
    font-size: clamp(34px, 3vw, 48px);
  }

  .catalog-cards {
    gap: 24px;
  }

  .filters-grid {
    gap: 24px;
  }

  .our-blog-wrapper.d-grid {
    grid-template-columns: repeat(auto-fit, minmax(353px, 1fr));
  }

  .modal-frame.modal-frame--popup .modal-frame-content {
    gap: 24px;
  }
}

@media (max-width: 1800px) {
  .swiper-inner .swiper-nav {
    left: -40px;
    right: -40px;
  }

  .swiper-inner .swiper-nav .swiper-button-next,
  .swiper-inner .swiper-nav .swiper-button-prev {
    width: 40px;
    height: 40px;
    padding: 5px;
  }
}

@media (max-width: 1640px) {
  .container {
    max-width: 100%;
    padding-inline: 60px;
  }
}

@media (max-width: 1599px) {
  .header-desktop .header-menu {
    -moz-column-gap: 16px;
    column-gap: 16px;
  }

  .header-desktop .header-menu .header-menu-link {
    font-size: 12px;
  }

  .header-desktop .header-contacts {
    -moz-column-gap: 10px;
    column-gap: 10px;
  }

  .header-desktop .header-contacts .contact-link {
    font-size: 10px;
  }

  .price-item {
    font-size: 22px;
  }

  .basket-card__img {
    padding: 6px;
    width: 180px;
  }

  .footer-col .h4-upper {
    margin-bottom: 22px;
  }

  .footer-menu > * + * {
    margin-top: 16px;
  }

  .footer-menu-item {
    font-size: 16px;
  }
}

@media (max-width: 1439px) {
  section {
    padding-block: 72px;
  }

  section.p-block-70,
  *.p-block-70 {
    padding-block: 54px;
  }

  *.pt-70,
  .pt-70 {
    padding-top: 54px;
    padding-bottom: 0;
  }

  section.padding-70-96,
  *.padding-70-96 {
    padding-top: 54px;
    padding-bottom: 72px;
  }

  .grid,
  .grid10,
  .grid8 {
    gap: 24px;
  }

  .wrapper-gap-46 {
    gap: 38px;
  }

  .wrapper-gap-54 {
    gap: 42px;
  }

  .h2 {
    font-size: 24px;
  }

  .h-28,
  .fs-28 {
    font-size: 22px;
  }

  .h-20,
  .h-20-upper {
    font-size: 18px;
  }

  .fs-20 {
    font-size: 18px;
  }

  .section-header {
    margin-bottom: 38px;
  }

  .dropdown {
    --height: 52px;
  }

  .radio-group > * + *,
  .checkbox-group > * + * {
    margin-top: 16px;
  }

  .form-item.form-item--search .form-input.search-input {
    height: 52px;
  }

  .btn-primary,
  .btn-outline,
  .btn-grey,
  .btn-outline-48,
  .btn-text {
    border-radius: 6px;
    font-size: 13px;
  }

  .btn-text {
    height: 68px;
  }

  .btn-square {
    width: 44px;
    height: 44px;
    padding: 8px;
    border-radius: 6px;
  }

  .h-76 {
    height: 66px;
    padding-inline: 38px;
    font-size: 18px;
  }

  .h-68 {
    height: 58px;
    padding-inline: 38px;
    font-size: 18px;
  }

  .btn-remove {
    width: 52px;
    height: 52px;
  }

  .header-desktop .header-navigation .container {
    -moz-column-gap: 18px;
    column-gap: 18px;
  }

  .header-desktop .header-menu {
    -moz-column-gap: 12px;
    column-gap: 12px;
  }

  .header-desktop .header-menu .header-menu-link {
    font-size: 11px;
  }

  .header .btn-outline.catalog-btn {
    height: 52px;
  }

  .catalog-list-wrapper {
    top: 133px;
  }

  .navbar-btn {
    width: 52px;
    height: 52px;
    padding-inline: 14px;
    border-radius: 6px;
    -moz-column-gap: 6px;
    column-gap: 6px;
  }

  .navbar-btn span {
    display: none;
  }

  .news-card__body {
    padding: 18px;
  }

  .news-card__body .txt-muted {
    padding-top: 12px;
  }

  .promo.promo--main-page {
    height: auto;
    display: block;
  }

  .product-card .badge-group {
    top: 14px;
    left: 14px;
  }

  .swiper.products-swiper .swiper-slide {
    width: 255px !important;
  }

  .catalog-content .container > * + * {
    margin-top: 42px;
  }

  .product-information .price-group__row .navbar-btn {
    width: 58px;
    height: 58px;
  }

  .counter .counter-minus,
  .counter .counter-plus,
  .counter .counter-value {
    height: 52px;
  }

  .counter .counter-minus,
  .counter .counter-plus {
    width: 52px;
    height: 52px;
  }

  .counter .counter-value {
    min-width: 52px;
  }

  .counter.counter--small .counter-minus,
  .counter.counter--small .counter-plus,
  .counter.counter--small .counter-value {
    width: 40px;
    height: 40px;
  }

  .counter.counter--small .counter-value {
    min-width: 40px;
  }

  .counter-block {
    gap: 14px;
  }

  .custom-table.custom-table--price .custom-table__row .cell:nth-child(n+2) {
    width: 157px;
  }

  .doc-link__bottom {
    -moz-column-gap: 30px;
    column-gap: 30px;
  }

  .doc-link__bottom .doc-link__group {
    -moz-column-gap: 20px;
    column-gap: 20px;
  }

  .doc-link__bottom .doc-link-size.flex {
    flex-direction: column;
    gap: 6px;
    align-items: flex-start;
  }

  .service-card__title > * + * {
    margin-top: 6px;
  }

  .delivery-cards.grid {
    gap: 38px;
  }

  .delivery-info .info-card {
    gap: 22px;
  }

  .statistic-item .txt-72 {
    font-size: 64px;
  }

  .statistic-item > * + * {
    margin-top: 8px;
  }

  .team-card .h-28 {
    margin-bottom: 8px;
  }

  .team-card__img {
    height: 186px;
  }

  .team-card__head {
    height: 90px;
    margin-bottom: 18px;
  }

  .team-swiper .swiper-slide {
    width: 255px !important;
    row-gap: 24px;
  }

  .contact-card {
    row-gap: 22px;
  }

  .contact-card__top {
    -moz-column-gap: 14px;
    column-gap: 14px;
  }

  .contact-card__group {
    gap: 16px;
  }

  .contact-card__info > * + * {
    margin-top: 14px;
  }

  .contact-card__box > * + * {
    margin-top: 8px;
  }

  .persone-card {
    -moz-column-gap: 22px;
    column-gap: 22px;
  }

  .persone-card .persone-card__info {
    row-gap: 14px;
    padding-block: 4px;
  }

  .persone-card .persone-card__name > * + * {
    margin-top: 5px;
  }

  .article-nav .article-nav-btn {
    -moz-column-gap: 22px;
    column-gap: 22px;
  }

  .article-image {
    padding: 26px;
  }

  .article-details .drop-menu__btn {
    padding-bottom: 8px;
  }

  .article-details .drop-menu__btn p {
    font-size: 18px;
  }

  .article-details .drop-menu__btn span {
    font-size: 15px;
  }

  .article-details .drop-menu__sub > ul > li > a,
  .article-details .drop-menu__sub > ul > li > ul a {
    font-size: 15px;
  }

  .article-details .drop-menu__sub > ul > li > ul {
    padding-left: 22px;
  }

  .article-content h2 {
    font-size: 28px;
    margin-bottom: 22px;
  }

  .article-custom-content table th,
  .article-custom-content table td {
    padding: 14px 9px;
    font-size: 15px;
  }

  .article-custom-content table th {
    font-size: 13px;
  }

  .label-title-list li {
    gap: 8px;
  }

  .article-custom-content p {
    font-size: 15px;
    margin-block: 16px;
  }

  .article-custom-content big {
    font-size: 18px;
  }

  .article-custom-content small {
    font-size: 13px;
  }

  .article-custom-content h1 {
    font-size: 32px;
  }

  .article-custom-content h2 {
    font-size: 28px;
  }

  .article-custom-content h3 {
    font-size: 24px;
  }

  .article-custom-content h4 {
    font-size: 22px;
  }

  .article-custom-content h1,
  .article-custom-content h2 {
    margin-top: 42px;
    margin-bottom: 22px;
  }

  .article-custom-content h3,
  .article-custom-content h4 {
    margin-top: 40px;
    margin-bottom: 16px;
  }

  .text-columns {
    -moz-column-gap: 14px;
    column-gap: 14px;
  }

  .basket-main-content {
    grid-template-columns: 1fr 450px;
    row-gap: 24px;
  }

  .basket-card__body {
    gap: 14px;
  }

  .basket-card__top > * + * {
    margin-top: 8px;
  }

  .basket-card__bottom,
  .basket-card__group {
    gap: 14px;
  }

  .basket-result-card {
    gap: 14px;
  }

  .basket-result__title {
    margin-bottom: 8px;
    margin-bottom: 14px;
  }

  .basket-result__list {
    gap: 8px;
  }

  .basket-result__item,
  .basket-result__total {
    gap: 14px;
  }

  .basket-result__total {
    gap: 8px;
  }

  .basket-result__footer > * + * {
    margin-top: 8px;
  }

  .footer-bottom {
    padding-top: 42px;
  }

  .footer-bottom__content {
    -moz-column-gap: 24px;
    column-gap: 24px;
  }

  .footer-bottom .politic-links,
  .footer-bottom__left {
    -moz-column-gap: 50px;
    column-gap: 50px;
  }
}

@media (max-width: 1364px) {
  .wrapper-gap-26,
  .gap-26 {
    gap: 22px;
  }

  .gap-22 {
    gap: 18px;
  }

  .gap-10 {
    gap: 8px;
  }

  .gap-18 {
    gap: 14px;
  }

  .grid.two-column,
  .grid.two-column {
    grid-template-columns: 300px 1fr;
  }

  .grid.two-column-reverse {
    grid-template-columns: 1fr 300px;
  }

  .grid-485,
  .grid-485--reverse {
    grid-template-columns: 1fr 380px;
  }

  .grid-485--reverse {
    grid-template-columns: 380px 1fr;
  }

  .decor-list li::before {
    width: 20px;
    height: 20px;
  }

  .number-list {
    row-gap: 25px;
  }

  .border-card {
    padding: 38px;
    row-gap: 18px;
  }

  .form-input,
  .form-textarea {
    border-radius: 6px;
  }

  .form-input {
    height: 44px;
  }

  .hashtag-item-large {
    padding: 8px 14px;
    font-size: 13px;
  }

  .label-outline,
  .label-grey,
  .label-lightblue {
    padding-inline: 14px;
    height: 33px;
  }

  .brand-card {
    padding: 8px 16px;
  }

  .product-card.product-card--horiz {
    min-height: 260px;
  }

  .product-card.product-card--horiz .product-card__img {
    aspect-ratio: 333/260;
  }

  .product-card.product-card--horiz .product-card__column {
    padding: 14px;
  }

  .product-card.product-card--horiz .product-card__img {
    padding: 8px;
  }

  .similar-products.grid {
    grid-template-columns: 1fr;
  }

  .service-card__top {
    -moz-column-gap: 14px;
    column-gap: 14px;
  }

  .service-card__top > .flex {
    -moz-column-gap: 14px;
    column-gap: 14px;
  }

  .payment-type {
    margin-bottom: 18px;
  }

  .payment-type > * {
    margin-top: 5px;
  }

  .info-card {
    row-gap: 38px;
    padding: 38px;
  }

  .info-card__list li {
    padding-block: 8px;
  }

  .info-card.info-card--big .info-card__list li {
    padding-block: 16px;
  }

  .info-card.info-card--big .h3,
  .info-card.info-card--big .h-20 {
    margin-bottom: 8px;
  }

  .single-service__group {
    row-gap: 38px;
  }

  .hashtags-wrapper.flex-wrap {
    gap: 8px;
  }

  .reverse-rows-wrapper {
    row-gap: 54px;
  }

  .reverse-rows-wrapper .service-description__row:nth-child(2n) {
    padding-left: 0;
  }

  .reverse-rows-wrapper .service-description__row .h2 {
    margin-bottom: 22px;
  }

  .result-doc__txt {
    padding: 18px;
  }

  .promo.promo-aboutus .promo-aboutus__column {
    gap: 42px;
  }

  .promo.promo-aboutus .promo-card.flex .h1 {
    margin-bottom: 22px;
  }

  .promo.promo-aboutus .promo-card.flex p + p {
    margin-top: 18px;
  }

  .documents-swiper .swiper-slide {
    width: 255px !important;
    height: 336px;
  }

  .bank-details__content.grid-485--reverse {
    grid-template-columns: 1fr;
  }

  .social-link {
    width: 56px;
    height: 56px;
  }

  .social-block,
  .social-block__links,
  .social-block__view {
    -moz-column-gap: 16px;
    column-gap: 16px;
  }

  .department-card .text-17-group > * + * {
    margin-top: 8px;
  }

  .department-card .text-17-group + .text-17-group {
    margin-top: 14px;
  }

  .basket-main-content {
    grid-template-columns: 1fr;
  }

  .basket-panel {
    grid-template-columns: 1fr 1fr;
  }

  .basket-panel .basket-result-card {
    grid-column: span 2;
  }
}

@media (max-width: 1279px) {
  .grid.two-column,
  .grid.two-column {
    grid-template-columns: 255px 1fr;
  }

  .grid.two-column.single-column-1279 {
    grid-template-columns: 1fr;
  }

  .grid.two-column-reverse {
    grid-template-columns: 1fr 255px;
  }

  .grid-485,
  .grid-485--reverse {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .grid-485.xl-grid-1 {
    grid-template-columns: 1fr 1fr;
    gap: 24px;
  }

  .grid-485--reverse {
    grid-template-columns: 1fr;
  }

  .pad-18 {
    padding: 14px;
  }

  .pad-18 .custom-table__title {
    margin-bottom: 14px;
  }

  .marked-list li {
    padding-left: 16px;
  }

  .border-wrapper {
    padding: 18px;
  }

  .drop-menu .drop-menu__btn {
    padding-block: 14px;
  }

  .header-desktop {
    display: none !important;
  }

  .header .btn-outline.catalog-btn {
    width: 100%;
    border: 1px solid var(--border-neutral-secondary);
    border-radius: 8px;
    padding-inline: 18px 12px;
    height: 44px;
    justify-content: space-between;
  }

  .header .header-mobile {
    display: block;
  }

  .header .header-mobile .container {
    max-width: 100%;
    padding-inline: 32px;
  }

  .catalog-list-wrapper {
    top: 0;
    width: 390px;
    min-width: unset;
    transform: translateX(-120%);
  }

  .catalog-list-wrapper .catalog-list {
    width: 100%;
  }

  .catalog-list-wrapper {
    flex-direction: column;
    justify-content: flex-start;
    row-gap: 14px;
    padding-left: 22px;
    padding-right: 12px;
    padding-top: 18px;
    padding-bottom: 18px;
  }

  .catalog-list-wrapper > * {
    width: 100%;
  }

  .catalog-list-wrapper .catalog-list-mobile-title {
    display: flex;
    font-weight: 400;
    font-size: 22px;
    color: var(--text-neutral-primary);
  }

  .catalog-list-wrapper .catalog-list-mobile-title svg {
    color: var(--border-brand-primary);
  }

  .catalog-list-wrapper .catalog-list-mobile-title .catalog-close-btn,
  .catalog-list-wrapper .catalog-list-mobile-title .catalog-menu-close {
    position: relative;
    right: -10px;
  }

  .catalog-list-wrapper .catalog-list-mobile-title .catalog-close-btn {
    right: auto;
    left: -16px;
  }

  .aside-panel-block {
    padding: 18px;
  }

  .catalog-aside-menu .aside-panel-block .drop-menu {
    font-size: 15px;
  }

  .aside-block__header .btn-square {
    display: flex;
  }

  .aside-block__header {
    margin-bottom: 22px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .aside-block__body {
    height: calc(100vh - 140px);
  }

  .catalog-filtered-content {
    row-gap: 22px;
  }

  .catalog-filtered__header {
    order: 2;
  }

  .catalog-filtered__header > * + * {
    margin-top: 14px;
  }

  .catalog-filtered-row .filter-item.filter-item--result .navbar-btn {
    display: flex;
  }

  .catalog-filtered-row {
    order: 1;
  }

  #filters-popup .scroll-y {
    scrollbar-width: thin;
  }

  #filters-popup {
    transform: translateX(-110%);
    transition: 0.3s;
    display: flex;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99;
    background-color: rgba(0, 0, 0, 0.5);
  }

  #filters-popup .aside-panel-block {
    width: 100%;
    max-width: 390px;
    background: var(--backgound-neutral-primary);
    padding: 18px;
    padding-right: 8px;
  }

  #filters-popup.active {
    transform: translateX(0);
  }

  .about-product-wrapper {
    padding-left: 0;
  }

  .about-product-wrapper .product-gallery {
    position: relative;
    width: 100%;
    max-width: 744px;
  }

  .product-gallery-sliders {
    height: 540px;
  }

  .product-gallery__row {
    padding-left: 0;
    justify-content: space-between;
  }

  .product-information {
    min-height: unset;
  }

  .tabs-nav {
    flex-wrap: wrap;
    background: var(--backgound-neutral-primary);
    gap: 8px;
  }

  .tab-content {
    padding-top: 38px;
  }

  .tab-button {
    height: 50px;
    width: -moz-fit-content;
    width: fit-content;
    flex: unset;
    padding-left: 34px;
    padding-right: 34px;
    background: var(--backgound-neutral-tertiary);
    border: 1px solid var(--border-semantic-info-primary);
  }

  .tab-button.active {
    border-color: var(--backgound-neutral-inverse-tertiary);
  }

  .paragraf-wrapper > * + * {
    margin-top: 14px;
  }

  .custom-table .custom-table__title {
    margin-bottom: 14px;
  }

  .result-docs-wrapper {
    grid-template-columns: repeat(3, 1fr);
  }

  .filters-grid {
    grid-template-columns: 1fr;
  }

  .filters-grid .filters-grid__row #btn-show-filters {
    display: flex;
  }

  .documents-wrapper.grid.two-column .action-buttons-wrapper {
    display: none;
  }

  .action-buttons-block {
    display: block !important;
  }

  .map-wrapper {
    aspect-ratio: 691/372;
  }

  .map-wrapper {
    aspect-ratio: 344/190;
  }

  .footer-menu-link {
    font-size: 18px;
  }

  .footer-bottom__content,
  .footer-bottom__left,
  .footer-bottom .politic-links {
    flex-direction: column;
    align-items: flex-start;
    row-gap: 14px;
  }

  .footer-bottom__right {
    width: 100%;
  }
}

@media (max-width: 1199px) {
  .container {
    max-width: 1024px;
    padding-inline: 48px;
  }

  .container {
    max-width: 1024px;
    padding-inline: 48px;
  }

  .hide-xxl.flex-xl {
    display: flex !important;
  }

  .flex-xxl.hide-xl {
    display: none !important;
  }

  .scroll-y {
    scrollbar-width: none;
    padding-right: 4px;
  }

  .scroll-y::-webkit-scrollbar {
    display: none;
  }

  .grid.lg-grid-1 > * {
    grid-column: span 12 !important;
  }

  .grid.lg-grid-2 > * {
    grid-column: span 6 !important;
  }

  .grid.lg-grid-3 > * {
    grid-column: span 4 !important;
  }

  .grid.lg-grid-4 > * {
    grid-column: span 3 !important;
  }

  .grid8.lg-grid-4 > * {
    grid-column: span 2 !important;
  }

  .grid8.lg-grid-2 > * {
    grid-column: span 4 !important;
  }

  .grid8.lg-grid-1 > * {
    grid-column: span 8 !important;
  }

  .grid-485.xl-grid-1 {
    grid-template-columns: 1fr;
  }

  .form-column {
    gap: 8px;
  }

  .drop-menu {
    font-size: 15px;
  }

  .drop-menu .drop-menu__sub {
    padding-left: 14px;
  }

  .drop-menu .drop-menu__sub-item {
    transition: 0.3s;
  }

  .drop-menu .drop-menu__sub-item a {
    padding-block: 10px;
    width: 100%;
  }

  .header .header-mobile .container {
    padding-inline: 24px;
  }

  .swiper-button-next,
  .swiper-button-prev {
    width: 52px;
    height: 52px;
    padding: 14px;
    border-radius: 6px;
  }

  .about-row .about__text {
    row-gap: 24px;
  }

  .review-swiper .review-card {
    width: 345px;
    padding: 18px;
  }

  .feedback .feedback-column {
    row-gap: 24px;
    padding-bottom: 0;
  }

  .grid.two-column {
    grid-template-columns: 1fr;
  }

  .feedback-contacts .contact-link {
    -moz-column-gap: 14px;
    column-gap: 14px;
  }

  .feedback-form__body,
  .feedback-form__footer {
    gap: 10px;
  }

  .promo .promo-card {
    flex-direction: column;
    row-gap: 16px;
    align-items: flex-start;
  }

  .promo .promo-card .hide-xxl.flex-xl {
    margin-top: 20px;
    justify-content: center;
    width: 100%;
  }

  .promo .promo-card__column {
    width: 100%;
    max-width: 630px;
    flex: 1;
  }

  .promo .promo-card__column .h2 {
    margin-top: 20px;
  }

  .promo .promo-card picture {
    width: 100%;
  }

  .promo .promo-card__image {
    aspect-ratio: unset;
    width: 589px;
    height: 331px;
    margin: 0 auto;
    justify-content: center;
  }

  .promo .promo-card img {
    align-self: center;
  }

  .promo {
    padding-block: 56px;
    max-height: 700px;
  }

  .swiper-inner .swiper-nav {
    left: 0;
    right: 0;
  }

  .swiper-inner .swiper-nav .swiper-button-next,
  .swiper-inner .swiper-nav .swiper-button-prev {
    width: 32px;
    height: 32px;
  }

  .product-card__buttons .btn-primary {
    height: 44px;
    padding: 10px;
  }

  .product-card__buttons .btn-square {
    height: 44px;
    padding: 10px;
  }

  .range-field input[type=number] {
    height: 48px;
  }

  .promo.promo-inner {
    padding-top: 42px;
    padding-bottom: 42px;
  }

  .promo.promo-inner .breadcrumbs + * {
    margin-top: 38px;
  }

  .catalog-content-grid.grid {
    grid-template-columns: 255px 1fr;
  }

  .categories-cards-grid,
  .products-cards-grid {
    gap: 14px;
  }

  .pagination-wrapper {
    margin-top: 38px;
  }

  .pagination-item {
    width: 44px;
    height: 44px;
  }

  .product-gallery-sliders .mySwiperFotorama .badge-group,
  .product-gallery-sliders .mySwiperFotorama .label-image {
    top: 18px;
    left: 18px;
  }

  .product-gallery-sliders .mySwiperFotorama .label-image {
    left: auto;
    right: 18px;
  }

  .product-gallery-sliders .mySwiperFotorama .label-image img {
    height: 48px;
  }

  .doc-link__bottom {
    margin-top: 14px;
  }

  .doc-link__bottom .doc-link__group .flex {
    -moz-column-gap: 14px;
    column-gap: 14px;
  }

  .single-service-image img {
    aspect-ratio: 720/522;
  }

  .reverse-rows-wrapper .service-description__row {
    width: 100%;
  }

  .reverse-rows-wrapper .service-description__row:nth-child(2n) {
    margin-left: 0;
  }

  .reverse-rows-wrapper .service-description__row .marked-list {
    margin-top: 14px;
  }

  .team-card__head {
    height: 60px;
  }

  .doc-item {
    padding: 2px 9px;
  }

  footer.footer {
    padding-top: 72px;
    padding-bottom: 42px;
  }

  footer.footer .footer-info > * + * {
    margin-top: 22px;
  }

  .footer-content {
    flex-wrap: wrap;
    gap: 24px;
    padding-bottom: 42px;
  }

  .footer-content .footer-col {
    width: 50%;
    min-width: 310px;
  }

  .footer-content .footer-catalog-menu {
    order: 1;
  }

  .footer-content .footer-bank-details {
    order: 4;
  }

  .footer-content .footer-info {
    order: 3;
  }

  .footer-content .footer-information-menu {
    order: 2;
  }

  .alert-success {
    width: 348px;
    padding: 22px;
  }

  .alert-success .alert-success__content > * + * {
    margin-top: 8px;
  }
}

@media (max-width: 1024px) {
  .article-content picture img,
  .article-content img {
    aspect-ratio: 720/326;
  }
}

@media (max-width: 1023px) {
  .container {
    padding-inline: 24px;
  }

  .hide-xxl.flex-lg {
    display: flex !important;
  }

  .flex-xxl.hide-lg {
    display: none !important;
  }

  .grid.md-grid-1 > * {
    grid-column: span 12 !important;
  }

  .grid.md-grid-2 > * {
    grid-column: span 6 !important;
  }

  .grid.md-grid-3 > * {
    grid-column: span 4 !important;
  }

  .grid.md-grid-4 > * {
    grid-column: span 3 !important;
  }

  .grid8.md-grid-2 > * {
    grid-column: span 4 !important;
  }

  .grid8.md-grid-1 > * {
    grid-column: span 8 !important;
  }

  .h1,
  h1 {
    font-size: 32px;
  }

  .h3,
  .h3-upper {
    font-size: 15px;
  }

  .fs-14,
  .h4,
  .h4-upper {
    font-size: 13px;
  }

  .fs-17 {
    font-size: 15px;
  }

  header.header .navbar-block {
    -moz-column-gap: 8px;
    column-gap: 8px;
  }

  .badge,
  .badge-big {
    height: 32px;
    padding: 8px 16px;
    font-size: 13px;
  }

  .badge-big {
    height: 38px;
    padding: 8px 18px;
    font-size: 18px;
  }

  .badge-group > * + * {
    margin-top: 8px;
  }

  .tag,
  .tag-big {
    padding: 3px;
    height: 18px;
    font-size: 10px;
  }

  .tag-big {
    padding: 5px;
    height: 25px;
    font-size: 13px;
  }

  .catalog-card.catalog-card--horiz {
    display: flex;
    flex-direction: row;
    max-width: 100%;
  }

  .catalog-card.catalog-card--horiz .catalog-card__img {
    aspect-ratio: 5/4;
    width: 220px;
    flex-shrink: 0;
    padding: 8px;
  }

  .catalog-card.catalog-card--horiz .catalog-card__txt {
    padding: 18px;
    flex: 1;
  }

  .catalog-cards {
    grid-template-columns: 1fr;
  }

  .categories-cards-grid .catalog-card .h3-upper {
    font-size: 13px;
  }

  .filters-row .filter-item .navbar-btn {
    display: flex;
  }

  .about-product-wrapper .product-gallery {
    max-width: calc(100vw - 48px);
  }

  .custom-table.custom-table--delivery .cell:first-child {
    min-width: 140px;
  }

  .result-docs-wrapper {
    gap: 24px;
    grid-template-columns: repeat(2, 1fr);
  }

  .promo.promo-aboutus:before {
    display: none;
  }

  .promo.promo-aboutus .promo-card.flex .promo-card__column {
    width: 100%;
  }

  .promo.promo-aboutus .promo-card__pictute {
    position: relative;
    max-width: 100%;
    aspect-ratio: 705/500;
    max-height: 500px;
    justify-content: center;
    align-items: flex-start;
  }

  .promo.promo-aboutus {
    padding-bottom: 0 !important;
  }

  .bank-details .h2 br {
    display: none;
  }

  .article-custom-content .table-wrapper {
    width: calc(100vw - 48px);
  }

  .start-page a {
    width: calc((100% - 16px) / 2);
  }
}

@media (max-width: 767px) {
  section {
    padding-block: 48px;
  }

  section.p-block-70,
  *.p-block-70 {
    padding-block: 48px;
  }

  *.pt-70,
  .pt-70 {
    padding-top: 48px;
    padding-bottom: 0;
  }

  section.padding-70-96,
  *.padding-70-96 {
    padding-top: 48px;
    padding-block: 48px;
  }

  .container {
    max-width: 575px;
    padding-inline: 16px;
  }

  .mobile-scroll-x,
  .scroll-x {
    overflow: hidden;
    width: calc(50% + 50vw);
    scrollbar-width: none;
    overflow-x: auto;
  }

  .flex,
  .flex-center,
  .flex-justify,
  .flex-wrap {
    -moz-column-gap: 8px;
    column-gap: 8px;
  }

  .hide-xxl.flex-md {
    display: flex !important;
  }

  .flex-xxl.hide-md {
    display: none !important;
  }

  .wrapper-gap-26,
  .gap-26 {
    gap: 20px;
  }

  .gap-22 {
    gap: 16px;
  }

  .gap-10 {
    gap: 6px;
  }

  .gap-18 {
    gap: 12px;
  }

  .grid,
  .grid10,
  .grid8 {
    gap: 16px;
  }

  .wrapper-gap-46 {
    gap: 32px;
  }

  .wrapper-gap-54 {
    gap: 40px;
  }

  .grid.xs-grid-1 > * {
    grid-column: span 12 !important;
  }

  .grid.xs-grid-2 > * {
    grid-column: span 6 !important;
  }

  .grid8.xs-grid-2 > * {
    grid-column: span 4 !important;
  }

  .grid8.xs-grid-1 > * {
    grid-column: span 8 !important;
  }

  .grid.two-column,
  .grid.two-column {
    grid-template-columns: 1fr;
  }

  .grid.two-column-reverse {
    grid-template-columns: 1fr;
  }

  .grid-485,
  .grid-485--reverse {
    gap: 16px;
  }

  .h1,
  h1 {
    font-size: 28px;
  }

  .h2 {
    font-size: 20px;
  }

  .h-28,
  .fs-28 {
    font-size: 18px;
  }

  .h-20,
  .h-20-upper {
    font-size: 16px;
  }

  .h3,
  .h3-upper {
    font-size: 14px;
  }

  .fs-14,
  .h4,
  .h4-upper {
    font-size: 11px;
  }

  .fs-20 {
    font-size: 16px;
  }

  .fs-17 {
    font-size: 14px;
  }

  .contact-link svg {
    width: 20px;
    height: 20px;
  }

  .pad-18 {
    padding: 12px;
  }

  .pad-18 .custom-table__title {
    margin-bottom: 12px;
  }

  .section-header {
    margin-bottom: 32px;
  }

  .icon-label.fs-12 {
    font-size: 9px;
  }

  .marked-list,
  .decor-list {
    font-size: 14px;
  }

  .marked-list li + li,
  .decor-list li + li {
    margin-top: 6px;
  }

  .marked-list li {
    padding-left: 12px;
  }

  .marked-list li:before {
    width: 6px;
    height: 6px;
  }

  .decor-list li {
    -moz-column-gap: 4px;
    column-gap: 4px;
  }

  .decor-list li::before {
    width: 16px;
    height: 16px;
  }

  .number-list li::before {
    border-width: 3px;
    border-radius: 4px;
  }

  .number-list {
    row-gap: 20px;
  }

  .number-list .h3 {
    margin-bottom: 2px;
  }

  .number-list li {
    padding-left: 45px;
  }

  .number-list li::before {
    width: 33px;
    height: 28px;
    padding-inline: 6px;
    font-size: 16px;
  }

  .border-wrapper {
    padding: 16px;
  }

  .border-card {
    padding: 20px;
    row-gap: 14px;
  }

  .form-input,
  .form-textarea {
    padding-left: 12px;
    padding-right: 12px;
    border-radius: 4px;
  }

  .form-input {
    height: 37px;
  }

  .form-textarea {
    padding: 12px;
  }

  .form-row {
    flex-direction: column;
  }

  .form-row .form-item {
    width: 100%;
  }

  .dropdown {
    --height: 48px;
  }

  .radio-group > * + *,
  .checkbox-group > * + * {
    margin-top: 12px;
  }

  .form-item.form-item--search .search-icon {
    padding: 6px;
  }

  .form-item.form-item--search .form-input.search-input {
    height: 48px;
  }

  .drop-menu {
    font-size: 14px;
  }

  .drop-menu .drop-menu__sub {
    padding-left: 12px;
  }

  .btn-primary,
  .btn-outline,
  .btn-grey,
  .btn-outline-48,
  .btn-text {
    border-radius: 4px;
    height: 44px;
    font-size: 11px;
  }

  .btn-text {
    height: 60px;
  }

  .btn-grey {
    height: 37px;
  }

  .h-76 {
    white-space: wrap;
    font-size: 16px;
    height: auto;
    padding: 20px;
  }

  .h-68 {
    white-space: wrap;
    font-size: 16px;
    height: 51px;
    padding: 20px;
  }

  .btn-remove {
    width: 44px;
    height: 44px;
  }

  .header .btn-outline.catalog-btn {
    font-size: 14px;
  }

  .header .header-mobile .container {
    padding-inline: 16px;
  }

  .header-mobile-content .navbar-btn-phone {
    display: flex;
  }

  .header-mobile-content .navbar-btn.navbar-btn-compare,
  .header-mobile-content .navbar-btn.navbar-btn-favor {
    display: none;
  }

  .header-mobile-content .navbar-block {
    width: calc(100% - 228px);
    justify-content: flex-end;
  }

  .header-mobile-content .navbar-btn {
    height: 44px;
    width: 44px;
    padding: 5px;
  }

  .header-mobile-content .container.flex {
    flex-wrap: wrap;
    row-gap: 12px;
  }

  .header-mobile-content .container.flex .logo {
    order: 1;
  }

  .header-mobile-content .container.flex .navbar-block {
    order: 2;
  }

  .header-mobile-content .container.flex .mobile-menu-open {
    order: 3;
  }

  .header-mobile-content .container.flex .header-search-form {
    order: 4;
    width: calc(100% - 50px);
  }

  .header-mobile-content .container.flex .header-search-form .form-input {
    height: 44px;
  }

  .mobile-menu__group .navbar-block {
    display: flex;
  }

  .catalog-list-wrapper .scroll-y {
    padding-right: 5px;
  }

  .swiper-button-next,
  .swiper-button-prev {
    width: 37px;
    height: 37px;
    padding: 8px;
    border-radius: 4px;
  }

  .navbar-btn {
    width: 48px;
    height: 48px;
    padding-inline: 10px;
    border-radius: 4px;
  }

  .badge,
  .badge-big {
    height: 25px;
    padding: 6px 12px;
    font-size: 11px;
  }

  .badge-big {
    height: 25px;
    padding: 6px 12px;
  }

  .tag,
  .tag-big {
    padding: 2px;
    height: 15px;
    font-size: 9px;
  }

  .tag-big {
    height: 21px;
    padding: 4px;
    font-size: 11px;
  }

  .hashtag-item-large {
    padding: 6px 12px;
    font-size: 11px;
  }

  .label-outline,
  .label-grey,
  .label-lightblue {
    padding-inline: 12px;
    height: 29px;
  }

  .brand-card {
    height: 104px;
    padding: 4px 12px;
  }

  .news-card__img {
    aspect-ratio: 358/220;
  }

  .news-card__body {
    padding: 16px;
  }

  .news-card__body .txt-muted {
    padding-top: 10px;
  }

  .about-row .about__text {
    row-gap: 16px;
  }

  .about-row .about__text .h2 br {
    display: none;
  }

  .review-swiper .review-card {
    width: 266px;
    padding: 16px;
  }

  .feedback .feedback-column {
    gap: 20px;
  }

  .feedback .feedback-column .h2 br {
    display: none;
    margin-bottom: 12px;
  }

  .feedback .feedback-content {
    row-gap: 30px;
  }

  .grid.two-column {
    gap: 32px;
  }

  .feedback-contacts .contact-link {
    -moz-column-gap: 10px;
    column-gap: 10px;
  }

  .form-agree-block label.agree-checkbox {
    -moz-column-gap: 4px;
    column-gap: 4px;
  }

  .feedback-form__body,
  .feedback-form__footer {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .feedback-form__footer {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .promo .promo-card .btn-primary {
    width: 100%;
  }

  .promo .promo-card__column {
    max-width: unset;
  }

  .promo .promo-card__image {
    width: 389px;
    height: 219px;
  }

  .promo {
    padding-block: 50px;
    max-height: 615px;
  }

  .swiper-inner .swiper-nav {
    top: 50%;
  }

  .price-item {
    font-size: 18px;
  }

  .price-counter {
    justify-content: space-between;
  }

  .benefit-card {
    flex-direction: row;
  }

  .benefit-card__txt {
    text-align: left;
  }

  .benefit-card__txt > * + * {
    margin-top: 6px;
  }

  .benefit-card__txt a {
    margin-top: 3px;
  }

  .benefit-card br {
    display: none;
  }

  .catalog-card {
    display: flex;
    flex-direction: row;
    max-width: 100%;
  }

  .catalog-card__img {
    aspect-ratio: 1;
    width: 96px;
    flex-shrink: 0;
    padding: 8px;
  }

  .catalog-card__txt {
    padding: 12px;
    flex: 1;
  }

  .catalog-card.catalog-card--horiz .catalog-card__img {
    aspect-ratio: 1;
    width: 136px;
    padding: 5px;
  }

  .catalog-card.catalog-card--horiz .catalog-card__txt {
    padding: 16px;
  }

  .catalog-cards {
    gap: 16px;
  }

  .product-card__buttons .btn-primary {
    height: 36px;
  }

  .product-card__buttons .btn-square {
    height: 36px;
    width: 36px;
    padding: 6px;
  }

  .product-card {
    min-height: 421px;
  }

  .product-card .badge-group {
    top: 12px;
    left: 12px;
  }

  .swiper.products-swiper .swiper-slide {
    width: 266px !important;
  }

  .product-card.product-card--horiz {
    flex-direction: column;
  }

  .product-card.product-card--horiz .product-card__img {
    height: 200px;
    width: 100%;
    aspect-ratio: unset;
    padding: 6px;
  }

  .product-card.product-card--horiz .product-card__column {
    padding: 12px;
  }

  .aside-block__header {
    margin-bottom: 18px;
  }

  .promo.promo-inner .breadcrumbs + * {
    margin-top: 32px;
  }

  .catalog-content-grid.grid {
    grid-template-columns: 1fr;
  }

  .categories-cards-grid .catalog-card .h3-upper {
    font-size: 11px;
  }

  .categories-cards-grid .catalog-card__txt {
    padding: 12px;
  }

  .categories-cards-grid .catalog-card__img {
    aspect-ratio: 1;
  }

  .categories-cards-grid {
    grid-template-columns: 1fr;
  }

  .catalog-content .container > * + * {
    margin-top: 32px;
  }

  .catalog-aside-menu {
    display: none !important;
  }

  .filter-item .navbar-btn span {
    display: none;
  }

  #btn-show-filters.navbar-btn span {
    display: block;
    font-size: 11px;
  }

  .dropdown.dropdown--sort {
    max-width: 345px;
  }

  .dropdown.dropdown--sort .dropdown__list {
    left: auto;
    right: 0;
  }

  .dropdown.dropdown--sort .dropdown__button {
    font-size: 0 !important;
    width: 48px;
    height: 48px;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: center;
    background-color: var(--backgound-neutral-tertiary);
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M14.9902 3.5L20.0102 8.51' stroke='%233D485C' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round' /%3e%3cpath d='M14.9902 13.01V6.01V3.5' stroke='%233D485C' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round' /%3e%3cpath d='M14.9902 20.5V17' stroke='%233D485C' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round' /%3e%3cpath d='M9.01023 20.5L3.99023 15.49' stroke='%233D485C' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round' /%3e%3cpath d='M9.00977 10.99V17.99V20.5' stroke='%233D485C' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round' /%3e%3cpath d='M9.00977 3.5V7' stroke='%233D485C' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round' /%3e%3c/svg%3e");
  }

  .catalog-filtered-row.grid {
    grid-template-columns: 2fr 1fr;
  }

  .catalog-filtered-row.grid .show-sort-menu {
    margin-left: auto;
  }

  .pagination-wrapper {
    margin-top: 32px;
  }

  .pagination-item {
    width: 37px;
    height: 37px;
  }

  .about-product-wrapper .product-gallery {
    max-width: 543px;
  }

  .product-gallery-sliders .mySwiperFotorama .swiper-slide {
    padding: 8px;
  }

  .product-gallery-sliders .mySwiperFotorama .badge-group,
  .product-gallery-sliders .mySwiperFotorama .label-image {
    top: 12px;
    left: 12px;
  }

  .product-gallery-sliders .mySwiperFotorama .label-image {
    left: auto;
    right: 12px;
  }

  .product-gallery-sliders .mySwiperFotorama .label-image img {
    height: 32px;
  }

  .product-gallery-sliders .mySwiperFotorama {
    width: 100%;
    padding: 10px;
  }

  .product-gallery-sliders .mySwiperThumb {
    width: calc(50% + 50vw);
  }

  .product-gallery-sliders {
    flex-direction: column-reverse;
    height: auto;
    row-gap: 10px;
  }

  .product-gallery__row {
    margin-top: 20px;
    -moz-column-gap: 48px;
    column-gap: 48px;
    justify-content: space-between;
  }

  .product-gallery__row-item {
    flex: 1;
  }

  .product-information .price-group__row .navbar-btn {
    width: 51px;
    height: 51px;
  }

  .counter .counter-minus,
  .counter .counter-plus,
  .counter .counter-value {
    height: 44px;
  }

  .counter .counter-minus,
  .counter .counter-plus {
    width: 44px;
    height: 44px;
  }

  .counter .counter-value {
    min-width: 44px;
  }

  .counter.counter--small .counter-minus,
  .counter.counter--small .counter-plus,
  .counter.counter--small .counter-value {
    width: 44px;
    height: 44px;
  }

  .counter.counter--small .counter-value {
    min-width: 44px;
  }

  .tabs-nav {
    gap: 6px;
  }

  .tab-content {
    padding-top: 32px;
  }

  .tab-button {
    height: 43px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .paragraf-wrapper > * + * {
    margin-top: 12px;
  }

  .custom-table .custom-table__title {
    margin-bottom: 12px;
  }

  .custom-table__head {
    margin-bottom: 6px;
  }

  .custom-table__row {
    -moz-column-gap: 16px;
    column-gap: 16px;
    padding: 6px;
  }

  .custom-table.custom-table--price .custom-table__row .cell:nth-child(n+2) {
    width: 145px;
  }

  .custom-table.custom-table--price {
    width: 700px;
    margin-right: 16px;
  }

  .doc-link__type {
    display: none;
  }

  .doc-link [class^=btn-] span {
    display: none;
  }

  .doc-link [class^=btn-] svg {
    display: block;
  }

  .doc-link [class^=btn-] {
    padding-inline: 10px;
    width: 44px;
  }

  .doc-link__bottom {
    flex-direction: column-reverse;
    align-items: flex-start;
    row-gap: 12px;
  }

  .doc-link__bottom .doc-link-model {
    white-space: wrap;
  }

  .doc-link__bottom .doc-link__group .flex {
    -moz-column-gap: 12px;
    column-gap: 12px;
  }

  .doc-link__bottom .doc-link__group .flex {
    flex-direction: column;
    gap: 4px;
    align-items: flex-start;
  }

  .service-card__top {
    -moz-column-gap: 12px;
    column-gap: 12px;
  }

  .service-card__top > .flex {
    -moz-column-gap: 12px;
    column-gap: 12px;
  }

  .service-card__icon {
    width: 64px;
    height: 64px;
  }

  .service-card__title > * + * {
    margin-top: 4px;
  }

  .delivery-cards.grid {
    gap: 32px;
  }

  .delivery-info .info-card {
    gap: 20px;
  }

  .custom-table.custom-table--delivery {
    width: 700px;
  }

  .custom-table.custom-table--delivery .cell:first-child {
    min-width: 199px;
  }

  .payment-types-list.grid {
    row-gap: 32px;
  }

  .payment-type {
    margin-bottom: 16px;
  }

  .payment-type > * {
    margin-top: 4px;
  }

  .info-card {
    row-gap: 32px;
    padding: 32px;
  }

  .info-card__list li {
    padding-block: 6px;
  }

  .info-card.info-card--big .info-card__list li {
    padding-block: 12px;
  }

  .info-card.info-card--big .h3,
  .info-card.info-card--big .h-20 {
    margin-bottom: 6px;
  }

  .single-service__group {
    row-gap: 20px;
  }

  .hashtags-wrapper.flex-wrap {
    gap: 6px;
  }

  .single-service-image img {
    aspect-ratio: 358/234;
  }

  .reverse-rows-wrapper {
    row-gap: 48px;
  }

  .reverse-rows-wrapper .service-description__row .h2 {
    margin-bottom: 20px;
  }

  .reverse-rows-wrapper .service-description__row .marked-list {
    margin-top: 12px;
  }

  .result-doc__txt {
    padding: 6px;
  }

  .result-doc__txt .h-20 {
    font-size: 11px;
  }

  .result-docs-wrapper {
    gap: 18px;
  }

  .promo.promo-aboutus .btn-primary {
    width: 100%;
  }

  .promo.promo-aboutus .promo-aboutus__column {
    gap: 40px;
  }

  .promo.promo-aboutus .promo-card.flex .h1 {
    margin-bottom: 18px;
  }

  .promo.promo-aboutus .promo-card.flex p + p {
    margin-top: 16px;
  }

  .statistic-item .txt-72 {
    font-size: 40px;
  }

  .statistic-item > * + * {
    margin-top: 6px;
  }

  .team-card .h-28 {
    margin-bottom: 6px;
  }

  .team-card__img {
    height: 194px;
  }

  .team-card__head {
    height: 68px;
    margin-bottom: 16px;
  }

  .team-swiper .swiper-slide {
    width: 266px !important;
    row-gap: 16px;
  }

  .doc-item {
    padding: 7px 14px;
  }

  .documents-swiper .swiper-slide {
    width: 266px !important;
    height: 351px;
  }

  .bank-details-wrapper {
    flex-direction: column;
    row-gap: 20px;
  }

  .bank-details-card .h3-upper {
    margin-bottom: 4px;
  }

  .contact-card {
    row-gap: 20px;
  }

  .contact-card__top {
    -moz-column-gap: 12px;
    column-gap: 12px;
  }

  .contact-card__info > * + * {
    margin-top: 12px;
  }

  .contact-card__box > * + * {
    margin-top: 6px;
  }

  .contact-card__group {
    flex-direction: column;
    align-items: flex-start;
    row-gap: 12px;
  }

  .filters-grid {
    gap: 24px;
  }

  .filters-grid .filters-grid__row {
    grid-template-columns: 1fr 170px !important;
  }

  .filters-grid .filters-grid__row .form-input.search-input {
    height: 48px;
  }

  .filters-grid .filter-item--result {
    gap: 16px;
  }

  .filters-grid .dropdown {
    margin-left: auto;
    width: 100%;
    max-width: 170px;
  }

  .action-buttons-block .action-buttons {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .action-buttons-block .fs-28 {
    margin-bottom: 24px;
  }

  .our-blog-wrapper.d-grid {
    grid-template-columns: 1fr;
  }

  .our-blog-wrapper.d-grid .news-card {
    height: auto;
  }

  .persone-card .persone-card__img {
    width: 120px;
  }

  .persone-card .persone-card__img {
    width: 72px;
    height: 72px;
  }

  .persone-card {
    -moz-column-gap: 20px;
    column-gap: 20px;
  }

  .persone-card .persone-card__info {
    row-gap: 12px;
    padding-block: 2px;
  }

  .persone-card .persone-card__name > * + * {
    margin-top: 4px;
  }

  .article-nav .article-nav-btn--prev .h3-upper {
    display: none;
  }

  .article-nav .article-nav-btn--prev {
    padding: 10px;
    width: 60px;
    flex: unset;
  }

  .article-image {
    padding: 18px;
  }

  .article-content picture img,
  .article-content img {
    aspect-ratio: 358/252;
  }

  .article-details .drop-menu__btn p {
    font-size: 16px;
  }

  .article-details .drop-menu__btn span {
    font-size: 13px;
  }

  .article-details .drop-menu__sub > ul > li > a,
  .article-details .drop-menu__sub > ul > li > ul a {
    font-size: 14px;
    padding-block: 3px;
  }

  .article-details .drop-menu__sub > ul > li > ul {
    padding-left: 20px;
  }

  .article-content h2 {
    font-size: 24px;
    margin-bottom: 20px;
  }

  .article-custom-content .table-wrapper {
    width: 575px;
  }

  .article-custom-content table th,
  .article-custom-content table td {
    padding: 12px 8px;
    font-size: 14px;
  }

  .article-custom-content table th {
    font-size: 11px;
  }

  .label-title-list li {
    gap: 6px;
  }

  .article-custom-content p {
    font-size: 14px;
    margin-block: 12px;
  }

  .article-custom-content big {
    font-size: 16px;
  }

  .article-custom-content small {
    font-size: 11px;
  }

  .article-custom-content h1 {
    font-size: 28px;
  }

  .article-custom-content h2 {
    font-size: 24px;
  }

  .article-custom-content h3 {
    font-size: 20px;
  }

  .article-custom-content h4 {
    font-size: 18px;
  }

  .article-custom-content h1,
  .article-custom-content h2 {
    margin-top: 40px;
    margin-bottom: 20px;
  }

  .article-custom-content h3,
  .article-custom-content h4 {
    margin-top: 32px;
    margin-bottom: 12px;
  }

  .article-custom-content .text-columns {
    -moz-column-gap: 12px;
    column-gap: 12px;
  }

  .social-block,
  .social-block__links,
  .social-block__view {
    -moz-column-gap: 12px;
    column-gap: 12px;
  }

  .department-card .text-17-group > * + * {
    margin-top: 6px;
  }

  .department-card .text-17-group + .text-17-group {
    margin-top: 12px;
  }

  .promo-header {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    row-gap: 6px;
  }

  .basket-main-content {
    row-gap: 18px;
  }

  .basket-card {
    flex-direction: column;
  }

  .basket-card > * {
    width: 100%;
  }

  .basket-card__img {
    height: 260px;
    width: 100%;
  }

  .basket-card__img img {
    max-width: 285px;
    margin-left: auto;
    margin-right: auto;
  }

  .basket-card__body {
    border-left: 1px solid var(--border-semantic-info-primary);
    border-top: 0;
  }

  .basket-card__bottom {
    flex-direction: column;
    row-gap: 24px;
  }

  .basket-card__bottom > * {
    width: 100%;
  }

  .basket-card__group {
    justify-content: space-between;
  }

  .basket-card .counter-block {
    justify-content: space-between;
  }

  .basket-panel {
    grid-template-columns: 1fr;
  }

  .basket-panel .basket-result-card {
    grid-column: span 1;
  }

  .basket-result__title {
    margin-bottom: 6px;
    margin-bottom: 12px;
  }

  footer.footer {
    padding-top: 48px;
    padding-bottom: 40px;
  }

  footer.footer .footer-info > * + * {
    margin-top: 20px;
  }

  .footer-col .h4-upper {
    margin-bottom: 20px;
  }

  .footer-content {
    gap: 40px;
    padding-bottom: 40px;
  }

  .footer-content .footer-info {
    order: 1;
  }

  .footer-content .footer-catalog-menu {
    order: 2;
  }

  .footer-content .footer-information-menu {
    order: 3;
  }

  .footer-content .footer-bank-details {
    order: 4;
  }

  .footer-menu > * + * {
    margin-top: 12px;
  }

  .footer-menu-item {
    font-size: 15px;
  }

  .footer-bottom {
    padding-top: 40px;
  }

  .footer-bottom__content,
  .footer-bottom__left,
  .footer-bottom .politic-links,
  .footer-bottom__right {
    justify-content: center;
    text-align: center;
    margin: 0 auto;
  }

  .footer-bottom .footer-copyright,
  .footer-bottom .politic-links a {
    margin: 0 auto;
  }

  .modal-frame.modal-frame--popup .modal-frame-content {
    gap: 20px;
    max-width: 341px;
  }

  .modal-frame.modal-frame--popup .form-item .form-input,
  .modal-frame.modal-frame--popup .form-item .form-textarea {
    font-size: 11px;
  }

  .form-item.form-item--captcha img {
    width: 115px;
    height: 25px;
  }

  .alert-success {
    padding: 20px;
  }

  .start-page a {
    width: 100%;
  }
}

@media (max-width: 575px) {
  .product-card.product-card--horiz .product-card__img {
    height: 176px;
  }

  .about-product-wrapper .product-gallery {
    max-width: calc(100vw - 32px);
  }

  .product-gallery__row {
    -moz-column-gap: 16px;
    column-gap: 16px;
  }

  .product-gallery__row .icon-label svg,
  .product-gallery__row .icon-label img {
    height: 24px;
    width: 24px;
  }

  .article-custom-content .table-wrapper {
    width: calc(100vw - 32px);
  }
}

@media (max-width: 429px) {
  #btn-show-filters.navbar-btn span {
    display: none;
  }

  .filters-grid .filters-grid__row {
    grid-template-columns: 1fr 150px !important;
  }

  .filters-grid .filter-item--result {
    gap: 12px;
  }
}

@media (max-width: 390px) {
  .article-image {
    height: 253px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .partners-programm-wrapper > .programm-card.border-wrapper.gap-26:last-child {
    grid-column: span 12 !important;
  }

  .partners-programm-wrapper > .programm-card.border-wrapper.gap-26:last-child .border-wrapper__body {
    grid-template-columns: 1fr 1fr;
    -moz-column-gap: 18px;
    column-gap: 18px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .drop-menu .drop-menu-item.drop-menu-item--open .drop-menu__sub {
    transition: none;
  }
}
/*# sourceMappingURL=main.css.map */