:root {
  --neutral-neutral-100: #000;
  --neutral-neutral-90: #1a1a1a;
  --neutral-neutral-80: #333;
  --neutral-neutral-70: #4d4d4d;
  --neutral-neutral-60: #666;
  --neutral-neutral-50: #808080;
  --neutral-neutral-40: #999;
  --neutral-neutral-30: #b3b3b3;
  --neutral-neutral-20: #ccc;
  --neutral-neutral-10: #e6e6e6;
  --neutral-neutral-05: #f2f2f2;
  --neutral-neutral-00: #fff;
  --additionally-error-100: #e70000;
  --additionally-error-80: #eb3333;
  --additionally-error-60: #f06666;
  --additionally-error-40: #f59999;
  --additionally-error-20: #facccc;
  --font-family: "Involve", sans-serif;
  --second-family: "RG", sans-serif;
}

@font-face {
  font-display: swap;
	font-family: 'Involve';
	font-style: normal;
	font-weight: 500;
	src: url('../fonts/Involve/Involve-Medium.eot');
	src: url('../fonts/Involve/Involve-Medium.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Involve/Involve-Medium.woff2') format('woff2'),
		url('../fonts/Involve/Involve-Medium.woff') format('woff'),
		url('../fonts/Involve/Involve-Medium.ttf') format('truetype');
}

@font-face {
  font-display: swap;
	font-family: 'Involve';
	font-style: normal;
	font-weight: 700;
	src: url('../fonts/Involve/Involve-Bold.eot');
	src: url('../fonts/Involve/Involve-Bold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Involve/Involve-Bold.woff2') format('woff2'),
		url('../fonts/Involve/Involve-Bold.woff') format('woff'),
		url('../fonts/Involve/Involve-Bold.ttf') format('truetype');
}

@font-face {
  font-display: swap;
	font-family: 'RG';
	font-style: normal;
	font-weight: 500;
	src: url('../fonts/RG/RG-StandardMedium.eot');
	src: url('../fonts/RG/RG-StandardMedium.eot?#iefix') format('embedded-opentype'),
		url('../fonts/RG/RG-StandardMedium.woff2') format('woff2'),
		url('../fonts/RG/RG-StandardMedium.woff') format('woff'),
		url('../fonts/RG/RG-StandardMedium.ttf') format('truetype');
}

html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

h1 {
  font-size: 2em;
  margin: .67em 0;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

a {
  background-color: transparent;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline dotted;
}

b,strong {
  font-weight: bolder;
}

small {
  font-size: 87%;
}

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

sub {
  bottom: -.25em;
}

sup {
  top: -.5em;
}

img {
  border-style: none;
}

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

button,input {
  overflow: visible;
}

button,select {
  text-transform: none;
}

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

[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner,button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring,button:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: .35em .75em .625em;
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  white-space: normal;
  padding: 0;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type="checkbox"],[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

summary {
  display: list-item;
}

* {
  box-sizing: border-box;
}

details,main {
  display: block;
}

code,kbd,pre,samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

[hidden],template {
  display: none;
}

a,button {
  -webkit-tap-highlight-color: transparent;
}

@keyframes toastFadeIn {
  0% {
    opacity: 0;
    transform: translateX(100%);
  }

  10% {
    opacity: 1;
    transform: translateX(0%);
  }

  90% {
    opacity: 1;
    transform: translateX(0%);
  }

  100% {
    opacity: 0;
    transform: translateX(100%);
  }
}

.link,a {
  text-decoration: underline;
  text-decoration-color: transparent;
  text-underline-offset: 3px;
  transition: .2s;
}

.link:hover,a:hover {
  color: var(--neutral-neutral-100);
  text-decoration-color: transparent;
}

body {
  font-family: var(--font-family);
  color: var(--neutral-neutral-100);
  font-weight: 500;
  font-size: 16px;
  line-height: 1.3;
  background: #fff;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.h1,.h2,.h3,.h4,.h5,h1,h2,h3,h4,h5 {
  color: var(--neutral-neutral-100);
  font-family: var(--second-family);
  font-weight: 500;
  margin-top: 0;
}

.h1,h1 {
  font-size: 40px;
  line-height: 1;
  margin: 0 0 32px;
}

.h2,h2 {
  font-size: 32px;
  line-height: 1;
  margin: 0 0 24px;
}

.h3,h3 {
  font-size: 24px;
  line-height: 1.2;
  margin: 0 0 24px;
}

.h4,h4 {
  font-size: 24px;
  line-height: 1.1;
  margin: 0 0 16px;
}

.text,p {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.4;
  margin: 16px 0;
}

b,strong {
  font-weight: 700;
}

.text-uppercace {
  text-transform: uppercase;
}

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

.text-lg-center {
}

.container {
  margin-right: auto;
  margin-left: auto;
  padding: 0 16px;
  max-width: 1920px;
  width: 100%;
}

.wrapper {
  overflow: hidden;
}

.page-container {
  flex: 1 1 auto;
  margin-top: 24px;
}

.main-aside-container {
}

.main-block {
  width: 100%;
}

.aside {
  min-width: 200px;
  max-width: 200px;
}

.aside--filter {
  min-width: 1px;
  max-width: 100%;
  width: 100%;
}

.aside--filter-show {
}

.btn {
  font-family: var(--font-family);
  color: var(--neutral-neutral-90);
  font-weight: 500;
  font-size: 14px;
  white-space: nowrap;
  line-height: unset;
  position: relative;
  text-decoration: none;
  background: transparent;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 20px;
  min-height: 42px;
  transition: .4s;
  border-radius: 1000px;
  outline: 0;
  cursor: pointer;
  user-select: none;
  border: 1px solid var(--neutral-neutral-90);
}

.btn:hover {
}

.btn:active {
  color: var(--neutral-neutral-20);
  border-color: var(--neutral-neutral-20);
  outline: 0;
}

.btn:active:focus {
  outline: 0;
  box-shadow: none;
}

.btn:focus {
  outline: 0;
}

.btn.active {
  outline: 0;
  box-shadow: none;
}

.btn.active:focus {
  outline: 0;
}

.btn b {
  font-weight: 500;
}

.btn--reset {
  margin: 0;
  padding: 0;
  outline: 0;
  border: 0;
  min-height: 1px;
  border-radius: 0;
  background-color: transparent;
  cursor: pointer;
}

.btn--tiny {
  font-size: 12px;
}

.btn--small {
  padding: 0 24px;
  font-size: 12px;
  min-height: 32px;
}

.btn--accent {
  color: var(--neutral-neutral-00);
  background: var(--neutral-neutral-90);
  border-color: var(--neutral-neutral-90);
}

.btn--accent:hover {
}

.btn--accent:active {
  color: var(--neutral-neutral-40);
  background: var(--neutral-neutral-90);
  border-color: var(--neutral-neutral-90);
}

.btn--accent--disabled,.btn--accent[disabled] {
  pointer-events: none;
  color: var(--neutral-neutral-30);
  background: var(--neutral-neutral-05);
  border-color: var(--neutral-neutral-05);
}

.btn--light {
  color: var(--neutral-neutral-90);
  background: var(--neutral-neutral-00);
  border-color: var(--neutral-neutral-00);
}

.btn--light:hover {
}

.btn--light:active {
  color: var(--neutral-neutral-50);
  background: var(--neutral-neutral-00);
  border-color: var(--neutral-neutral-00);
}

.btn--border-light {
  color: var(--neutral-neutral-00);
  background: transparent;
  border-color: var(--neutral-neutral-00);
}

.btn--border-light:hover {
}

.btn--border-light:active {
  color: var(--neutral-neutral-90);
  background: var(--neutral-neutral-00);
  border-color: var(--neutral-neutral-00);
}

.btn--border-gray {
  color: var(--neutral-neutral-100);
  background: var(--neutral-neutral-00);
  border-color: var(--neutral-neutral-20);
}

.btn--border-gray:hover {
}

.btn--border-gray:active {
  color: var(--neutral-neutral-20);
  background: var(--neutral-neutral-00);
  border-color: var(--neutral-neutral-100);
}

.btn--burger:before,.btn--cart:before,.btn--chevron-left:before,.btn--cross:before,.btn--delete:before,.btn--filter:before,.btn--notice:before,.btn--person:before {
  content: '';
  width: 24px;
  height: 24px;
  min-width: 24px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.btn--burger:before {
  background-image: url('../img/icons/burger.svg');
}

.btn--cross:before {
  background-image: url('../img/icons/cross.svg');
}

.btn--notice:before {
  background-image: url('../img/icons/notice.svg');
}

.btn--cart:before {
  background-image: url('../img/icons/cart.svg');
}

.btn--person:before {
  background-image: url('../img/icons/person.svg');
}

.btn--chevron-left:before {
  background-image: url('../img/icons/chevron-left.svg');
  margin-right: 12px;
}

.btn--filter:before {
  background-image: url('../img/icons/filter.svg');
}

.btn--delete:before {
  background-image: url('../img/icons/delete.svg');
}

.btns-spacer {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -12px;
}

.btns-spacer > * {
  margin-right: 12px;
  margin-bottom: 12px;
}

.form__headline {
  color: #1b1b1b;
  font-size: 20px;
  margin: 4px 0 20px;
}

.form__group {
  display: flex;
  flex-wrap: wrap;
  gap: 0 16px;
}

.form__group > * {
  flex: 1 1 240px;
}

.form__send {
  min-height: 36px;
  width: 100%;
}

.form__footer {
  margin-top: 16px;
}

.form__desc {
  color: #a5a5a5;
  font-size: 14px;
  text-align: center;
  margin: 12px 0 0;
}

.form__desc a:not([class]) {
  color: #1b1b1b;
}

.form__help-request {
  padding: 0 8px;
}

.form__help-request-title {
  font-size: 12px;
  margin-bottom: 8px;
}

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

.form__help-request-item {
  position: relative;
  padding-left: 24px;
  font-size: 12px;
  margin-bottom: 8px;
}

.form__help-request-item:last-child {
  margin: 0;
}

.form__help-request-item:before {
  content: '';
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url('../img/icons/form-help-request-default.svg');
  position: absolute;
  top: -1px;
  left: 0;
}

.form__help-request-item.-success-:before {
  background-image: url('../img/icons/form-help-request-success.svg');
}

.form__help-request-item.-error- {
  color: var(--additionally-error-100);
}

.form__help-request-item.-error-:before {
  background-image: url('../img/icons/form-help-request-error.svg');
}

input {
  outline: none;
}

.input {
  margin-bottom: 16px;
  display: block;
  position: relative;
}

.input__wrap {
  position: relative;
}

.input__panel {
  display: flex;
  align-items: center;
}

.input__panel .input__error {
  margin: 0;
  margin-top: 4px;
}

.input__panel .input__link {
  margin: 0;
  margin-left: auto;
  margin-top: 4px;
}

.input__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 4px;
}

.input__head .input__label {
  margin: 0;
}

.input__head .input__link {
  margin: 0;
}

.input__label {
  color: var(--neutral-neutral-100);
  font-weight: 500;
  font-size: 14px;
  display: inline-block;
  margin: 0 0 4px;
}

.input__link {
  color: var(--neutral-neutral-50);
  font-size: 12px;
  margin-top: 4px;
  margin-left: auto;
  display: block;
}

.input__link:hover {
}

.input__link:active {
  color: var(--neutral-neutral-100);
}

.input__desc {
  color: var(--neutral-neutral-40);
  font-size: 12px;
}

.input__elem {
  position: relative;
  font-family: var(--font-family);
  color: var(--neutral-neutral-100);
  font-weight: 500;
  font-size: 14px;
  line-height: 1.5;
  background: var(--neutral-neutral-00);
  border: 1px solid var(--neutral-neutral-10);
  border-radius: 20px;
  min-height: 40px;
  padding: 0 16px;
  width: 100%;
  outline: none;
  transition: .2s;
  resize: none;
}

.input__elem:focus::placeholder {
  color: transparent;
}

.input__elem::placeholder {
  color: var(--neutral-neutral-30);
}

.input__elem[type="date"]::-webkit-calendar-picker-indicator {
  opacity: 0;
}

.input__radios {
  display: flex;
  gap: 12px;
  padding: 6px;
  border-radius: 20px;
  border: 1px solid var(--neutral-neutral-10);
}

.input__radios-field {
  display: block;
  width: 100%;
}

.input__radios-radio {
  display: none;
}

.input__radios-radio:checked + .input__radios-label {
  background: var(--neutral-neutral-05);
}

.input__radios-label {
  cursor: pointer;
  width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 26px;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.4;
  text-align: center;
  border-radius: 20px;
  transition: .4s;
}

.input--warning .input__wrap:before {
  content: '';
  width: 24px;
  height: 24px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 8px;
  background: url('../img/icons/info-circle-bold.svg') no-repeat center / contain;
  z-index: 1;
}

.input--warning .input__elem {
  border-color: var(--additionally-error-100);
  padding-right: 40px;
}

.input__error {
  color: var(--additionally-error-100);
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  margin-top: 4px;
}

textarea.input__elem {
  padding-top: 8px;
  padding-bottom: 8px;
}

.code-confirm {
  margin: 0 0 20px;
  text-align: center;
}

.code-confirm__main {
  display: block;
}

.code-confirm__fields {
  display: flex;
  flex-wrap: nowrap;
  gap: 4px;
  margin-top: 8px;
}

.code-confirm__input {
  position: relative;
  font-family: var(--font-family);
  color: var(--neutral-neutral-100);
  font-weight: 500;
  font-size: 14px;
  line-height: 1.5;
  background: var(--neutral-neutral-00);
  border: 1px solid var(--neutral-neutral-05);
  border-radius: 12px;
  min-height: 60px;
  padding: 0 16px;
  width: 100%;
  outline: none;
  transition: .2s;
  resize: none;
  text-align: center;
}

.code-confirm__input:focus {
  border-color: var(--neutral-neutral-20);
}

.code-confirm__input.filled {
  border-color: var(--neutral-neutral-100);
}

.code-confirm__input::-webkit-inner-spin-button,.code-confirm__input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.code-confirm__timer {
  margin: 12px 0;
}

.code-confirm__repeat {
  color: var(--neutral-neutral-90);
  font-weight: 500;
  font-size: 16px;
  transition: .2s;
}

.code-confirm__repeat:hover {
}

.code-confirm__repeat:active {
  color: var(--neutral-neutral-20);
}

.code-confirm__repeat[disabled] {
  pointer-events: none;
  color: var(--neutral-neutral-20);
}

.email-highlighted {
  color: var(--neutral-neutral-100);
}

.toggle-visible-input {
  display: none;
  cursor: pointer;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 8px;
  background-color: var(--neutral-neutral-00);
  background-image: url('../img/icons/password-hide.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  z-index: 2;
}

.toggle-visible-input.visible {
  display: block;
}

.toggle-visible-input.is-active {
  background-image: url('../img/icons/password-show.svg');
}

.range {
  position: relative;
  width: 100%;
}

.range__input {
  position: absolute;
  pointer-events: none;
  -webkit-appearance: none;
  z-index: 2;
  height: 20px;
  width: 100%;
  opacity: 0;
}

.range__input::-webkit-slider-thumb {
  pointer-events: all;
  width: 20px;
  height: 20px;
  border-radius: 0;
  border: 0 none;
  background-color: red;
  -webkit-appearance: none;
}

.range__label {
  position: relative;
  height: 20px;
  z-index: 1;
  margin: 0 20px;
}

.range__track {
  position: absolute;
  top: 7px;
  right: -15px;
  bottom: 0;
  left: -15px;
  z-index: 1;
  height: 8px;
  background-color: #DBE3E9;
  border-radius: 20px;
}

.range__slide {
  position: absolute;
  top: 7px;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  background: var(--neutral-neutral-100);
  height: 8px;
}

.range__thumb {
  position: absolute;
  z-index: 3;
  width: 20px;
  height: 20px;
  border: 1px solid #E6E6E6;
  background: #fff;
  border-radius: 50%;
}

.range__thumb-left {
  left: 0;
  transform: translate(-20px, 0);
}

.range__thumb-right {
  right: 0;
  transform: translate(20px, 0);
}

.range__thumb:before {
  content: '';
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--neutral-neutral-100);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.range__output {
  display: flex;
  justify-content: space-between;
  margin: 4px 0 0;
}

.range__output-elem {
  border: 1px solid var(--neutral-neutral-20);
  border-radius: 100px;
  display: inline-flex;
  align-items: flex-end;
  min-height: 24px;
  padding: 0 6px;
  font-weight: 500;
  font-size: 16px;
}

.range__output-elem span {
  font-size: 11px;
  margin-left: 2px;
  margin-bottom: 2px;
}

.mf-captcha {
  background: var(--neutral-neutral-05);
  padding: 16px;
  border-radius: 20px;
}

.mf-captcha::after,.mf-captcha::before {
  content: '';
  clear: both;
  display: none;
}

.mf-captcha .mf-text {
  color: var(--neutral-neutral-100);
  font-weight: 500;
  font-size: 14px;
  display: inline-block;
  margin: 0 0 4px;
}

.mf-captcha .mf-text:first-child {
  display: none;
}

.mf-captcha img {
  margin-bottom: 20px;
  border-radius: 20px;
  border: 1px solid var(--neutral-neutral-100);
}

.mf-captcha input {
  position: relative;
  font-family: var(--font-family);
  color: var(--neutral-neutral-100);
  font-weight: 500;
  font-size: 14px;
  line-height: 1.5;
  background: var(--neutral-neutral-00);
  border: 1px solid var(--neutral-neutral-10);
  border-radius: 20px;
  min-height: 40px;
  padding: 0 16px;
  outline: none;
  transition: .2s;
  resize: none;
  width: 100%;
  outline: none;
}

.mf-captcha input:focus::placeholder {
  color: transparent;
}

.mf-captcha input::placeholder {
  color: var(--neutral-neutral-30);
}

.mf-captcha .input__panel {
  width: 100%;
}

.select {
  position: relative;
}

.select__label {
  color: var(--neutral-neutral-100);
  font-size: 14px;
  margin-bottom: 4px;
}

.select__btn,.select__dropdown-option {
  color: #1b1b1b;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.4;
  border-radius: 0;
}

.select__btn {
  position: relative;
  background: #fff;
  border: 1px solid var(--neutral-neutral-10);
  padding: 8px 8px 8px 12px;
  white-space: normal;
  width: 100%;
  min-height: 40px;
  border-radius: 20px;
  cursor: pointer;
  justify-content: space-between;
}

.select__btn:after {
  content: '';
  background: url('../img/icons/chevron-down.svg') no-repeat center / contain;
  width: 24px;
  height: 24px;
  min-width: 24px;
  margin-left: 12px;
  transition: .2s;
}

.select__btn:hover {
}

.select__btn.is-active {
  border-color: var(--neutral-neutral-90);
}

.select__btn.is-active:after {
  transform: rotate(180deg);
}

.select__dropdown {
  position: absolute;
  top: 100%;
  background: #fff;
  border: 1px solid var(--neutral-neutral-10);
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.05), 0 11px 11px 0 rgba(0, 0, 0, 0.05), 0 26px 15px 0 rgba(0, 0, 0, 0.03), 0 46px 18px 0 rgba(0, 0, 0, 0.01), 0 72px 20px 0 rgba(0, 0, 0, 0);
  background: var(--neutral-neutral-00);
  margin-top: 6px;
  z-index: -1;
  padding: 0 16px;
  visibility: hidden;
  opacity: 0;
  transition: opacity .2s;
  width: 100%;
  border-radius: 20px;
}

.select__dropdown-option {
  min-height: 42px;
  width: 100%;
  display: inline-flex;
  align-items: center;
  padding: 12px 0;
  cursor: pointer;
  transition: .2s;
  border-bottom: 1px solid var(--neutral-neutral-05);
}

.select__dropdown-option:hover {
}

.select__dropdown-option.option-active {
  color: var(--neutral-neutral-90);
}

.select__dropdown-option:last-child {
  border: none;
}

.select__dropdown--hide {
  opacity: 1;
  visibility: visible;
  z-index: 21;
}

.stepper {
  display: flex;
  align-items: center;
}

.stepper__btn {
  cursor: pointer;
  border: 1px solid var(--neutral-neutral-10);
  background: var(--neutral-neutral-00);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  min-width: 24px;
  transition: .2s ease;
  border-radius: 3px;
}

.stepper__btn::before {
  content: '';
  width: 14px;
  height: 14px;
  min-width: 14px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.stepper__btn:hover {
}

.stepper__btn:active {
  border-color: var(--neutral-neutral-100);
}

.stepper__btn-down:before {
  background-image: url('../img/icons/stepper-down.svg');
}

.stepper__btn-up:before {
  background-image: url('../img/icons/stepper-up.svg');
}

.stepper__input {
  pointer-events: none;
  -moz-appearance: textfield;
  text-align: center;
  border: none;
  padding: 0;
  margin: 0 6px;
  resize: none;
  outline: none;
}

.stepper__input::-webkit-inner-spin-button,.stepper__input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

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

.overflow-hidden {
  overflow: hidden;
}

.visibility-hidden {
  visibility: hidden;
}

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

.img-cover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.img-cover--wrap {
  overflow: hidden;
  position: relative;
}

.hide-xl-down {
}

.hide-xl-only {
}

.hide-lg-down {
}

.hide-lg-up {
}

.hide-md-down {
}

.hide-md-up {
}

.hide-sm-down {
}

.hide-sm-only {
}

.social {
  display: flex;
}

.social__link {
  display: inline-flex;
  align-items: center;
  margin-right: 24px;
}

.social__link:before {
  content: '';
  width: 40px;
  height: 40px;
  min-width: 40px;
  background-color: #412920;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border-radius: 50%;
  overflow: hidden;
  transition: .2s;
}

.slider-wrapper {
  position: relative;
}

.slider-btn {
  width: 24px;
  height: 24px;
  min-width: 24px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 61;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px;
  border-radius: 50%;
  transition: .4s;
}

.slider-btn.swiper-button-disabled {
  opacity: 0;
  visibility: hidden;
}

.slider-btn-prev {
  left: 12px;
  background-image: url('../img/icons/chevron-left.svg');
}

.slider-btn-next {
  right: 12px;
  background-image: url('../img/icons/chevron-right.svg');
}

.slider-nav--light .slider-btn-prev {
  background-image: url('../img/icons/chevron-left-light.svg');
}

.slider-nav--light .slider-btn-next {
  background-image: url('../img/icons/chevron-right-light.svg');
}

.slider-nav--circles .slider-btn {
  width: 48px;
  height: 48px;
  min-width: 48px;
  box-shadow: 0 10px 30px -2px rgba(18, 18, 18, 0.12);
  background-color: var(--neutral-neutral-00);
}

.tabs__nav-list {
  list-style: none;
  padding: 0;
  margin: 0 -6px;
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
}

.tabs__nav-item {
  width: 100%;
  padding: 0 6px;
}

.tabs__nav-item--active .tabs__nav-btn {
  color: var(--neutral-neutral-100);
}

.tabs__nav-item--active .tabs__nav-btn:after {
  background: var(--neutral-neutral-100);
}

.tabs__nav-btn {
  position: relative;
  color: var(--neutral-neutral-20);
  font-family: var(--second-family);
  font-size: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 28px;
  width: 100%;
}

.tabs__nav-btn:after {
  content: '';
  width: 100%;
  height: 2px;
  background: transparent;
  position: absolute;
  left: 0;
  bottom: 0;
}

.tabs__nav-btn:hover {
  color: var(--neutral-neutral-100);
}

.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(27, 27, 27, 0.5);
  justify-content: center;
  z-index: 9999;
  display: none;
  overflow: auto;
  padding: 0;
  transition: opacity 0.3s ease-in-out;
}

.modal__close {
  margin-left: 32px;
}

.modal__square {
  position: relative;
  margin: auto;
  opacity: 0;
  transform: translateY(20px);
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
  border: 1px solid var(--neutral-neutral-10);
  background: var(--neutral-neutral-00);
  border-radius: 20px;
  max-width: 652px;
  width: 100%;
  padding: 20px;
}

.modal__square--auth,.modal__square--cart {
  max-width: 560px;
  min-height: 100vh;
  padding: 12px;
}

.modal__square--auth .modal__close {
  opacity: .5;
}

.modal__square--auth .modal__close:hover {
}

.modal__square--auth .modal__close:active {
  opacity: 1;
}

.modal__square--confirm {
  padding: 24px;
  max-width: calc(100% - 32px);
}

.modal__square--confirm .modal__head {
  align-items: flex-start;
}

.modal__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}

.modal__title {
  color: var(--neutral-neutral-100);
  font-family: var(--second-family);
  font-size: 24px;
}

.modal__desc {
  color: var(--neutral-neutral-50);
  font-size: 16px;
}

.modal__caption {
  font-size: 16px;
}

.modal__form {
  margin-top: 24px;
}

.modal__actions {
  display: flex;
  flex-wrap: nowrap;
  margin-top: 20px;
}

.modal__actions .btn {
  width: 100%;
  min-height: 36px;
  margin-right: 12px;
}

.modal__actions .btn:last-child {
  margin-right: 0;
}

.section {
  margin: 32px 0;
}

.section:last-child {
  margin-bottom: 24px;
}

.section:first-child {
  margin-top: 0;
}

.section__head {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}

.section__footer {
  margin-top: 20px;
}

.section__title {
  margin: 0;
}

.section__nav {
}

.section__btn {
  width: 100%;
}

.section--banner {
  margin-top: -88px;
}

.section--banner:first-child {
  margin-top: -88px;
}

.toast {
  position: fixed;
  right: 16px;
  left: 16px;
  bottom: 16px;
  box-shadow: 0 12px 32px -5px rgba(18, 18, 18, 0.1);
  border: 1px solid var(--neutral-neutral-10);
  background: var(--neutral-neutral-00);
  border-radius: 20px;
  padding: 16px;
  min-width: 1px;
  max-width: 100%;
  animation: toastFadeIn 5s forwards;
  z-index: 70;
}

.toast__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.toast__close {
  margin-left: 24px;
}

.toast__title {
  font-size: 16px;
}

.toast__title span {
  font-weight: 700;
}

.toast__btn {
  width: 100%;
  min-height: 48px;
  margin-top: 24px;
}

.breadcrumbs {
  margin: 0 0 32px;
}

.breadcrumbs__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-right: -10px;
  margin-left: -10px;
}

.breadcrumbs__item {
  position: relative;
  padding: 0 10px;
}

.breadcrumbs__item::before {
  content: '';
  background: var(--neutral-neutral-20);
  width: 6px;
  height: 6px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: -4px;
  margin-top: -3px;
}

.breadcrumbs__item:first-child {
}

.breadcrumbs__item:first-child:before {
  display: none;
}

.breadcrumbs__item:last-child {
}

.breadcrumbs__link {
  color: var(--neutral-neutral-50);
  font-weight: 400;
  font-size: 14px;
  line-height: 1.3;
  white-space: nowrap;
}

a.breadcrumbs__link:hover {
}

a.breadcrumbs__link:active {
  color: var(--neutral-neutral-100);
}

.change-colors {
  display: flex;
}

.bar {
  box-shadow: 0 12px 32px -5px rgba(18, 18, 18, 0.1);
  background: var(--neutral-neutral-00);
  position: fixed;
  top: 80px;
  right: 0;
  height: calc(100vh - 80px);
  border-radius: 20px;
  width: 100%;
  padding: 24px 16px;
  display: flex;
  flex-direction: column;
  transform: translateX(100%);
  visibility: hidden;
  opacity: 0;
  z-index: -1;
  transition: .4s ease;
}

.bar--show {
  visibility: visible;
  opacity: 1;
  z-index: 61;
  transform: translateX(0%);
}

.bar__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}

.bar__body {
  flex: 1;
  overflow: auto;
}

.bar__body::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.bar__title {
  font-weight: 500;
  font-size: 20px;
}

.bar__title span {
  background: var(--neutral-neutral-05);
  width: 24px;
  height: 24px;
  min-width: 24px;
  border-radius: 50%;
  text-align: center;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  margin-left: 4px;
}

.bar__footer {
  margin-top: 20px;
}

.bar__footer-btn {
  width: 100%;
  min-height: 36px;
}

.bar__empty {
  margin: auto;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.body-bar-open {
  overflow: hidden;
}

.notice.bar {
  max-height: calc(100vh - 80px);
  height: auto;
}

.notice.bar .bar__empty {
  padding: 16px 0;
}

.notice__col {
  margin: 0 0 20px;
}

.notice__col:last-child {
  margin: 0;
}

.notice__date {
  color: var(--neutral-neutral-50);
  font-size: 12px;
  margin-bottom: 20px;
}

.notice__elem {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 20px;
}

.notice__elem:last-child {
  margin: 0;
}

.notice__elem-body {
  width: 100%;
}

.notice__elem-title {
  font-size: 16px;
  margin-bottom: 4px;
}

.notice__elem-desc {
  color: var(--neutral-neutral-60);
  font-size: 12px;
  line-height: 1.4;
}

.notice__elem-desc span {
  color: var(--neutral-neutral-100);
}

.notice__elem-icon {
  min-width: 20px;
  max-width: 20px;
}

.notice__elem-icon--wrap {
  width: 40px;
  height: 40px;
  min-width: 40px;
  margin-right: 12px;
  border-radius: 50%;
  border: 1px solid #eee;
  display: flex;
  align-items: center;
  justify-content: center;
}

.notice__elem-time {
  color: var(--neutral-neutral-50);
  font-size: 12px;
  line-height: 1.4;
  margin-left: 6px;
}

.notice__card {
  border: 1px solid var(--neutral-neutral-10);
  border-radius: 20px;
  overflow: hidden;
  margin-top: 12px;
  display: flex;
}

.notice__card-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center;
}

.notice__card-img--wrap {
  position: relative;
  overflow: hidden;
  min-width: 82px;
  max-width: 82px;
}

.notice__card-info {
  width: 100%;
  padding: 12px;
}

.notice__card-status {
  color: var(--neutral-neutral-30);
  font-size: 12px;
  line-height: 1.4;
  margin-bottom: 8px;
}

.notice__card-status span {
  font-size: 16px;
}

.notice__card-status.-warning- {
  color: var(--additionally-error-80);
  font-size: 14px;
}

.notice__card-status.-accent- {
  color: var(--neutral-neutral-100);
}

.notice__card-title {
  color: var(--neutral-neutral-100);
  font-size: 14px;
  margin: 0;
}

.notice__card-title span {
  color: var(--neutral-neutral-30);
}

.notice__card-size {
  display: flex;
  align-items: center;
  margin-top: 8px;
}

.notice__card-size-caption {
  font-size: 14px;
  margin-right: 8px;
}

.notice__card-size-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 0 -8px -8px 0;
}

.notice__card-size-item {
  color: var(--neutral-neutral-00);
  font-size: 12px;
  text-align: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 12px;
  min-height: 24px;
  min-width: 36px;
  border-radius: 12px;
  background: var(--neutral-neutral-90);
  margin: 0 8px 8px 0;
}

.header {
  position: sticky;
  top: 0;
  z-index: 641;
  background: #fff;
  border-radius: 0 0 20px 20px;
  border-bottom: 1px solid var(--neutral-neutral-10);
}

.header__container {
  padding: 0 16px;
}

.header__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 0;
}

.header__logo {
  display: block;
  min-width: 48px;
  max-width: 48px;
  transition: .2s;
}

.header__panel {
  display: flex;
  align-items: center;
}

.header__panel .header__lang-btn {
}

.header__panel > * {
  display: flex;
  margin-left: 12px;
}

.header__panel > *:first-child {
  margin-left: 0;
}

.header__panel > *[data-bar].active {
  opacity: 1;
}

.header__panel .btn--reset {
  opacity: .5;
}

.header__panel .btn--reset:hover {
}

.header__panel .btn--reset:active {
  opacity: 1;
}

.header__lang-btn {
  font-size: 20px;
  padding: 0 12px 0 8px;
}

.header__lang-btn img {
  min-width: 24px;
  max-width: 24px;
  margin-right: 4px;
}

.header__auth-btn {
}

.header__burger.btn--cross:before {
  background-image: url('../img/icons/burger.svg');
}

.header__bar {
  box-shadow: 0 12px 32px -5px rgba(18, 18, 18, 0.1);
  background: var(--neutral-neutral-00);
  position: fixed;
  top: 80px;
  left: 0;
  right: 0;
  height: calc(100vh - 80px);
  border-radius: 20px;
  min-width: 1px;
  max-width: 100%;
  padding: 24px;
  overflow: auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transform: translateX(-100%);
  transition: .4s ease;
}

.header__bar::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.header__bar .bar__close {
  position: absolute;
  top: 24px;
  right: 24px;
}

.header__bar.bar--show {
  transform: translateX(0%);
}

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

.header__nav-item {
  margin-bottom: 24px;
}

.header__nav-item:last-child {
  margin: 0;
}

.header__nav-link {
  color: var(--neutral-neutral-100);
  font-weight: 500;
  font-size: 20px;
}

.header__nav-link:hover {
}

.header__nav-link:active {
  color: var(--neutral-neutral-20);
}

.header__submenu {
  margin-top: 24px;
  margin-bottom: auto;
}

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

.header__submenu-item {
  margin-bottom: 16px;
}

.header__submenu-item:last-child {
  margin: 0;
}

.header__submenu-link {
  color: var(--neutral-neutral-60);
  font-size: 16px;
}

.header__submenu-link:hover {
}

.header__submenu-link:active {
  color: var(--neutral-neutral-100);
}

.header__menu {
  margin-top: 48px;
}

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

.header__menu-item {
  margin-bottom: 12px;
}

.header__menu-item:last-child {
  margin: 0;
}

.header__menu-link {
  color: var(--neutral-neutral-50);
  font-weight: 500;
  font-size: 20px;
}

.header__menu-link:hover {
}

.header__menu-link:active {
  color: var(--neutral-neutral-100);
}

.header__menu .header__lang-btn {
  margin-top: 12px;
}

.header__tooltip {
  position: relative;
  z-index: 1;
  padding-bottom: 3px;
  margin-bottom: -3px;
}

.header__tooltip-popup {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  background: var(--neutral-neutral-05);
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 4px 10px;
  border-radius: 20px;
  margin-top: 4px;
  transition: .4s ease;
  visibility: hidden;
  opacity: 0;
  z-index: -1;
}

.header__tooltip-caption {
  color: var(--neutral-neutral-90);
  font-size: 11px;
  text-align: center;
}

.header__tooltip:hover .header__tooltip-popup {
}

.overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(27, 27, 27, 0.5);
  z-index: 2;
  visibility: hidden;
  opacity: 0;
  z-index: -1;
  transition: .4s ease opacity;
}

.overlay--show {
  visibility: visible;
  opacity: 1;
  z-index: 1;
}

.home-page .header:not(.header--sticky) {
  background: transparent;
}

.home-page .header:not(.header--sticky) .header__burger {
  filter: brightness(0) invert(1);
}

.home-page .header:not(.header--sticky) .header__logo {
  filter: brightness(0) invert(1);
}

.home-page .header:not(.header--sticky) .header__cart-toggle,.home-page .header:not(.header--sticky) .header__notice-toggle,.home-page .header:not(.header--sticky) .header__person-toggle {
  filter: brightness(0) invert(1);
  opacity: 1;
}

.home-page .header:not(.header--sticky) .header__panel .header__lang-btn {
  color: var(--neutral-neutral-00);
  background: transparent;
  border-color: var(--neutral-neutral-00);
}

.home-page .header:not(.header--sticky) .header__panel .header__lang-btn:hover {
}

.home-page .header:not(.header--sticky) .header__panel .header__lang-btn:active {
  color: var(--neutral-neutral-90);
  background: var(--neutral-neutral-00);
  border-color: var(--neutral-neutral-00);
}

.home-page .header:not(.header--sticky) .header__panel .header__lang-btn img {
  filter: brightness(0) invert(1);
}

.home-page .header:not(.header--sticky) .header__panel .header__lang-btn:hover img {
}

.home-page .header:not(.header--sticky) .header__auth-btn {
  color: var(--neutral-neutral-90);
  background: var(--neutral-neutral-00);
  border-color: var(--neutral-neutral-00);
}

.home-page .header:not(.header--sticky) .header__auth-btn:hover {
}

.home-page .header:not(.header--sticky) .header__auth-btn:active {
  color: var(--neutral-neutral-50);
  background: var(--neutral-neutral-00);
  border-color: var(--neutral-neutral-00);
}

.home-page.body-bar-open .header:not(.header--sticky) {
  background: #fff;
}

.home-page.body-bar-open .header:not(.header--sticky) .header__burger {
  filter: brightness(1) invert(0);
}

.home-page.body-bar-open .header:not(.header--sticky) .header__logo {
  filter: brightness(1) invert(0);
}

.home-page.body-bar-open .header:not(.header--sticky) .header__cart-toggle,.home-page.body-bar-open .header:not(.header--sticky) .header__notice-toggle,.home-page.body-bar-open .header:not(.header--sticky) .header__person-toggle {
  filter: brightness(1) invert(0);
  opacity: 1;
}

.home-page.body-bar-open .header:not(.header--sticky) .header__panel .header__lang-btn {
  color: var(--neutral-neutral-90);
  border: 1px solid var(--neutral-neutral-90);
}

.home-page.body-bar-open .header:not(.header--sticky) .header__panel .header__lang-btn:hover {
}

.home-page.body-bar-open .header:not(.header--sticky) .header__panel .header__lang-btn:active {
  color: var(--neutral-neutral-20);
  border-color: var(--neutral-neutral-20);
}

.home-page.body-bar-open .header:not(.header--sticky) .header__panel .header__lang-btn img {
  filter: brightness(1) invert(0);
}

.home-page.body-bar-open .header:not(.header--sticky) .header__panel .header__lang-btn:hover img {
}

.home-page.body-bar-open .header:not(.header--sticky) .header__auth-btn {
  color: var(--neutral-neutral-00);
  background: var(--neutral-neutral-90);
  border-color: var(--neutral-neutral-90);
}

.home-page.body-bar-open .header:not(.header--sticky) .header__auth-btn:hover {
}

.home-page.body-bar-open .header:not(.header--sticky) .header__auth-btn:active {
  color: var(--neutral-neutral-40);
  background: var(--neutral-neutral-90);
  border-color: var(--neutral-neutral-90);
}

.cart__elem {
  position: relative;
  border: 1px solid var(--neutral-neutral-10);
  border-radius: 20px;
  overflow: hidden;
  margin-top: 12px;
  display: flex;
}

.cart__elem:first-child {
  margin-top: 0;
}

.cart__elem-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center;
}

.cart__elem-img--wrap {
  position: relative;
  overflow: hidden;
  min-width: 115px;
  max-width: 115px;
}

.cart__elem-info {
  width: 100%;
  padding: 20px 40px 20px 20px;
}

.cart__elem-title {
  color: var(--neutral-neutral-100);
  font-size: 14px;
  margin: 0;
}

.cart__elem-title a {
  color: var(--neutral-neutral-100);
  font-size: 14px;
}

.cart__elem-title a:hover {
}

.cart__elem-title span {
  color: var(--neutral-neutral-30);
}

.cart__elem-size {
  display: flex;
  align-items: center;
  margin-top: 8px;
}

.cart__elem-size-caption {
  font-size: 14px;
  margin-right: 8px;
}

.cart__elem-size-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 0 -8px -8px 0;
}

.cart__elem-size-item {
  color: var(--neutral-neutral-00);
  font-size: 12px;
  text-align: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 12px;
  min-height: 24px;
  min-width: 36px;
  border-radius: 12px;
  background: var(--neutral-neutral-90);
  margin: 0 8px 8px 0;
}

.cart__elem-price {
  margin-top: 4px;
}

.cart__elem-stepper {
  margin-top: 12px;
}

.cart__elem-delete {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 12px;
}

.cart__elem-delete:hover {
}

.cart__elem-delete:active {
  opacity: .7;
}

.cart__clear {
  margin-top: 12px;
  display: flex;
  justify-content: flex-end;
}

.cart__clear-btn {
  color: var(--additionally-error-80);
}

.cart__clear-btn:hover {
}

.cart__clear-btn:active {
  color: var(--additionally-error-100);
}

.cart__promo {
  margin-bottom: 24px;
}

.cart__promo-title {
  font-size: 16px;
}

.cart__promo-desc {
  color: var(--neutral-neutral-70);
  font-size: 12px;
  margin-top: 8px;
}

.cart__promo-form {
  position: relative;
  margin-top: 12px;
}

.cart__promo-input {
  position: relative;
  font-family: var(--font-family);
  color: var(--neutral-neutral-100);
  font-weight: 500;
  font-size: 14px;
  line-height: 1.3;
  border: 1px solid var(--neutral-neutral-10);
  background: var(--neutral-neutral-00);
  min-height: 44px;
  padding: 0 134px 0 24px;
  width: 100%;
  border-radius: 100px;
  outline: none;
  transition: .2s;
  resize: none;
}

.cart__promo-input:focus::placeholder {
  color: transparent;
}

.cart__promo-input::placeholder {
  color: var(--neutral-neutral-30);
}

.cart__promo-submit {
  position: absolute;
  top: 4px;
  right: 4px;
  min-height: 36px;
  font-size: 12px;
  padding: 0 24px;
}

.cart__total {
  border-top: 1px solid var(--neutral-neutral-10);
  padding-top: 24px;
}

.cart__total-line {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 12px;
}

.cart__total-line:first-child {
  margin-top: 0;
}

.cart__total-line-title {
  font-size: 16px;
}

.cart__total-btn {
  min-height: 48px;
  width: 100%;
  margin-top: 12px;
}

.add-cart {
}

.add-cart .product {
  width: 100%;
  padding: 0;
}

.add-cart .product__body {
}

.add-cart__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}

.add-cart__title {
  color: var(--neutral-neutral-100);
  font-family: var(--second-family);
  font-size: 24px;
  margin-bottom: 0;
  margin-right: 12px;
}

.add-cart__footer {
  margin-top: 32px;
}

.add-cart .p-card__tooltip-popup {
}

.add-cart .p-card__nav {
  margin: 0;
}

.add-cart .p-card__colors-list {
  flex-wrap: nowrap;
}

.add-cart .p-card__colors-btn {
  width: 100%;
  padding: 0;
  min-height: 36px;
  border-radius: 100px;
  overflow: hidden;
  border-color: transparent;
  border-width: 2px;
  margin-right: 12px;
}

.add-cart .p-card__colors-btn--disabled {
  display: none;
}

.add-cart .p-card__colors-btn--selected {
  border-color: var(--neutral-neutral-100);
}

.add-cart .p-card__colors-label {
  margin: 0;
  height: 34px;
  width: 100%;
  border: none;
}

.add-cart .p-card__colors-label[title="Белый"],.add-cart .p-card__colors-label[title="Молочный"] {
  border: none;
}

.add-cart .p-card__colors-name {
  display: none;
}

.banner {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  overflow: hidden;
}

.banner__slide {
  min-height: 700px;
  height: 100vh;
  display: flex;
  align-items: flex-end;
  padding: 88px 16px 32px;
}

.banner__slide-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
}

.banner__slide-body {
  width: 100%;
}

.banner__slide-info {
  max-width: 860px;
}

.banner__slide-title {
  color: var(--neutral-neutral-00);
  font-family: var(--second-family);
  font-size: 60px;
  line-height: 1;
  margin-bottom: 12px;
}

.banner__slide-desc {
  color: var(--neutral-neutral-00);
  font-size: 16px;
  margin: 0;
}

.banner__slide-nav {
  margin: 32px 0 0;
}

.banner .slider-btn-prev {
  left: 16px;
}

.banner .slider-btn-next {
  right: 16px;
}

.banner .slider-btn.swiper-button-lock {
  opacity: 0;
  visibility: hidden;
}

.page-intro {
  margin-bottom: 32px;
}

.page-intro__back {
  margin-bottom: 32px;
}

.page-intro__title {
  margin: 0;
}

.page-intro__title--wrap {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 32px;
}

.page-intro .catalog-filter-toggle {
  margin-top: 0;
  margin-left: 32px;
}

.tags__row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -6px;
  margin-bottom: -12px;
  margin-left: -6px;
}

.tags__card {
  width: 100%;
  padding: 0 6px;
  margin-bottom: 12px;
}

.tags__card-body {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  min-height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.tags__card-body::after,.tags__card-body::before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.tags__card-body:before {
  background: rgba(0, 0, 0, 0.5);
  z-index: -1;
  transition: .4s;
}

.tags__card-body:after {
  background: #e6e9ee;
  z-index: -3;
}

.tags__card-body:hover:before {
}

.tags__card-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

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

.tags__card-title {
  position: relative;
  z-index: 1;
  font-family: var(--second-family);
  color: var(--neutral-neutral-00);
  font-size: 32px;
  text-align: center;
  padding: 0 20px;
}

.category {
}

.category__head {
  margin-bottom: 20px;
}

.category__head .category__btn {
}

.category__body {
  width: 100%;
}

.category__body .product {
  width: 100%;
  margin: 0;
}

.category__body .product__body {
  padding-top: clamp(20px, 116%, 1024px);
}

.category__body .product__colors-list > * {
}

.category__footer {
  margin-top: 20px;
}

.category__btn {
  width: 100%;
}

.category__title {
  margin-bottom: 0;
}

.category--reverse {
  flex-direction: row-reverse;
}

.category--reverse .category__head {
}

.catalog__row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -10px;
  margin-bottom: -20px;
  margin-left: -10px;
}

.catalog__nav {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}

.catalog-filter-toggle {
  width: 44px;
  height: 44px;
}

.catalog-filter-close:before {
  background: url('../img/icons/filter-cross.svg');
}

.catalog-tabs {
  margin-bottom: 32px;
}

.catalog-tabs .tabs__nav {
  height: 28px;
  overflow: hidden;
}

.catalog-tabs .tabs__nav-list {
  overflow-x: auto;
  padding-bottom: 64px;
}

.catalog-tabs .tabs__nav-btn {
  white-space: nowrap;
}

.catalog .p-banner {
  padding: 0 10px;
  margin: 0 0 20px;
  width: 100%;
}

.catalog__empty {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  min-height: 240px;
}

.catalog__empty-title {
  font-weight: 700;
  font-size: 20px;
  margin-bottom: 8px;
}

.catalog__empty-desc {
  color: #1b1b1b;
  font-size: 16px;
}

.catalog__empty-btn {
  font-size: 12px;
  padding: 0 24px;
  margin: 24px 0 0;
  min-height: 36px;
}

.product {
  width: 100%;
  padding: 0 10px;
  margin-bottom: 20px;
}

.product__body {
  position: relative;
  padding-top: 110.5%;
  overflow: hidden;
  background: #e6e9ee;
  border-radius: 20px;
}

.product__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center;
  margin: 0 auto;
}

.product__img--wrap {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.product__favorite {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 48px;
  height: 48px;
}

.product__favorite:before {
  content: '';
  width: 24px;
  height: 24px;
  min-width: 24px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url('../img/icons/favorite.svg');
  transition: .2s;
}

.product__favorite:not(.product__favorite--active):hover::before {
  background-image: url('../img/icons/favorite-hover.svg');
}

.product__favorite--active::before,.product__favorite:active::before {
  background-image: url('../img/icons/favorite-active.svg');
}

.product__panel {
  position: absolute;
  bottom: 20px;
  left: 20px;
  right: 20px;
  background: #fff;
  padding: 12px;
  border-radius: 12px;
}

.product__nav {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.product__title {
  color: var(--neutral-neutral-100);
  font-size: 16px;
}

.product__price {
  margin-top: 4px;
}

.product__btn-add {
  margin-left: 12px;
}

.product__btn-add:before {
  width: 24px;
  height: 24px;
  min-width: 24px;
}

.product__info .product__presence {
  text-align: left;
  line-height: 1.3;
  margin: 4px 0 0;
}

.product__presence {
  color: var(--additionally-error-100);
  font-size: 12px;
  line-height: 1.9;
  white-space: nowrap;
  text-align: right;
  margin-left: 12px;
}

.product__colors {
  margin-top: 12px;
  display: flex;
}

.product__colors-list {
  width: 100%;
  display: flex;
}

.product__colors-list > * {
  margin-right: 12px;
}

.product__colors-list > *:last-child {
  margin: 0;
}

.product__colors-btn,.product__colors-other {
  flex: 1;
  border-radius: 100px;
  height: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.product__colors-other {
  border: 1px solid var(--neutral-neutral-10);
  background: #fff;
  font-size: 12px;
  line-height: 1.4;
}

.product__short {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 16px;
  margin: 6px 0 0;
}

.product__short-col {
  display: flex;
  align-items: center;
}

.product__short-title {
  font-size: 16px;
  margin-right: 12px;
}

.product__short-size {
  color: var(--neutral-neutral-00);
  font-size: 12px;
  background: var(--neutral-neutral-90);
  width: 32px;
  height: 24px;
  min-width: 32px;
  padding: 0 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-radius: 12px;
  text-transform: uppercase;
}

.product__short-color {
  width: 84px;
  height: 20px;
  border-radius: 100px;
}

.product-tiny {
  position: relative;
  border: 1px solid var(--neutral-neutral-10);
  border-radius: 20px;
  overflow: hidden;
  margin-top: 12px;
  display: flex;
}

.product-tiny:first-child {
  margin-top: 0;
}

.product-tiny__img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center;
}

.product-tiny__img--wrap {
  position: relative;
  overflow: hidden;
  min-width: 115px;
  max-width: 115px;
}

.product-tiny__content {
  width: 100%;
  padding: 12px;
  background: #fff;
}

.product-tiny__actions,.product-tiny__nav {
  display: flex;
  align-items: center;
}

.product-tiny__nav {
  justify-content: space-between;
  margin-top: 16px;
}

.product-tiny__nav .product-tiny__stepper {
  margin: 0;
}

.product-tiny__actions {
  margin-left: 32px;
}

.product-tiny__actions > * {
  margin-left: 12px;
}

.product-tiny__actions > *:first-child {
  margin: 0;
}

.product-tiny__title {
  font-size: 16px;
  margin: 0;
}

.product-tiny__title span {
  color: var(--neutral-neutral-30);
}

.product-tiny__size {
  display: flex;
  align-items: center;
  margin-top: 4px;
}

.product-tiny__size-caption {
  font-size: 14px;
  margin-right: 8px;
}

.product-tiny__size-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 0 -8px -8px 0;
}

.product-tiny__size-item {
  color: var(--neutral-neutral-00);
  font-size: 12px;
  text-align: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 12px;
  min-height: 24px;
  min-width: 36px;
  border-radius: 12px;
  background: var(--neutral-neutral-90);
  margin: 0 8px 8px 0;
}

.product-tiny__price {
  margin-top: 12px;
}

.product-tiny__stepper {
  margin-top: 12px;
}

.product-tiny__favorite:before {
  content: '';
  width: 24px;
  height: 24px;
  min-width: 24px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url('../img/icons/favorite.svg');
  transition: .2s;
}

.product-tiny__favorite:not(.product-tiny__favorite--active):hover::before {
  background-image: url('../img/icons/favorite-hover.svg');
}

.product-tiny__favorite--active::before,.product-tiny__favorite:active::before {
  background-image: url('../img/icons/favorite-active.svg');
}

.price {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
}

.price__old {
  color: var(--neutral-neutral-40);
  font-size: 16px;
  text-decoration: line-through;
}

.price__old span {
  font-size: 12px;
}

.price__current {
  font-size: 20px;
}

.price__current span {
  font-size: 14px;
}

.p-banner {
  width: 100%;
  margin: 20px 0;
}

.p-banner__body {
  position: relative;
  padding: 16px;
  border-radius: 20px;
  background: linear-gradient(90deg, #f2f2f2 0%, #f5f5f5 56%, #e7e6e9 100%);
  display: flex;
  align-items: center;
  overflow: hidden;
  height: 100%;
}

.p-banner__info {
  max-width: 80%;
}

.p-banner__caption {
  font-size: 14px;
  margin-bottom: 12px;
}

.p-banner__title {
  margin: 0;
}

.p-banner__desc {
  color: var(--neutral-neutral-40);
  font-size: 14px;
  margin-top: 6px;
}

.p-banner__img--wrap {
  position: absolute;
  top: -60px;
  right: -172px;
  max-width: 32%;
  min-width: 270px;
}

.p-card__container {
}

.p-card__media {
  position: relative;
}

.p-card__media-slider {
  background: #e6e9ee;
  overflow: hidden;
  border-radius: 20px;
}

.p-card__media-slide {
  position: relative;
}

.p-card__media-img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.p-card__media-img--wrap {
  position: relative;
  padding-top: 122.5%;
  overflow: hidden;
}

.p-card__media-pag.swiper-pagination-bullets.swiper-pagination-horizontal {
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  bottom: auto;
  width: 100%;
  display: flex;
  align-items: center;
  min-height: 54px;
  background: linear-gradient(360deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.28) 100%);
  z-index: 10;
  border-radius: 20px 20px 0 0;
  padding: 0 20px;
}

.p-card__media-pag.swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet {
  width: 100%;
  height: 6px;
  background: rgba(255, 255, 255, 0.2);
  transition: .4s;
  border-radius: 1000px;
  opacity: 1;
  margin: 0 4px 0 0;
}

.p-card__media-pag.swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--neutral-neutral-00);
}

.p-card__media-pag.swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet:last-child {
  margin: 0;
}

.p-card__media .slider-btn {
  margin-top: 52px;
}

.p-card__main {
  width: 100%;
  margin-top: 40px;
}

.p-card__tags {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}

.p-card__tags-elem {
  display: inline-flex;
  align-items: center;
  margin-bottom: 12px;
  margin-right: 12px;
  border: 1px solid var(--neutral-neutral-10);
  border-radius: 20px;
  padding: 0 12px;
  min-height: 36px;
  font-size: 14px;
}

.p-card__title {
  font-size: 24px;
  line-height: 1.1;
  text-transform: uppercase;
  margin: 0 0 20px;
}

.p-card__price {
  margin: 0 0 24px;
}

.p-card__price .price__current {
  font-size: 32px;
}

.p-card__price .price__current span {
  font-size: 24px;
}

.p-card__warning {
  border: 1px solid var(--additionally-error-80);
  border-radius: 20px;
  padding: 8px 12px;
  display: flex;
  align-items: center;
  color: var(--additionally-error-80);
  font-size: 14px;
  margin: 20px 0;
}

.p-card__warning:before {
  content: '';
  width: 24px;
  height: 24px;
  min-width: 24px;
  margin-right: 8px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url('../img/icons/info-circle.svg');
}

.p-card__colors {
  margin-bottom: 20px;
}

.p-card__colors-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}

.p-card__colors-title {
  color: var(--neutral-neutral-50);
  font-size: 16px;
}

.p-card__colors-list {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  margin: 0 -12px -12px 0;
}

.p-card__colors-btn {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  border: 1px solid var(--neutral-neutral-10);
  border-radius: 100px;
  margin-bottom: 12px;
  margin-right: 12px;
  padding: 0 12px;
}

.p-card__colors-btn--selected {
  border-color: var(--neutral-neutral-100);
}

.p-card__colors-btn--disabled {
  opacity: .5;
}

.p-card__colors-label {
  width: 36px;
  height: 16px;
  min-width: 36px;
  margin-right: 12px;
  border-radius: 12px;
  background-position: center;
  background-size: cover;
}

.p-card__colors-label[title="Белый"],.p-card__colors-label[title="Молочный"] {
  border: 1px solid var(--neutral-neutral-10);
}

.p-card__colors-name {
  font-size: 12px;
}

.p-card__size {
  margin-bottom: 20px;
}

.p-card__size-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}

.p-card__size-title {
  color: var(--neutral-neutral-50);
  font-size: 16px;
}

.p-card__size-list {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.p-card__size-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--neutral-neutral-50);
  font-size: 20px;
  min-height: 52px;
  background: var(--neutral-neutral-05);
  border-radius: 12px;
  min-width: calc(20% - 10px);
  padding: 0 12px;
}

.p-card__size-btn--selected {
  color: var(--neutral-neutral-00);
  background: var(--neutral-neutral-90);
}

.p-card__size-btn--disabled {
  color: var(--neutral-neutral-20);
  background: var(--neutral-neutral-05);
}

.p-card__present {
  font-size: 16px;
  margin: 20px 0;
}

.p-card__present span {
  font-weight: 700;
}

.p-card__present--empty {
  color: var(--additionally-error-80);
}

.p-card__shop {
  margin: 20px 0;
}

.p-card__nav {
  display: flex;
  margin: 20px 0;
}

.p-card__nav-btn {
  width: 100%;
  font-size: 16px;
  min-height: 60px;
}

.p-card__nav-favorite {
  width: 60px;
  height: 60px;
  min-width: 60px;
  margin-left: 12px;
  border: 1px solid var(--neutral-neutral-20);
  border-radius: 50%;
}

.p-card__nav-favorite:before {
  content: '';
  width: 24px;
  height: 24px;
  min-width: 24px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url('../img/icons/favorite.svg');
  transition: .2s;
}

.p-card__nav-favorite:not(.p-card__nav-favorite--active):hover::before {
  background-image: url('../img/icons/favorite-hover.svg');
}

.p-card__nav-favorite--active,.p-card__nav-favorite:active {
  border-color: var(--neutral-neutral-90);
}

.p-card__nav-favorite--active::before,.p-card__nav-favorite:active::before {
  background-image: url('../img/icons/favorite-active.svg');
}

.p-card__about {
  margin-top: 24px;
}

.p-card__acc {
  border: 1px solid var(--neutral-neutral-10);
  border-radius: 20px;
  margin-bottom: 16px;
  padding: 16px;
}

.p-card__acc:last-child {
  margin: 0;
}

.p-card__acc-btn {
  color: var(--neutral-neutral-100);
  font-size: 20px;
  width: 100%;
  display: inline-flex;
  align-items: flex-start;
  justify-content: space-between;
}

.p-card__acc-btn:after {
  content: '';
  width: 24px;
  height: 24px;
  min-width: 24px;
  background: url('../img/icons/chevron-down.svg') no-repeat center / contain;
  transition: .4s;
}

.p-card__acc-btn[aria-expanded="true"]:after {
  transform: rotate(180deg);
}

.p-card__acc-btn[aria-expanded="true"] ~ .p-card__acc-content {
  margin-top: 12px;
  opacity: 1;
}

.p-card__acc-content {
  opacity: 0;
  margin-top: 0;
  overflow: hidden;
  transition: .4s ease;
}

.p-card__acc-content > *:last-child {
  margin-bottom: 0;
}

.p-card__acc-content > *:first-child {
  margin-top: 0;
}

.p-card__acc-content p:not([class]),.p-card__acc-content ul:not([class]) li {
  color: var(--neutral-neutral-50);
  font-size: 14px;
}

.p-card__acc-content ul:not([class]) {
  list-style: none;
  padding: 0;
  margin: 0;
}

.p-card__delivery {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.p-card__delivery-col {
  display: flex;
  align-items: center;
  flex: 1 1 240px;
  padding: 12px;
}

.p-card__delivery-icon {
  min-width: 24px;
  max-width: 24px;
}

.p-card__delivery-icon--wrap {
  width: 48px;
  height: 48px;
  min-width: 48px;
  margin-right: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: var(--neutral-neutral-05);
}

.p-card__delivery-title {
  color: rgba(27, 27, 27, 0.4);
  font-size: 12px;
  line-height: 1.4;
}

.p-card__delivery-value {
  font-size: 16px;
}

.p-card__tooltip {
  position: relative;
}

.p-card__tooltip-btn {
  cursor: pointer;
  color: var(--neutral-neutral-30);
  font-size: 14px;
  text-decoration: underline;
  transition: .4s;
}

.p-card__tooltip-btn:hover {
}

.p-card__tooltip-btn:active {
  color: var(--neutral-neutral-90);
  text-decoration-color: transparent;
}

.p-card__tooltip-popup {
  border: 1px solid var(--neutral-neutral-10);
  border-radius: 20px;
  box-shadow: 0 12px 32px -5px rgba(18, 18, 18, 0.1);
  background: var(--neutral-neutral-00);
  position: absolute;
  top: 100%;
  margin-top: 8px;
  right: -16px;
  padding: 24px;
  width: 0;
  height: 0;
  z-index: -1;
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
  transition: .4s opacity;
}

.p-card__tooltip-popup.is-active {
  z-index: 21;
  visibility: visible;
  opacity: 1;
  height: auto;
  min-width: 100vw;
  max-width: 100vw;
}

.p-card__tooltip-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
}

.p-card__tooltip-title {
  font-size: 20px;
  margin-bottom: 0;
  margin-right: 20px;
}

.p-card__tooltip-content h5 {
  font-weight: 500;
  font-size: 16px;
  margin: 16px 0 8px;
}

.p-card__tooltip-content p {
  color: var(--neutral-neutral-50);
  font-size: 14px;
  margin: 8px 0;
}

.p-card__tooltip-content > *:last-child {
  margin-bottom: 0;
}

.p-card__tooltip-content > *:first-child {
  margin-top: 0;
}

.p-recommended {
  margin-top: 32px;
}

.p-recommended__head {
  margin-bottom: 12px;
}

.p-recommended__title {
  margin-bottom: 0;
}

.p-recommended__slider {
  position: relative;
  width: 100vw;
  left: 50%;
  transform: translateX(-50%);
  overflow-x: hidden;
  padding: 0 16px;
}

.p-recommended .slider-btn {
}

.p-recommended .slider-btn-prev {
  left: 0;
}

.p-recommended .slider-btn-next {
  right: 0;
}

.p-recommended .product {
  padding: 0;
  margin-bottom: 0;
  width: 100%;
  min-width: 310px;
  max-width: 310px;
}

.p-recommended .product__body {
  padding-top: 123.5%;
}

.filter {
}

.filter::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.filter__col {
  margin-bottom: 16px;
}

.filter__col-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}

.filter__col-body {
}

.filter__col-footer {
  margin-top: 12px;
}

.filter__col-title {
  font-weight: 500;
  font-size: 16px;
}

.filter__col-reset {
  color: var(--neutral-neutral-30);
  font-size: 11px;
}

.filter__col-reset:hover {
}

.filter__col-reset:active {
  color: var(--neutral-neutral-100);
  text-decoration-color: var(--neutral-neutral-100);
}

.filter__col-show {
  width: 100%;
}

.filter__col:last-child {
  margin: 0;
}

.filter__col--category .filter__label {
  display: none;
}

.filter__col--category .filter__label:nth-child(-n + 8) {
  display: flex;
}

.filter__col--size .filter__col-body > .filter__label {
  width: 100%;
}

.filter__col--size .filter__group > * {
  display: none;
}

.filter__col--size .filter__group > *:nth-child(-n + 7) {
  display: flex;
}

.filter__col--colors .filter__col-body > * {
  display: none;
}

.filter__col--colors .filter__col-body > *:first-child {
  width: 100%;
}

.filter__col--colors .filter__col-body > *:nth-child(-n + 7) {
  display: flex;
}

.filter__col--active .filter__label {
  display: flex;
}

.filter__group {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.filter__group .filter__label {
  width: 64px;
}

.filter__group .filter__label-input:checked + .filter__label-title {
  color: var(--neutral-neutral-00);
  background: var(--neutral-neutral-90);
}

.filter__group .filter__label-title {
  background: var(--neutral-neutral-05);
  width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 28px;
  border-radius: 12px;
  padding: 0 8px;
}

.filter__group .filter__label-title::before {
  display: none;
}

.filter__label {
  cursor: pointer;
  display: flex;
  align-items: center;
  width: calc(50% - 6px);
}

.filter__label.is-disabled {
  cursor: default;
  pointer-events: none;
}

.filter__label-input {
  display: none;
}

.filter__label-input[disabled] + .filter__label-title {
  cursor: default;
  color: var(--neutral-neutral-50);
}

.filter__label-input:checked + .filter__label-title:before {
  background-image: url('../img/icons/filter-check-active.svg');
}

.filter__label-title {
  color: var(--neutral-neutral-100);
  font-weight: 500;
  font-size: 12px;
  line-height: 1.4;
  display: inline-flex;
  align-items: center;
  width: 100%;
  transition: .2s;
}

.filter__label-title:before {
  content: '';
  width: 24px;
  height: 24px;
  min-width: 24px;
  margin-right: 12px;
  transition: .2s;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url('../img/icons/filter-check-default.svg');
}

.filter__label-color {
  min-width: 36px;
  max-width: 36px;
  height: 24px;
  border-radius: 12px;
  margin-left: 6px;
}

.filter__label-color[style="background-color:#ffffff"] {
  border: 1px solid var(--neutral-neutral-10);
}

.filter__nav {
}

.filter__nav-submit {
  min-height: 48px;
  width: 100%;
}

.sub-offer {
  position: relative;
  border-radius: 20px;
  min-height: clamp(340px, 75vw, 760px);
  padding: 16px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.sub-offer::before {
  content: '';
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url('../img/content/sub-offer/logo.svg');
  position: absolute;
  top: clamp(-72px, 34vw, -992px);
  height: clamp(130px, 34vw, 992px);
  left: 16px;
  right: 16px;
}

.sub-offer:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -2;
  background: rgba(0, 0, 0, .5);
}

.sub-offer__img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -3;
}

.sub-offer__content {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  flex: 1;
  display: flex;
  flex-direction: column;
}

.sub-offer__info {
  margin: auto;
  padding-top: 20vw;
}

.sub-offer__title {
  color: #fff;
  margin: 0;
  font-weight: 500;
  font-size: 24px;
  line-height: 1.1;
}

.sub-offer__desc {
  color: #fff;
  font-size: 12px;
  max-width: 420px;
  margin: 20px auto 0;
}

.sub-offer__form {
  position: relative;
  margin: 20px 0 0;
}

.sub-offer__input {
  position: relative;
  font-family: var(--font-family);
  color: var(--neutral-neutral-100);
  font-weight: 500;
  font-size: 14px;
  line-height: 1.3;
  background: var(--neutral-neutral-00);
  min-height: 56px;
  padding: 0 134px 0 16px;
  width: 100%;
  border-radius: 100px;
  border: none;
  outline: none;
  transition: .2s;
  resize: none;
}

.sub-offer__input:focus::placeholder {
  color: transparent;
}

.sub-offer__input::placeholder {
  color: var(--neutral-neutral-30);
}

.sub-offer__submit {
  position: absolute;
  top: 4px;
  right: 4px;
  min-height: 48px;
  font-size: 14px;
  padding: 0 16px;
}

.sidebar {
  width: 100%;
  padding: 16px;
  margin: 0 0 24px;
}

.sidebar__head {
  margin-bottom: 12px;
}

.sidebar__caption {
  color: #a5a5a5;
  font-size: 12px;
  line-height: 1.4;
}

.sidebar__name {
  color: #1b1b1b;
  font-weight: 700;
  font-size: 20px;
}

.sidebar__menu {
}

.sidebar__menu--show {
}

.sidebar__menu--show .sidebar__menu-item--active .sidebar__menu-btn:after {
}

.sidebar__menu--show .sidebar__menu-item {
}

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

.sidebar__menu-item {
  margin-bottom: 1px;
  transition: .4s ease;
}

.sidebar__menu-item--active {
}

.sidebar__menu-item--active .sidebar__menu-btn {
  cursor: default;
  color: var(--neutral-neutral-00);
  background: var(--neutral-neutral-100);
}

.sidebar__menu-item--active .sidebar__menu-btn img:not([class]) {
  filter: brightness(0) invert(1);
}

.sidebar__menu-item--active .sidebar__menu-btn:after {
  content: '';
  width: 24px;
  height: 24px;
  min-width: 24px;
  background: url('../img/icons/chevron-down-light.svg') no-repeat center / contain;
  margin-left: auto;
  transition: .2s;
}

.sidebar__menu-item--logout {
  margin-top: 4px;
}

.sidebar__menu-item--logout .sidebar__menu-btn {
  color: var(--additionally-error-100);
  background: transparent;
}

.sidebar__menu-item:not(.sidebar__menu-item--active):hover .sidebar__menu-btn {
  background: var(--neutral-neutral-10);
}

.sidebar__menu-item:last-child {
  margin-bottom: 0;
}

.sidebar__menu-btn {
  display: flex;
  align-items: center;
  min-height: 64px;
  padding: 0 20px;
  border-radius: 20px;
  background: var(--neutral-neutral-05);
  color: var(--neutral-neutral-100);
  font-size: 16px;
}

.sidebar__menu-btn img:not([class]) {
  min-width: 24px;
  max-width: 24px;
  margin-right: 12px;
}

.auth {
}

.auth .slider-wrapper {
  width: 100%;
  overflow: hidden;
  border-radius: 14px;
  margin-bottom: 32px;
}

.auth__slider {
  height: 100%;
}

.auth__slider-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
}

.auth__slider-img--wrap {
  position: relative;
  padding-top: 91.5%;
}

.auth__slider-pag.swiper-pagination-bullets.swiper-pagination-horizontal {
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  bottom: auto;
  width: 100%;
  display: flex;
  align-items: center;
  min-height: 54px;
  background: linear-gradient(360deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.28) 100%);
  z-index: 10;
  border-radius: 20px 20px 0 0;
  padding: 0 20px;
}

.auth__slider-pag.swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet {
  width: 100%;
  height: 6px;
  background: rgba(255, 255, 255, 0.2);
  transition: .4s;
  border-radius: 1000px;
  opacity: 1;
  margin: 0 4px 0 0;
}

.auth__slider-pag.swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--neutral-neutral-00);
}

.auth__slider-pag.swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet:last-child {
  margin: 0;
}

.auth__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 32px;
}

.auth__logo {
  width: 100%;
  min-width: 120px;
  max-width: 120px;
}

.auth__back {
  margin-bottom: 24px;
}

.auth__info {
  margin-bottom: 24px;
}

.auth__title {
  color: #1b1b1b;
  font-family: var(--second-family);
  font-weight: 500;
  font-size: 32px;
  line-height: 1;
  margin-bottom: 0;
}

.auth__desc {
  color: var(--neutral-neutral-50);
  font-size: 16px;
  margin: 12px 0 0;
}

.auth__tab {
  display: none;
  margin: auto 0;
  padding: 0 4px 20px;
}

.auth__tab--active {
  display: block;
}

.auth__tab .form__send {
  font-size: 16px;
  min-height: 48px;
}

.footer {
  overflow: hidden;
  position: relative;
  background: var(--neutral-neutral-05);
  border-radius: 20px 20px 0 0;
  padding: 48px 0;
  margin-top: 24px;
}

.footer__container {
}

.footer__row {
}

.footer__logo {
  display: block;
  min-width: 168px;
  max-width: 168px;
}

.footer__nav {
  margin: 64px 0 0;
}

.footer__nav-list {
  list-style: none;
  padding: 0;
  margin: 0 -32px -60px;
  display: flex;
  flex-wrap: wrap;
}

.footer__nav-item {
  padding: 0 32px;
  margin-bottom: 60px;
}

.footer__nav-link {
  font-size: 20px;
}

.footer__nav-child-list {
  list-style: none;
  padding: 0;
  margin: 16px 0 0;
}

.footer__nav-child-item {
  margin-bottom: 16px;
}

.footer__nav-child-item:last-child {
  margin: 0;
}

.footer__nav-child-link {
  color: var(--neutral-neutral-50);
  font-size: 16px;
}

.footer__nav-child-link:hover {
}

.footer__nav-child-link:active {
  color: var(--neutral-neutral-100);
}

.footer__copy {
  margin-top: 64px;
}

.footer__copy p {
  margin: 0;
}

.basket {
}

.basket__card {
  min-height: 150px;
}

.basket__main {
}

.basket__aside {
  position: sticky;
  top: 20px;
  border: 1px solid var(--neutral-neutral-10);
  border-radius: 20px;
  padding: 24px 16px;
  margin: 20px 0 0;
}

.basket__aside .cart__promo {
  margin: 0 0 16px;
}

.basket__sum {
  border-bottom: 1px solid var(--neutral-neutral-10);
  margin-bottom: 16px;
  padding-bottom: 16px;
}

.basket__sum-line {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid var(--neutral-neutral-10);
  margin-bottom: 16px;
  padding-bottom: 16px;
}

.basket__sum-line:last-child {
  margin: 0;
  padding: 0;
  border: none;
}

.basket__sum-td {
  font-size: 14px;
}

.basket__sum-td-title {
  font-family: var(--second-family);
  font-size: 24px;
}

.basket__sum-price {
  margin-left: 12px;
  justify-content: flex-end;
}

.basket__nav {
  border-top: 1px solid var(--neutral-neutral-10);
  padding-top: 16px;
  margin-top: 16px;
}

.basket__nav-btn {
  width: 100%;
}

.checkout {
  display: flex;
  align-items: flex-start;
  flex-direction: column-reverse;
}

.checkout__main {
  width: 100%;
}

.checkout__aside {
  background: var(--neutral-neutral-05);
  border-radius: 20px;
  padding: 16px;
  width: 100%;
  margin: 0 0 32px;
}

.checkout__aside .product-tiny {
  border: 1px solid var(--neutral-neutral-20);
  min-height: 150px;
  margin-bottom: 20px;
}

.checkout__aside .product-tiny__content {
}

.checkout__aside .checkout__headline {
  margin-bottom: 20px;
}

.checkout__section {
  margin-bottom: 32px;
}

.checkout__headline {
  font-size: 24px;
  margin-bottom: 16px;
}

.checkout__caption {
  color: var(--neutral-neutral-80);
  font-size: 12px;
  line-height: 1.4;
  margin-top: -14px;
  margin-bottom: 16px;
}

.checkout__label {
  font-size: 14px;
  margin-bottom: 4px;
}

.checkout__delivery-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}

.checkout__delivery-item {
  display: block;
  flex: 1 1 160px;
}

.checkout__delivery-input {
  display: none;
}

.checkout__delivery-input:checked ~ .checkout__delivery-btn {
  pointer-events: none;
  color: var(--neutral-neutral-00);
  background: var(--neutral-neutral-90);
  border-color: var(--neutral-neutral-90);
}

.checkout__delivery-btn {
  width: 100%;
}

.checkout__service {
  margin: 16px 0;
}

.checkout__service-group {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.checkout__service-card {
}

.checkout__service-card:hover .checkout__service-input:not(:checked) ~ .checkout__service-body:after {
}

.checkout__service-body {
  position: relative;
  display: flex;
  min-height: 120px;
  background: var(--neutral-neutral-00);
  border: 1px solid var(--neutral-neutral-10);
  border-radius: 20px;
  cursor: pointer;
  transition: .2s ease;
}

.checkout__service-body:after {
  content: '';
  width: 24px;
  height: 24px;
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url('../img/icons/checkout-payment-default.svg');
  transition: .2s ease;
}

.checkout__service-input {
  display: none;
}

.checkout__service-input:checked ~ .checkout__service-body {
  border-color: var(--neutral-neutral-100);
}

.checkout__service-input:checked ~ .checkout__service-body .checkout__service-img--wrap {
  border-color: var(--neutral-neutral-100);
}

.checkout__service-input:checked ~ .checkout__service-body:after {
  background-image: url('../img/icons/checkout-payment-active.svg');
}

.checkout__service-input:checked ~ .checkout__help {
  display: block;
}

.checkout__service-img--wrap {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  min-width: 100px;
  max-width: 100px;
  border-right: 1px solid var(--neutral-neutral-10);
  transition: .2s ease;
}

.checkout__service-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  padding: 20px;
}

.checkout__service-name {
  font-size: 16px;
  text-transform: uppercase;
}

.checkout__service-desc {
  color: var(--neutral-neutral-50);
  font-size: 14px;
  line-height: 1.4;
  margin-top: 4px;
}

.checkout__service-price {
  margin-top: 12px;
}

.checkout__payment-group {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.checkout__payment-card {
}

.checkout__payment-card:hover .checkout__payment-input:not(:checked) ~ .checkout__payment-body:after {
}

.checkout__payment-body {
  position: relative;
  display: flex;
  min-height: 120px;
  background: var(--neutral-neutral-00);
  border: 1px solid var(--neutral-neutral-10);
  border-radius: 20px;
  cursor: pointer;
  transition: .2s ease;
}

.checkout__payment-body:after {
  content: '';
  width: 24px;
  height: 24px;
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url('../img/icons/checkout-payment-default.svg');
  transition: .2s ease;
}

.checkout__payment-input {
  display: none;
}

.checkout__payment-input:checked ~ .checkout__payment-body {
  border-color: var(--neutral-neutral-100);
}

.checkout__payment-input:checked ~ .checkout__payment-body .checkout__payment-img--wrap {
  border-color: var(--neutral-neutral-100);
}

.checkout__payment-input:checked ~ .checkout__payment-body:after {
  background-image: url('../img/icons/checkout-payment-active.svg');
}

.checkout__payment-img--wrap {
  padding: 0 12px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  min-width: 100px;
  max-width: 100px;
  border-right: 1px solid var(--neutral-neutral-10);
  transition: .2s ease;
}

.checkout__payment-info {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  padding: 20px;
  padding-right: 48px;
}

.checkout__payment-name {
  font-size: 14px;
  text-transform: uppercase;
}

.checkout__payment-desc {
  color: var(--neutral-neutral-50);
  font-size: 12px;
  line-height: 1.4;
  margin-top: 4px;
}

.checkout__help {
  border: 1px solid var(--neutral-neutral-10);
  background: var(--neutral-neutral-05);
  border-radius: 20px;
  padding: 20px;
  margin: 16px 0;
}

.checkout__help h5 {
  font-family: var(--font-family);
  font-size: 16px;
  margin-bottom: 12px;
}

.checkout__help p {
  color: var(--neutral-neutral-80);
  font-size: 14px;
  margin: 12px 0;
}

.checkout__help > *:last-child {
  margin-bottom: 0;
}

.checkout__help > *:first-child {
  margin-top: 0;
}

.checkout__actions {
  margin-top: 32px;
}

.checkout__actions-btn {
  width: 100%;
}

.checkout__sum {
  padding-top: 16px;
  border-top: 1px solid var(--neutral-neutral-20);
}

.checkout__sum-line {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}

.checkout__sum-line--total {
  border-top: 1px solid var(--neutral-neutral-20);
  padding-top: 16px;
  margin: 0;
}

.checkout__sum-line--total .checkout__sum-td {
  font-size: 20px;
}

.checkout__sum-td {
  font-size: 14px;
}

.checkout__sum-price {
  margin-left: 12px;
  justify-content: flex-end;
}

.about__section {
  display: flex;
  align-items: flex-start;
  margin-bottom: 32px;
}

.about__section:last-child {
  margin: 0;
}

.about__section h1:not([class]) {
  font-size: clamp(40px, 5.6vw, 96px);
  margin-bottom: 16px;
  margin-top: -12px;
}

.about__section h1:not([class]):before {
  content: '';
  display: inline-block;
  width: 20px;
}

.about__section h1:not([class]) br {
}

.about__section h2:not([class]) {
  font-family: var(--font-family);
  font-size: clamp(16px, 1.4vw, 20px);
  font-weight: 500;
  margin: 0;
}

.about__section h3:not([class]) {
  font-size: clamp(32px, 4.2vw, 80px);
  line-height: 1;
  margin: 24px 0 40px;
}

.about__section h4:not([class]) {
  font-size: clamp(24px, 2.8vw, 60px);
  line-height: 1;
  margin: 0 0 12px;
}

.about__section p:not([class]) {
  color: rgba(0, 0, 0, .8);
  font-size: clamp(14px, 1.4vw, 28px);
  margin: 0;
}

.about__group {
  width: 100%;
}

.about__col {
}

.about__col:nth-child(1) {
}

.about__col:nth-child(2) {
}

.about__col--short {
}

.about__col .about__img--wrap {
  background: #e6e9ee;
  padding-top: 125%;
  width: auto;
}

.about__col .about__img--wrap img {
  position: absolute;
  bottom: 0;
  top: auto;
  left: 50%;
  transform: translateX(-50%);
  max-width: 80%;
}

.about__img--wrap {
  position: relative;
  padding-top: 51.5%;
  overflow: hidden;
  width: 100%;
  border-radius: 20px;
}

.about__img--wrap img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.about__benefits {
  margin-top: 32px;
}

.about__benefits ul {
  list-style: none;
  padding: 0;
  margin: 0 0 -24px;
}

.about__benefits ul li {
  width: 100%;
  margin-bottom: 24px;
}

.profile__panel {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}

.profile__head {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 20px;
}

.profile__head .btn {
  width: 100%;
  margin-top: 12px;
  padding: 0 24px;
  font-size: 16px;
  min-height: 48px;
}

.profile__title {
  font-size: 24px;
  margin: 0;
}

.profile__caption {
  color: #7f7f7f;
  font-size: 16px;
  margin-top: 12px;
}

.profile__caption .email-highlighted {
  color: var(--neutral-neutral-100);
}

.profile__cards-group {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 8px 0;
}

.profile__cards-group .profile__card {
  flex: 1 1 240px;
  margin: 0;
}

.profile__card {
  border: 1px solid #eee;
  border-radius: 20px;
  margin: 0 0 20px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.profile__card.-sm-tiny- {
}

.profile__card.-sm-tiny- .profile__card-title {
}

.profile__card.-sm-tiny- .profile__card-title.-sm-big- {
}

.profile__card--translucent {
  color: var(--neutral-neutral-40);
}

.profile__card--translucent .product-tiny__img--wrap:before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: var(--neutral-neutral-05);
  z-index: 1;
  opacity: .5;
}

.profile__card--translucent .product-tiny__size-item {
  background: var(--neutral-neutral-40);
}

.profile__card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}

.profile__card-head span {
  font-size: 12px;
  line-height: 24px;
  text-align: center;
  background: var(--neutral-neutral-05);
  border-radius: 50%;
  width: 24px;
  height: 24px;
  min-width: 24px;
  margin-left: 4px;
  display: inline-block;
  position: relative;
  top: -3px;
}

.profile__card-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px;
  margin: 24px -20px -20px;
  border-top: 1px solid var(--neutral-neutral-10);
}

.profile__card-title {
  font-size: 20px;
}

.profile__card:last-child {
  margin: 0;
}

.profile__form > *:last-child {
  margin-bottom: 0;
}

.profile__form > *:first-child {
  margin-top: 0;
}

.profile__form .form__footer {
  margin-top: 4px;
}

.profile__form .form__send {
  min-height: 48px;
  font-size: 16px;
}

.profile__order-code {
  font-size: 16px;
  line-height: 1;
  display: inline-flex;
  align-items: center;
}

.profile__order-code span {
  font-size: 20px;
}

.profile__order-code:before {
  content: '';
  width: 24px;
  height: 24px;
  min-width: 24px;
  margin-right: 12px;
  background: url('../img/icons/profile-order.svg') no-repeat center / contain;
}

.profile__order-status {
  font-size: 12px;
  border: 1px solid var(--neutral-neutral-90);
  border-radius: 20px;
  min-height: 32px;
  padding: 0 12px;
  display: inline-flex;
  align-items: center;
}

.profile__order-status--canceled {
  color: var(--additionally-error-100);
  border-color: var(--additionally-error-100);
}

.profile__order-total-title {
  display: flex;
  align-items: center;
  font-size: 16px;
}

.profile__order-total-price {
  margin-left: 8px;
}

.profile__order-actions-btn {
  padding: 0 24px;
}

.profile__order-repeat {
  width: 100%;
}

.profile__delivery {
  display: none;
  align-items: center;
  justify-content: space-between;
  margin: 16px 0;
}

.profile__delivery:before {
  content: '';
  height: 6px;
  flex: 1;
  min-width: 180px;
  order: 2;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url('../img/icons/profile-order-date-before.svg');
}

.profile__delivery-end,.profile__delivery-start {
  font-size: 14px;
  display: inline-flex;
  align-items: center;
  padding: 8px 12px;
  max-width: 300px;
}

.profile__delivery-end:before,.profile__delivery-start:before {
  content: '';
  width: 24px;
  height: 24px;
  min-width: 24px;
  margin-right: 8px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.profile__delivery-date {
  display: none;
}

.profile__delivery-start {
  order: 1;
  margin-right: 24px;
}

.profile__delivery-start::before {
  background-image: url('../img/icons/delivery/car.svg');
}

.profile__delivery-end {
  order: 2;
  margin-left: 24px;
}

.profile__delivery-end::before {
  background-image: url('../img/icons/delivery/location.svg');
}

.profile__products-list .product-tiny {
  padding: 12px;
  display: none;
}

.profile__products-list .product-tiny__info {
}

.profile__products-list .product-tiny__img--wrap {
  min-width: 48px;
  max-width: 48px;
}

.profile__products-list .product-tiny:nth-child(-n + 2) {
  display: flex;
}

.profile__products--active .product-tiny {
  display: flex;
}

.profile__products-actions {
  display: flex;
  justify-content: center;
  margin-top: 16px;
}

.profile__products-btn {
  width: 100%;
  padding: 0 24px;
}

.profile__favorites {
  display: flex;
  flex-wrap: wrap;
  margin-right: -4px;
  margin-bottom: -8px;
  margin-left: -4px;
}

.profile__favorites .product {
  width: 50%;
  padding: 0 4px;
  margin-bottom: 8px;
}

.profile__favorites .product__title {
}

.profile__favorites .product__short {
}

.profile__favorites .product__favorite {
}

.profile__favorites .product__price .price__current {
}

.profile__favorites .product__price .price__current span {
}

.profile__favorites .product__panel {
}

.profile__address {
  margin-bottom: 12px;
}

.profile__address-name {
  color: #1b1b1b;
  font-size: 20px;
  margin-bottom: 12px;
}

.profile__address-list {
  list-style: none;
  padding: 0;
  margin: 0 -8px;
  display: flex;
  flex-wrap: wrap;
}

.profile__address-list-item {
  width: 50%;
  padding: 0 8px;
  margin-bottom: 20px;
}

.profile__address-list-caption {
  color: #7f7f7f;
  font-size: 12px;
  line-height: 1.4;
  margin-bottom: 4px;
}

.profile__address-list-value {
  color: #1b1b1b;
  font-size: 14px;
}

.profile__address-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.profile__address-actions .btn {
  flex: 1 1 240px;
  font-size: 16px;
  min-height: 48px;
}

.profile__empty {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  min-height: 500px;
  text-align: center;
}

.profile__empty-title {
  font-weight: 700;
  font-size: 20px;
  margin-bottom: 8px;
}

.profile__empty-desc {
  color: #1b1b1b;
  font-size: 16px;
}

.profile__empty-btn {
  font-size: 12px;
  padding: 0 24px;
  margin: 24px 0 0;
  min-height: 36px;
}

.profile__total {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid var(--neutral-neutral-10);
}

.profile__total-line {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
  font-size: 14px;
}

.profile__total-line:last-child {
  border-top: 1px solid var(--neutral-neutral-10);
  padding-top: 12px;
  margin-bottom: 0;
  font-size: 20px;
}

.profile__personal-form .form__footer {
  margin-top: 0;
}

.profile__personal-form .form__send {
  font-size: 12px;
}

body .bx-authform-formgroup-container {
  margin-bottom: 16px;
  display: block;
  position: relative;
}

body .bx-authform-label-container {
  color: var(--neutral-neutral-100);
  font-weight: 500;
  font-size: 14px;
  display: inline-block;
  margin: 0 0 4px;
  padding: 0;
  width: 100%;
}

body .bx-authform-note-container {
  color: var(--neutral-neutral-50);
  font-size: 12px;
  margin-top: 4px;
  display: block;
}

body .bx-authform-input-container input[type="password"],body .bx-authform-input-container input[type="text"] {
  position: relative;
  font-family: var(--font-family);
  color: var(--neutral-neutral-100);
  font-weight: 500;
  font-size: 14px;
  line-height: 1.5;
  background: var(--neutral-neutral-00);
  border: 1px solid var(--neutral-neutral-10);
  border-radius: 20px;
  min-height: 40px;
  padding: 0 16px;
  width: 100%;
  outline: none;
  transition: .2s;
  resize: none;
}

body .bx-authform-input-container input[type="password"]:focus::placeholder,body .bx-authform-input-container input[type="text"]:focus::placeholder {
  color: transparent;
}

body .bx-authform-input-container input[type="password"]::placeholder,body .bx-authform-input-container input[type="text"]::placeholder {
  color: var(--neutral-neutral-30);
}

body .bx-authform-link-container {
  padding: 0;
  margin: 20px 0 0;
}

body .bx-authform-link-container a {
  color: var(--neutral-neutral-90);
}

body .bx-authform-link-container a:hover {
}

body .bx-authform-link-container a:active {
  color: var(--neutral-neutral-50);
}

.unit__menu {
  border: 1px solid var(--neutral-neutral-10);
  border-radius: 20px;
  padding: 12px;
  margin-bottom: 20px;
}

.unit__menu-list {
  list-style: none;
  padding: 0;
  margin: 0 -8px;
  display: flex;
}

.unit__menu-item {
  width: 100%;
  padding: 0 8px;
}

.unit__menu-item--active .unit__menu-btn {
  background: var(--neutral-neutral-05);
  color: var(--neutral-neutral-100);
}

.unit__menu-item--active .unit__menu-count {
  color: var(--neutral-neutral-00);
  background: var(--neutral-neutral-100);
}

.unit__menu-btn {
  color: var(--neutral-neutral-30);
  font-size: 12px;
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 42px;
  border-radius: 12px;
  padding: 0 8px;
  transition: .4s;
}

.unit__menu-btn:hover {
}

.unit__menu-btn:active {
  color: var(--neutral-neutral-100);
}

.unit__menu-count {
  font-size: 14px;
  line-height: 22px;
  text-align: center;
  margin-left: 4px;
  width: 20px;
  height: 20px;
  min-width: 20px;
  background: transparent;
  border-radius: 50%;
}

.unit__title {
  margin-bottom: 0;
}

.unit__caption {
  color: var(--neutral-neutral-50);
  font-size: 14px;
  margin: 12px 0 0;
}

.unit__form {
  margin-top: 20px;
}

.unit__form .form__footer {
  margin-top: 20px;
}

.unit__form .form__send {
  font-size: 16px;
  min-height: 48px;
}

.unit__textarea .h1,.unit__textarea h1:not([class]) {
  margin: 12px 0;
}

.unit__textarea .h1:first-child,.unit__textarea h1:not([class]):first-child {
  margin-top: 0;
}

.unit__textarea .h1 + p,.unit__textarea h1:not([class]) + p {
  color: var(--neutral-neutral-50);
}

.unit__textarea h2:not([class]) {
  font-size: 20px;
  margin: 40px 0 12px;
}

.unit__textarea p:not([class]) {
  margin: 12px 0;
}

.unit__textarea ul:not([class]) {
  margin: 12px 0;
  padding-left: 16px;
}

.unit__textarea ul:not([class]) li {
  font-size: 16px;
}

.unit__textarea .list-reset li {
  font-size: 14px;
  margin-bottom: 8px;
}

.unit__textarea .list-reset li:last-child {
  margin: 0;
}

.unit__textarea .list-reset ul:not([class]) {
  list-style: none;
  padding-left: 32px;
  margin: 8px 0 0;
}

.unit__textarea .list-reset ul:not([class]) li {
  font-size: 14px;
  margin-bottom: 6px;
}

.unit__textarea > *:last-child {
  margin-bottom: 0;
}

.unit__textarea > *:first-child {
  margin-top: 0;
}

.unit__section {
  height: 0;
  overflow: hidden;
}

.unit__section--active {
  height: auto;
}

.faq {
  margin-top: 20px;
}

.faq__item {
  position: relative;
  padding: 24px 12px;
  transition: .4s;
}

.faq__item:after {
  content: '';
  width: 100%;
  height: 1px;
  background: var(--neutral-neutral-05);
  position: absolute;
  bottom: 0;
  left: 0;
  transition: .4s;
}

.faq__item-btn {
  font-size: 24px;
  width: 100%;
  text-align: left;
  display: inline-flex;
  align-items: flex-start;
  justify-content: space-between;
}

.faq__item-btn:after {
  content: '';
  width: 24px;
  height: 24px;
  min-width: 24px;
  background: url('../img/icons/chevron-down.svg') no-repeat center / contain;
  transition: .4s;
  margin-left: 20px;
}

.faq__item-btn[aria-expanded="true"]:after {
  transform: rotate(180deg);
}

.faq__item-btn[aria-expanded="true"] ~ .faq__item-content {
  margin-top: 12px;
  opacity: 1;
}

.faq__item-content {
  color: var(--neutral-neutral-50);
  opacity: 0;
  margin-top: 0;
  height: 0;
  overflow: hidden;
  transition: .4s ease;
}

.faq__item-content > *:last-child {
  margin-bottom: 0;
}

.faq__item-content > *:first-child {
  margin-top: 0;
}

.faq__item-content p:not([class]) {
  color: var(--neutral-neutral-50);
}

.faq__item-content p:not([class]) a {
  color: var(--neutral-neutral-50);
  text-decoration: underline;
}

.faq__item-content p:not([class]) a:hover {
  color: var(--neutral-neutral-100);
  text-decoration-color: transparent;
}

.faq__item-content ul:not([class]) {
  padding: 0 0 0 16px;
}

.faq__item-content ul:not([class]) li {
  color: var(--neutral-neutral-50);
}

.faq__item.border-none:after,.faq__item:last-child:after {
  display: none;
}

.faq__item.is-show {
  border-radius: 20px;
  background: var(--neutral-neutral-05);
}

.faq__item.is-show:after {
  opacity: 0;
}

.not_logged_in .sidebar__menu-item--active .sidebar__menu-btn:after {
  background-image: none;
}

.contacts {
}

.contacts__main {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-bottom: 32px;
}

.contacts__aside {
  width: 100%;
}

.contacts__title {
  font-size: 32px;
  margin-bottom: 16px;
}

.contacts__map {
  flex: 1;
  border-radius: 20px;
  overflow: hidden;
  border: 1px solid var(--neutral-neutral-10);
  min-height: 430px;
}

.contacts__office {
  position: relative;
  margin-bottom: -12px;
  border-radius: 20px;
  overflow: hidden;
  z-index: -1;
}

.contacts__office-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.contacts__office-img--wrap {
  position: relative;
  padding-top: 84.5%;
  overflow: hidden;
}

.contacts__office-info {
  color: var(--neutral-neutral-00);
  position: absolute;
  left: 40px;
  bottom: 32px;
  z-index: 1;
}

.contacts__office-caption {
  font-size: 12px;
  margin-bottom: 8px;
}

.contacts__office-name {
  font-size: 20px;
}

.contacts__card {
  background: var(--neutral-neutral-05);
  border-radius: 20px;
  padding: 32px 40px;
}

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

.contacts__list-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin: 0 0 20px;
}

.contacts__list-item > * {
  margin-bottom: 8px;
}

.contacts__list-item > *:last-child {
  margin-bottom: 0;
}

.contacts__list-item:last-child {
  margin: 0;
}

.contacts__list-caption {
  color: var(--neutral-neutral-60);
  font-size: 12px;
}

.contacts__list-value {
  color: var(--neutral-neutral-100);
  font-size: 16px;
}

a.contacts__list-value:hover {
}

a.contacts__list-value:active {
  color: var(--neutral-neutral-20);
}

.contacts__feedback-btn {
  width: 100%;
  margin-top: 20px;
}

.page-error {
  min-height: calc(100vh - 89px);
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  padding: 32px 0;
}

.page-error__title {
  font-size: 80px;
  margin: 0;
}

.page-error__desc {
  color: var(--neutral-neutral-90);
  font-size: 16px;
  margin: 8px 0 0;
}

.page-error__btn {
  font-size: 12px;
  min-height: 36px;
  margin-top: 24px;
}

@media (min-width: 580px) {
  .h1,h1 {
    font-size: 48px;
  }

  .h2,h2 {
    font-size: 40px;
  }

  .h3,h3 {
    font-size: 32px;
  }

  .container {
    padding: 0 24px;
  }

  .form__headline {
    margin: 0 0 20px;
  }

  .input {
    margin-bottom: 20px;
  }

  .hide-sm-only {
    display: none;
  }

  .tabs__nav-item {
    width: auto;
  }

  .tabs__nav-btn {
    font-size: 20px;
    min-height: 32px;
    width: auto;
  }

  .modal {
    padding: 32px 0;
  }

  .section:last-child {
    margin-bottom: 32px;
  }

  .section--banner {
    margin-top: -97px;
  }

  .section--banner:first-child {
    margin-top: -97px;
  }

  .toast {
    right: 24px;
    left: 24px;
    bottom: 24px;
    padding: 24px;
  }

  .toast__title {
    font-size: 18px;
  }

  .toast__btn {
    min-height: 36px;
    margin-top: 32px;
  }

  .bar {
    top: 86px;
    height: calc(100vh - 86px);
    padding: 24px;
  }

  .notice.bar {
    max-height: calc(100vh - 86px);
  }

  .header__container {
    padding: 0 24px;
  }

  .header__bar {
    top: 86px;
    height: calc(100vh - 86px);
  }

  .cart__elem-img--wrap {
    min-width: 168px;
    max-width: 168px;
  }

  .add-cart__title {
    font-size: 32px;
  }

  .banner__slide {
    padding: 96px 24px 32px;
  }

  .banner .slider-btn-prev {
    left: 24px;
  }

  .banner .slider-btn-next {
    right: 24px;
  }

  .catalog-tabs .tabs__nav {
    height: 32px;
  }

  .product-tiny__img--wrap {
    min-width: 168px;
    max-width: 168px;
  }

  .product-tiny__content {
    padding: 16px 20px;
  }

  .p-banner__body {
    padding: 24px;
  }

  .p-banner__info {
    max-width: 60%;
  }

  .p-banner__desc {
    margin-top: 8px;
  }

  .p-banner__img--wrap {
    top: 80%;
    right: 32px;
    transform: translateY(-50%);
    min-width: 1px;
  }

  .p-card__title {
    font-size: 32px;
  }

  .p-card__size-btn {
    font-size: 22px;
    min-height: 64px;
  }

  .p-card__tooltip-popup {
    right: 0;
  }

  .p-card__tooltip-popup.is-active {
    min-width: 400px;
    max-width: 400px;
  }

  .p-recommended__slider {
    padding: 0 24px;
  }

  .filter__label {
    width: calc(33.3% - 8px);
  }

  .filter__label-color {
    margin-left: 12px;
  }

  .sub-offer {
    padding: 24px;
    justify-content: flex-end;
  }

  .sub-offer::before {
    top: -270px;
    height: 523px;
    left: 24px;
    right: 24px;
  }

  .sub-offer__content {
    flex: 0;
  }

  .sub-offer__info {
    margin: 0;
    padding-top: 0;
  }

  .sub-offer__title {
    font-size: 40px;
  }

  .sub-offer__desc {
    font-size: 16px;
    max-width: 568px;
  }

  .sub-offer__form {
    margin: 40px 0 0;
  }

  .sub-offer__input {
    font-size: 16px;
    min-height: 68px;
    padding: 0 164px 0 24px;
  }

  .sub-offer__submit {
    min-height: 60px;
    font-size: 16px;
    padding: 0 24px;
  }

  .sidebar__head {
    margin-bottom: 20px;
  }

  .footer {
    padding: 64px 0;
  }

  .footer__nav {
    margin: 120px 0 0;
  }

  .footer__nav-list {
    flex-wrap: nowrap;
    justify-content: space-between;
  }

  .footer__copy {
    position: absolute;
    top: 64px;
    right: 24px;
    margin-top: 0;
  }

  .basket__aside {
    padding: 24px;
  }

  .basket__sum-td-title {
    font-size: 28px;
  }

  .checkout__aside {
    padding: 24px;
  }

  .checkout__sum {
    padding-top: 20px;
  }

  .checkout__sum-line {
    margin-bottom: 20px;
  }

  .checkout__sum-line--total {
    padding-top: 20px;
  }

  .about__section h1:not([class]):before {
    width: 70px;
  }

  .profile__head .btn {
    width: auto;
    margin-top: 0;
    font-size: 14px;
    min-height: 36px;
  }

  .profile__title {
    font-size: 32px;
  }

  .profile__cards-group {
    gap: 20px;
    margin: 20px 0;
  }

  .profile__form .form__footer {
    margin-top: 0;
  }

  .profile__products-list .product-tiny {
    padding: 0;
  }

  .profile__products-list .product-tiny__img--wrap {
    min-width: 120px;
    max-width: 120px;
  }

  .profile__address-actions .btn {
    font-size: 14px;
    min-height: 36px;
  }

  body .bx-authform-formgroup-container {
    margin-bottom: 20px;
  }

  .unit__menu-btn {
    font-size: 16px;
    min-height: 48px;
  }

  .unit__menu-count {
    margin-left: 8px;
  }

  .unit__caption {
    font-size: 16px;
  }

  .faq__item {
    padding: 24px;
  }

  .contacts__office-img--wrap {
    padding-top: 67.5%;
  }
}

@media (min-width: 768px) {
  .h2,h2 {
    font-size: 48px;
  }

  .form__footer {
    margin-top: 24px;
  }

  .form__desc {
    margin: 24px 0 0;
  }

  .mf-captcha {
    max-width: 490px;
  }

  .mf-captcha::after,.mf-captcha::before {
    display: table;
  }

  .mf-captcha .mf-text {
    float: left;
  }

  .mf-captcha img {
    float: left;
    margin-top: 22px;
    margin-right: 24px;
    margin-bottom: 0;
  }

  .mf-captcha input {
    width: auto;
    float: left;
  }

  .hide-md-up {
    display: none;
  }

  .modal__square--confirm {
    max-width: 480px;
  }

  .section__head {
    margin-bottom: 32px;
  }

  .section__nav {
    margin-top: 6px;
  }

  .section__btn {
    width: auto;
  }

  .toast {
    left: auto;
    min-width: 600px;
    max-width: 600px;
  }

  .header__lang-btn {
    font-size: 12px;
    min-height: 32px;
  }

  .header__lang-btn img {
    min-width: 16px;
    max-width: 16px;
  }

  .banner__slide {
    min-height: 560px;
  }

  .banner__slide-body {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
  }

  .banner__slide-nav {
    margin: 0 0 0 40px;
  }

  .page-intro .catalog-filter-toggle {
    margin-top: 3px;
  }

  .tags__card {
    width: 50%;
  }

  .category__head {
    margin-bottom: 32px;
  }

  .product {
    width: 50%;
  }

  .product-tiny__content {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .product-tiny__nav {
    justify-content: flex-start;
    margin-top: 0;
  }

  .p-recommended .product {
    min-width: 364px;
    max-width: 364px;
  }

  .sub-offer__title {
    font-size: 48px;
  }

  .auth__back {
    margin-bottom: 32px;
  }

  .auth__info {
    margin-bottom: 32px;
  }

  .auth__title {
    font-size: 40px;
  }

  .checkout__headline {
    font-size: 32px;
  }

  .about__section:last-child {
    margin: 0 0 52px;
  }

  .about__section h1:not([class]) {
    margin-bottom: 20px;
  }

  .about__section h3:not([class]) {
    margin: 0 0 24px;
  }

  .about__group {
    display: flex;
    justify-content: space-between;
    margin-right: -20px;
    margin-left: -20px;
  }

  .about__col {
    padding: 0 20px;
  }

  .about__col:nth-child(1) {
    width: 45%;
  }

  .about__col:nth-child(2) {
    width: 55%;
  }

  .about__col--short {
    width: 45%;
    max-width: 576px;
  }

  .about__col .about__img--wrap {
    margin-right: -40px;
  }

  .about__benefits ul {
    margin: 0 -20px -24px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .about__benefits ul li {
    max-width: 40vw;
    padding: 0 20px;
  }

  .profile__delivery {
    display: flex;
  }

  .profile__products-btn {
    width: auto;
  }

  .profile__favorites {
    margin-right: -10px;
    margin-bottom: -20px;
    margin-left: -10px;
  }

  .profile__favorites .product {
    padding: 0 10px;
    margin-bottom: 20px;
  }

  .unit__textarea h2:not([class]) {
    font-size: 24px;
  }

  .page-error {
    min-height: calc(100vh - 97px);
  }
}

@media (min-width: 992px) {
  .h1,h1 {
    font-size: 60px;
  }

  .h3,h3 {
    font-size: 40px;
  }

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

  .container {
    padding: 0 40px;
  }

  .main-aside-container {
    display: flex;
    align-items: flex-start;
  }

  .aside {
    margin-right: 32px;
  }

  .aside--filter {
    min-width: 200px;
    max-width: 200px;
  }

  .btn:hover {
    color: var(--neutral-neutral-50);
    border-color: var(--neutral-neutral-50);
  }

  .btn--accent:hover {
    color: var(--neutral-neutral-40);
    background: var(--neutral-neutral-90);
    border-color: var(--neutral-neutral-90);
  }

  .btn--light:hover {
    color: var(--neutral-neutral-50);
    background: var(--neutral-neutral-00);
    border-color: var(--neutral-neutral-00);
  }

  .btn--border-light:hover {
    color: var(--neutral-neutral-90);
    background: var(--neutral-neutral-00);
    border-color: var(--neutral-neutral-00);
  }

  .btn--border-gray:hover {
    color: var(--neutral-neutral-20);
    background: var(--neutral-neutral-00);
    border-color: var(--neutral-neutral-100);
  }

  .input__link:hover {
    color: var(--neutral-neutral-100);
  }

  .code-confirm__repeat:hover {
    color: var(--neutral-neutral-50);
  }

  .select__btn:hover {
    color: 1px solid var(--neutral-neutral-90);
    border-color: var(--neutral-neutral-90);
  }

  .select__dropdown-option:hover {
    color: var(--neutral-neutral-90);
  }

  .stepper__btn:hover {
    border-color: var(--neutral-neutral-100);
  }

  .hide-lg-up {
    display: none;
  }

  .tabs__nav-btn {
    font-size: 24px;
    min-height: 42px;
  }

  .modal__square--auth,.modal__square--cart {
    max-width: 1040px;
    min-height: 1px;
    padding: 0;
  }

  .modal__square--auth .modal__close:hover {
    opacity: 1;
  }

  .modal__title {
    font-size: 32px;
  }

  .section {
    margin: 48px 0;
  }

  .section:last-child {
    margin-bottom: 48px;
  }

  .section__nav {
    margin-left: 48px;
    margin-top: 12px;
  }

  .section--banner {
    margin-top: -106px;
  }

  .section--banner:first-child {
    margin-top: -106px;
  }

  .toast {
    right: 40px;
    bottom: 20px;
  }

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

  .toast__title {
    font-size: 20px;
  }

  a.breadcrumbs__link:hover {
    color: var(--neutral-neutral-100);
  }

  .bar {
    top: 88px;
    right: 40px;
    height: calc(100vh - 80px - 8px - 8px);
    min-width: 480px;
    max-width: 480px;
  }

  .notice.bar {
    max-height: calc(100vh - 88px - 8px);
  }

  .header__container {
    padding: 0 48px;
  }

  .header__row {
    padding: 24px 0;
  }

  .header__panel .btn--reset:hover {
    opacity: 1;
  }

  .header__bar {
    top: 88px;
    right: auto;
    height: calc(100vh - 88px - 8px);
    min-width: 480px;
    max-width: 480px;
  }

  .header__nav-link:hover {
    color: var(--neutral-neutral-50);
  }

  .header__submenu-link:hover {
    color: var(--neutral-neutral-90);
  }

  .header__menu-link:hover {
    color: var(--neutral-neutral-90);
  }

  .header__menu .header__lang-btn {
    display: none;
  }

  .header__tooltip:hover .header__tooltip-popup {
    opacity: 1;
    visibility: visible;
    z-index: 1;
    margin-top: 0;
  }

  .home-page .header:not(.header--sticky) .header__panel .header__lang-btn:hover {
    color: var(--neutral-neutral-90);
    background: var(--neutral-neutral-00);
    border-color: var(--neutral-neutral-00);
  }

  .home-page .header:not(.header--sticky) .header__panel .header__lang-btn:hover img {
    filter: brightness(1) invert(0);
  }

  .home-page .header:not(.header--sticky) .header__auth-btn:hover {
    color: var(--neutral-neutral-50);
    background: var(--neutral-neutral-00);
    border-color: var(--neutral-neutral-00);
  }

  .home-page.body-bar-open .header:not(.header--sticky) .header__panel .header__lang-btn:hover {
    color: var(--neutral-neutral-50);
    border-color: var(--neutral-neutral-50);
  }

  .home-page.body-bar-open .header:not(.header--sticky) .header__panel .header__lang-btn:hover img {
    filter: brightness(1) invert(0);
  }

  .home-page.body-bar-open .header:not(.header--sticky) .header__auth-btn:hover {
    color: var(--neutral-neutral-40);
    background: var(--neutral-neutral-90);
    border-color: var(--neutral-neutral-90);
  }

  .cart__elem-title a:hover {
    color: var(--neutral-neutral-50);
  }

  .cart__elem-delete:hover {
    opacity: .7;
  }

  .cart__clear-btn:hover {
    color: var(--additionally-error-100);
  }

  .cart__total-btn {
    min-height: 36px;
  }

  .add-cart {
    width: 50%;
    padding: 40px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 20px;
    margin-left: auto;
    min-height: 520px;
  }

  .add-cart .product {
    width: 50%;
    padding: 12px;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
  }

  .add-cart .product__body {
    padding-top: 0;
    height: 100%;
  }

  .add-cart__head {
    margin-bottom: 0;
  }

  .add-cart__title {
    font-size: 40px;
  }

  .add-cart__footer {
    margin-top: 0;
  }

  .banner__slide {
    padding: 96px 48px 48px;
  }

  .banner__slide-title {
    font-size: 80px;
  }

  .banner__slide-desc {
    font-size: 20px;
  }

  .banner .slider-btn-prev {
    left: 48px;
  }

  .banner .slider-btn-next {
    right: 48px;
  }

  .page-intro .catalog-filter-toggle {
    display: none;
    margin-top: 10px;
  }

  .tags__card {
    width: 33.3%;
  }

  .tags__card-body {
    min-height: clamp(224px, 15vw, 500px);
  }

  .tags__card-body:hover:before {
    background: rgba(0, 0, 0, 0.4);
  }

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

  .category__head {
    min-width: 360px;
    max-width: 360px;
    margin-right: 20px;
    margin-bottom: 0;
  }

  .category__footer {
    display: none;
  }

  .category__btn {
    width: auto;
  }

  .category__title {
    margin-bottom: 12px;
  }

  .category--reverse .category__head {
    margin-right: 0;
    margin-left: 20px;
  }

  .catalog-tabs .tabs__nav {
    height: 42px;
  }

  .p-banner__body {
    padding: 32px;
    min-height: 186px;
  }

  .p-banner__img--wrap {
    right: 10%;
  }

  .p-card__container {
    display: flex;
    align-items: flex-start;
    margin-right: -20px;
    margin-left: -20px;
  }

  .p-card__media {
    width: 52%;
    padding: 0 20px;
  }

  .p-card__main {
    width: 48%;
    padding: 0 20px;
    margin-top: 0;
  }

  .p-card__title {
    font-size: 40px;
  }

  .p-card__size-btn {
    font-size: 24px;
    min-height: 72px;
  }

  .p-card__tooltip-btn:hover {
    color: var(--neutral-neutral-90);
    text-decoration-color: transparent;
  }

  .p-recommended__slider {
    padding: 0 40px;
  }

  .filter__col-reset:hover {
    color: var(--neutral-neutral-100);
    text-decoration-color: var(--neutral-neutral-100);
  }

  .filter__group {
    margin-top: 4px;
  }

  .filter__group .filter__label {
    width: 33.3%;
    padding: 0 4px;
    margin: 8px 0 0;
  }

  .filter__label {
    margin-top: 12px;
    width: 100%;
  }

  .filter__nav {
    margin-top: 16px;
  }

  .sub-offer {
    min-height: 760px;
    padding: 52px;
  }

  .sub-offer::before {
    top: -190px;
    left: 40px;
    right: 40px;
  }

  .sub-offer__content {
    max-width: 776px;
  }

  .sub-offer__title {
    font-size: 60px;
  }

  .sidebar {
    min-width: 290px;
    max-width: 290px;
    margin: 0 12px 0 0;
  }

  .sidebar__menu-item {
    margin-bottom: 12px;
  }

  .sidebar__menu-item--active .sidebar__menu-btn:after {
    display: none;
  }

  .sidebar__menu-item--logout {
    margin-top: 12px;
  }

  .auth {
    width: 50%;
    padding: 40px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-left: auto;
    min-height: 590px;
  }

  .auth .slider-wrapper {
    width: calc(50% - 24px);
    margin: 0;
    position: absolute;
    top: 12px;
    left: 12px;
    bottom: 12px;
    margin-bottom: 0;
  }

  .auth__slider-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .auth__slider-img--wrap {
    height: 100%;
    padding-top: 0;
  }

  .auth__tab {
    padding: 0;
  }

  .footer__row {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
  }

  .footer__nav {
    margin: 0;
  }

  .footer__nav-list {
    justify-content: flex-start;
  }

  .footer__nav-child-link {
    font-size: 20px;
  }

  .footer__nav-child-link:hover {
    color: var(--neutral-neutral-100);
  }

  .footer__copy {
    position: static;
    margin-top: 72px;
  }

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

  .basket__main {
    width: 66.6%;
  }

  .basket__aside {
    width: 33.3%;
    margin: 0 0 0 20px;
  }

  .basket__sum-td-title {
    font-size: 32px;
  }

  .checkout {
    flex-direction: row;
  }

  .checkout__main {
    width: 53%;
  }

  .checkout__aside {
    position: sticky;
    top: 100px;
    padding: 32px 40px;
    width: 47%;
    margin: 0 0 0 5%;
  }

  .checkout__service-card:hover .checkout__service-input:not(:checked) ~ .checkout__service-body:after {
    background-image: url('../img/icons/checkout-payment-hover.svg');
  }

  .checkout__payment-card:hover .checkout__payment-input:not(:checked) ~ .checkout__payment-body:after {
    background-image: url('../img/icons/checkout-payment-hover.svg');
  }

  .about__section h1:not([class]):before {
    width: 140px;
  }

  .about__benefits {
    margin-top: 64px;
  }

  body .bx-authform-link-container a:hover {
    color: var(--neutral-neutral-50);
  }

  .unit__menu-btn {
    font-size: 20px;
    min-height: 56px;
  }

  .unit__menu-btn:hover {
    color: var(--neutral-neutral-100);
  }

  .unit__menu-count {
    margin-left: 12px;
  }

  .unit__textarea h2:not([class]) {
    font-size: 32px;
  }

  .contacts {
    display: flex;
  }

  .contacts__main {
    margin-bottom: 0;
  }

  .contacts__aside {
    width: 33.3%;
    min-width: 320px;
    margin: 0 0 0 32px;
  }

  a.contacts__list-value:hover {
    color: var(--neutral-neutral-50);
  }

  .page-error {
    min-height: calc(100vh - 105px);
  }
}

@media (min-width: 1280px) {
  .h2,h2 {
    font-size: 60px;
  }

  .hide-xl-only {
    display: none;
  }

  .category__head {
    min-width: 440px;
    max-width: 440px;
  }

  .product {
    width: 33.3%;
  }

  .sidebar {
    min-width: 400px;
    max-width: 400px;
    margin: 0 60px 0 0;
  }

  .checkout__service-card {
    width: calc(50% - 6px);
  }

  .checkout__payment-card {
    width: calc(50% - 6px);
  }

  .contacts__main {
    width: 66.6%;
  }

  .contacts__aside {
    margin: 0 0 0 64px;
  }
}

@media (min-width: 1921px) {
  .p-recommended__slider {
    padding: 0 calc((100vw - 1920px + 80px) / 2);
  }
}

@media (max-width: 991px) {
  .aside--filter {
    position: fixed;
    bottom: 0;
    left: 0;
    height: calc(100vh - 72px - 48px - 24px);
    border: 1px solid var(--neutral-neutral-10);
    background: var(--neutral-neutral-00);
    border-radius: 20px;
    padding: 16px;
    display: flex;
    flex-direction: column;
    transition: .2s linear;
    opacity: 0;
    transform: translateY(20px);
    z-index: -1;
  }

  .aside--filter-show {
    opacity: 1;
    transform: translateY(0);
    z-index: 99;
  }

  .hide-lg-down {
    display: none;
  }

  .header__logo {
    margin-right: auto;
    margin-left: 24px;
  }

  .header__tooltip-popup {
    display: none;
  }

  .category__head .category__btn {
    display: none;
  }

  .p-recommended .slider-btn {
    display: none;
  }

  .filter {
    overflow: auto;
    margin-bottom: 64px;
  }

  .filter__col-body {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
  }

  .filter__group {
    gap: 8px;
  }

  .filter__nav {
    padding: 16px;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: var(--neutral-neutral-00);
  }

  .sidebar__menu {
    height: 64px;
    overflow: hidden;
    transition: .4s ease;
  }

  .sidebar__menu--show {
    max-height: max-content;
  }

  .sidebar__menu--show .sidebar__menu-item--active .sidebar__menu-btn:after {
    transform: rotate(180deg);
  }

  .sidebar__menu--show .sidebar__menu-item {
    opacity: 1;
  }

  .sidebar__menu-list {
    display: flex;
    flex-direction: column;
  }

  .sidebar__menu-item {
    opacity: 0;
    order: 2;
  }

  .sidebar__menu-item--active {
    order: 1;
    opacity: 1;
  }

  .sidebar__menu-item--logout {
    opacity: 1;
  }
}

@media (max-width: 767px) {
  .aside--filter {
    height: calc(100vh - 64px - 44px - 24px);
  }

  .hide-md-down {
    display: none;
  }

  .breadcrumbs__item {
    display: none;
  }

  .breadcrumbs__item:first-child {
    display: block;
  }

  .breadcrumbs__item:last-child {
    display: block;
  }

  .header__panel .header__lang-btn {
    display: none;
  }

  .checkout__aside .product-tiny__content {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .about__section h1:not([class]) br {
    display: none;
  }

  .profile__favorites .product__title {
    font-size: 12px;
  }

  .profile__favorites .product__short {
    display: none;
  }

  .profile__favorites .product__favorite {
    top: 8px;
    right: 8px;
  }

  .profile__favorites .product__price .price__current {
    font-size: 14px;
  }

  .profile__favorites .product__price .price__current span {
    font-size: 12px;
  }

  .profile__favorites .product__panel {
    left: 8px;
    right: 8px;
    bottom: 8px;
  }
}

@media (max-width: 1279px) {
  .hide-xl-down {
    display: none;
  }

  .checkout__service-card {
    flex: 1 1 280px;
  }

  .checkout__payment-card {
    flex: 1 1 280px;
  }
}

@media (max-width: 579px) {
  .hide-sm-down {
    display: none;
  }

  .toast__btn {
    font-size: 16px;
  }

  .notice__card {
    margin-right: -32px;
  }

  .header__auth-btn {
    display: none;
  }

  .add-cart .p-card__tooltip-popup {
    right: -12px;
  }

  .category__body .product__colors-list > * {
    margin-right: 4px;
  }

  .p-recommended__title {
    font-size: 24px;
  }

  .footer__container {
    padding: 0 12px;
  }

  .profile__card.-sm-tiny- {
    padding: 16px 12px;
  }

  .profile__card.-sm-tiny- .profile__card-title {
    font-size: 16px;
  }

  .profile__card.-sm-tiny- .profile__card-title.-sm-big- {
    font-size: 20px;
  }

  .profile__products-list .product-tiny__info {
    padding: 0;
  }

  .profile__products-list .product-tiny__img--wrap {
    height: 48px;
    margin-right: 12px;
    border-radius: 12px;
  }

  .unit__title {
    font-size: 32px;
  }

  .unit__textarea .h1,.unit__textarea h1:not([class]) {
    font-size: 32px;
  }

  .unit__textarea .h1 + p,.unit__textarea h1:not([class]) + p {
    font-size: 14px;
  }
}