@charset "UTF-8";
@keyframes opacityPulse {
  0% {
    opacity: 100%;
  }
  70% {
    opacity: 40%;
  }
  to {
    opacity: 100%;
  }
}
:root {
  --scrollbar: 8px;
  --vh: 100vh;
  --header-height: 72px;
  --bottom-bar-height: 48px;
  --content-area: 1920px;
  --columns: 16;
  --column-width: calc(var(--content-area) / var(--columns));
  --modal-width: 0;
  --modal-slide-from: translate(0);
  --icon-height: 24px;
  --sliding-duration: 0.55s;
  --sliding-function: cubic-bezier(0.67, -0.04, 0.28, 1.19);
  --aspect-ratio: 100%;
  --grid-col: 1;
  --grid-col-main-catalog: 1;
  --slider-bullet-size: 6px;
  --err-height: 0px;
  --space-5xs: 4px;
  --space-4xs: 8px;
  --space-3xs: 8px;
  --space-2xs: 16px;
  --space-xs: 16px;
  --space-s: 24px;
  --space-m: 32px;
  --space-l: 40px;
  --space-xl: 72px;
  --space-2xl: 96px;
  --padding: 48px;
  --padding-x: 0;
  --padding-y: 0;
  --padding-t: 0;
  --padding-b: 0;
  --padding-l: 0;
  --padding-r: 0;
  --padding-header-x: 48px;
  --padding-header-y: 8px;
  --padding-modal-x: 24px;
  --padding-modal-y: 20px;
  --padding-header-modal-y: 24px;
  --padding-header-modal-x: 24px;
  --local-offset: 0;
  --icon-color: #000;
  --color-text: #000;
  --color-mode: #000;
  --color-secondary: #fff;
  --text-h1-size: 40px;
  --text-h1-light-size: 40px;
  --text-h2-size: 26px;
  --text-h3-size: 26px;
  --text-h4-size: 20px;
  --text-h5-size: 16px;
  --text-subtitle-size: 16px;
  --text-body-size: 16px;
  --text-table-size: 13px;
  --text-small-size: 13px;
  --text-tiny-size: 11px;
  --text-span-big-size: 18px;
  --text-span-big-height: 1;
  --text-span-size: 13px;
  --text-span-small-size: 13px;
  --text-biggest-size: 100px;
}
.text--error {
  color: #a61e26;
}
:root {
  --duration: 0.3s;
  --modal-duration: 0.3s;
  --common-menu-duration: 0.5s;
}
*,
:after,
:before {
  box-sizing: border-box;
}
html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  font-family: sans-serif;
  line-height: 1.15;
}
article,
aside,
dialog,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
  display: block;
}
body {
  color: #000;
  font-family: sans-serif;
  font-size: 1rem;
  margin: 0;
  text-align: left;
}
[tabindex="-1"]:focus {
  outline: none !important;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: 0.5rem;
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
  -webkit-font-smoothing: antialiased;
  margin-top: 0;
}
p {
  margin-bottom: 1rem;
}
abbr[data-original-title],
abbr[title] {
  border-bottom: 0;
  cursor: help;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}
address {
  font-style: normal;
  line-height: inherit;
}
address,
dl,
ol,
ul {
  margin-bottom: 1rem;
}
dl,
ol,
ul {
  margin-top: 0;
}
ol ol,
ol ul,
ul ol,
ul ul {
  margin-bottom: 0;
}
dt {
  font-weight: 700;
}
dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}
blockquote {
  margin: 0 0 1rem;
}
dfn {
  font-style: italic;
}
b,
strong {
  font-weight: inherit;
  font-weight: bolder;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
a {
  -webkit-text-decoration-skip: objects;
  -webkit-font-smoothing: antialiased;
  background-color: transparent;
  color: #0275d8;
  text-decoration: none;
}
a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none;
}
a:not([href]):not([tabindex]):focus {
  outline: 0;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
pre {
  -ms-overflow-style: scrollbar;
  margin-bottom: 1rem;
  margin-top: 0;
  overflow: auto;
}
figure {
  margin: 0 0 1rem;
}
img {
  border-style: none;
  vertical-align: middle;
}
svg:not(:root) {
  overflow: hidden;
}
[role="button"],
a,
area,
button,
input:not([type="range"]),
label,
select,
summary,
textarea {
  touch-action: manipulation;
}
table {
  border-collapse: collapse;
}
caption {
  caption-side: bottom;
  color: #636c72;
  padding-bottom: 0.75rem;
  padding-top: 0.75rem;
  text-align: left;
}
th {
  text-align: inherit;
}
label {
  display: inline-block;
  margin-bottom: 0.5rem;
}
button {
  border-radius: 0;
}
button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  margin: 0;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
[type="reset"],
[type="submit"],
button,
html [type="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;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="date"],
input[type="datetime-local"],
input[type="month"],
input[type="time"] {
  -webkit-appearance: listbox;
}
textarea {
  overflow: auto;
  resize: vertical;
}
fieldset {
  border: 0;
  margin: 0;
  min-width: 0;
  padding: 0;
}
legend {
  color: inherit;
  display: block;
  font-size: 1.5rem;
  line-height: inherit;
  margin-bottom: 0.5rem;
  max-width: 100%;
  padding: 0;
  white-space: normal;
  width: 100%;
}
progress {
  display: inline-block;
  vertical-align: baseline;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
[type="search"] {
  -webkit-appearance: none;
  outline-offset: -2px;
}
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
output {
  display: inline-block;
}
summary {
  display: list-item;
}
template {
  display: none;
}
[hidden] {
  display: none !important;
}
audio,
video {
  display: inline-block;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
* {
  box-sizing: border-box;
}
html {
  -webkit-font-smoothing: antialiased;
}
@font-face {
  font-display: swap;
  font-family: Nunito;
  font-style: normal;
  font-weight: 300;
  src: url(fonts/Nunito-Light.woff2) format("woff2"),
    url(fonts/Nunito-Light.woff) format("woff");
}
@font-face {
  font-display: swap;
  font-family: Nunito;
  font-style: normal;
  font-weight: 400;
  src: url(fonts/Nunito-Regular.woff2) format("woff2"),
    url(fonts/Nunito-Regular.woff) format("woff");
}
@font-face {
  font-display: swap;
  font-family: Nunito;
  font-style: normal;
  font-weight: 600;
  src: url(fonts/Nunito-SemiBold.woff2) format("woff2"),
    url(fonts/Nunito-SemiBold.woff) format("woff");
}
@font-face {
  font-display: swap;
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
  src: url(fonts/Inter-Regular.woff2) format("woff2"),
    url(fonts/Inter-Regular.woff) format("woff");
}
@font-face {
  font-display: swap;
  font-family: Inter;
  font-style: normal;
  font-weight: 500;
  src: url(fonts/Inter-Medium.woff2) format("woff2"),
    url(fonts/Inter-Medium.woff) format("woff");
}
.icon-sym {
  fill: #000;
  fill: var(--icon-color);
  display: inline-block;
  font-size: 24px;
  font-size: var(--icon-height);
  height: 1em;
  transition: fill 0.2s linear;
}
.icon-sym--arrow-right,
.icon-sym--basket,
.icon-sym--basket-empty,
.icon-sym--burger,
.icon-sym--care-bleach,
.icon-sym--care-drying,
.icon-sym--care-drying-auto,
.icon-sym--care-iron,
.icon-sym--care-temperature,
.icon-sym--care-wash-disallow,
.icon-sym--care-wash-dry,
.icon-sym--care-wash-hand,
.icon-sym--checkmark,
.icon-sym--chevron,
.icon-sym--chevron-left {
  width: 1em;
}
.icon-sym--chevron-right {
  width: 0.9756097561em;
}
.icon-sym--comment,
.icon-sym--copy,
.icon-sym--delete,
.icon-sym--delivery,
.icon-sym--download,
.icon-sym--edit,
.icon-sym--filter,
.icon-sym--filter-empty,
.icon-sym--fitting-and-care,
.icon-sym--info,
.icon-sym--layout-card,
.icon-sym--layout-grid,
.icon-sym--logo,
.icon-sym--minus,
.icon-sym--payment-method,
.icon-sym--pin,
.icon-sym--plus,
.icon-sym--purchase-returns,
.icon-sym--search,
.icon-sym--time,
.icon-sym--user {
  width: 1em;
}
.icon-sym--user-empty {
  width: 0.96em;
}
.icon-sym--x-close {
  width: 1em;
}
body {
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-size: var(--text-body-size);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-transform: none;
}
.lookbook-page__title,
.text-h1,
h1 {
  font-size: 40px;
  font-size: var(--text-h1-size);
  font-weight: 600;
}
.lookbook-page__title,
.text-h1,
.text-h1--light,
h1 {
  font-family: Nunito, sans-serif;
  font-style: normal;
  line-height: 1.05;
  text-transform: uppercase;
}
.text-h1--light {
  font-size: 40px;
  font-size: var(--text-h1-light-size);
  font-weight: 300;
}
.lookbook-group__title,
.text-h2,
h2 {
  font-family: Nunito, sans-serif;
  font-size: 26px;
  font-size: var(--text-h2-size);
  font-style: normal;
  font-weight: 600;
  line-height: 1.1;
  text-transform: uppercase;
}
.text-h3,
h3 {
  font-size: 26px;
  font-size: var(--text-h3-size);
  font-weight: 500;
}
.text-h3,
.text-h4,
h3,
h4 {
  font-family: Inter, sans-serif;
  font-style: normal;
  line-height: 1.4;
  text-transform: none;
}
.text-h4,
h4 {
  font-size: 20px;
  font-size: var(--text-h4-size);
  font-weight: 400;
}
.text-h5,
h5 {
  font-size: 16px;
  font-size: var(--text-h5-size);
  font-weight: 500;
}
.form__input,
.text-h5,
.text-subtitle,
h5 {
  font-family: Inter, sans-serif;
  font-style: normal;
  line-height: 1.4;
  text-transform: none;
}
.form__input,
.text-subtitle {
  font-size: 16px;
  font-size: var(--text-subtitle-size);
  font-weight: 400;
}
.text-body {
  font-size: 16px;
  font-size: var(--text-body-size);
  font-weight: 400;
}
.text-body,
.text-table {
  font-family: Inter, sans-serif;
  font-style: normal;
  line-height: 1.5;
  text-transform: none;
}
.text-table {
  font-size: 13px;
  font-size: var(--text-table-size);
  font-weight: 500;
}
.form__desc,
.form__hint,
.text-tiny {
  font-family: Inter, sans-serif;
  font-size: 11px;
  font-size: var(--text-tiny-size);
  font-style: normal;
  font-weight: 400;
  line-height: 1.45;
  text-transform: none;
}
.form__check-label,
.lookbook__about-text,
.text-small {
  font-family: Inter, sans-serif;
  font-size: 13px;
  font-size: var(--text-small-size);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-transform: none;
}
.menu-languages,
.text-span-big {
  font-size: 18px;
  font-size: var(--text-span-big-size);
  line-height: 1;
  line-height: var(--text-span-big-height);
}
.menu-languages,
.text-span,
.text-span-big {
  font-family: Nunito, sans-serif;
  font-style: normal;
  font-weight: 600;
  text-transform: uppercase;
}
.text-span {
  font-size: 13px;
  font-size: var(--text-span-size);
  line-height: 1.1;
}
.text-span-small {
  font-family: Nunito, sans-serif;
  font-size: 13px;
  font-size: var(--text-span-small-size);
  font-style: normal;
  font-weight: 400;
  line-height: 1.1;
  text-transform: none;
}
:root {
  --thumbBG: #fff;
  --scrollbarBG: #e0e0e0;
}
* {
  scrollbar-color: #fff #e0e0e0;
  scrollbar-color: var(--thumbBG) var(--scrollbarBG);
  scrollbar-width: thin;
}
.typography-content {
  margin-bottom: 72px;
  margin-bottom: var(--space-xl);
}
.typography-content .lookbook-page__title,
.typography-content .text-h1,
.typography-content h1 {
  margin-bottom: 32px;
  margin-bottom: var(--space-m);
}
.typography-content .text-h4,
.typography-content h4 {
  margin-bottom: 16px;
  margin-bottom: var(--space-xs);
  margin-top: 40px;
  margin-top: var(--space-l);
}
.typography-content .note + .text-h4,
.typography-content .note + h4 {
  margin-top: 32px;
  margin-top: var(--space-m);
}
.typography-content--delivery th:nth-child(2) {
  width: 30%;
}
@font-face {
  font-family: swiper-icons;
  font-style: normal;
  font-weight: 400;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA")
    format("woff");
}
:root {
  --swiper-theme-color: #007aff;
}
.swiper-container {
  list-style: none;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  padding: 0;
  position: relative;
  z-index: 1;
}
.swiper-container-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  box-sizing: content-box;
  display: flex;
  height: 100%;
  position: relative;
  transition-property: transform;
  width: 100%;
  z-index: 1;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
  transform: translateZ(0);
}
.swiper-container-multirow > .swiper-wrapper {
  flex-wrap: wrap;
}
.swiper-container-multirow-column > .swiper-wrapper {
  flex-direction: column;
  flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
  margin: 0 auto;
  transition-timing-function: ease-out;
}
.swiper-container-pointer-events {
  touch-action: pan-y;
}
.swiper-container-pointer-events.swiper-container-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  height: 100%;
  position: relative;
  transition-property: transform;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-container-3d {
  perspective: 1200px;
}
.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(270deg, rgba(0, 0, 0, 0.5), transparent);
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.5), transparent);
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5), transparent);
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), transparent);
}
.swiper-container-css-mode > .swiper-wrapper {
  -ms-overflow-style: none;
  overflow: auto;
  scrollbar-width: none;
}
.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
:root {
  --PhoneInput-color--focus: #03b2cb;
  --PhoneInputInternationalIconPhone-opacity: 0.8;
  --PhoneInputInternationalIconGlobe-opacity: 0.65;
  --PhoneInputCountrySelect-marginRight: 0.35em;
  --PhoneInputCountrySelectArrow-width: 0.3em;
  --PhoneInputCountrySelectArrow-marginLeft: var(
    --PhoneInputCountrySelect-marginRight
  );
  --PhoneInputCountrySelectArrow-borderWidth: 1px;
  --PhoneInputCountrySelectArrow-opacity: 0.45;
  --PhoneInputCountrySelectArrow-color: currentColor;
  --PhoneInputCountrySelectArrow-color--focus: var(--PhoneInput-color--focus);
  --PhoneInputCountrySelectArrow-transform: rotate(45deg);
  --PhoneInputCountryFlag-aspectRatio: 1.5;
  --PhoneInputCountryFlag-height: 1em;
  --PhoneInputCountryFlag-borderWidth: 1px;
  --PhoneInputCountryFlag-borderColor: rgba(0, 0, 0, 0.5);
  --PhoneInputCountryFlag-borderColor--focus: var(--PhoneInput-color--focus);
  --PhoneInputCountryFlag-backgroundColor--loading: rgba(0, 0, 0, 0.1);
}
.PhoneInput {
  align-items: center;
  display: flex;
}
.PhoneInputInput {
  flex: 1 1;
  min-width: 0;
}
.PhoneInputCountryIcon {
  height: 1em;
  height: var(--PhoneInputCountryFlag-height);
  width: 1.5em;
  width: calc(
    var(--PhoneInputCountryFlag-height) *
      var(--PhoneInputCountryFlag-aspectRatio)
  );
}
.PhoneInputCountryIcon--square {
  width: 1em;
  width: var(--PhoneInputCountryFlag-height);
}
.PhoneInputCountryIcon--border {
  background-color: rgba(0, 0, 0, 0.1);
  background-color: var(--PhoneInputCountryFlag-backgroundColor--loading);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 0 1px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 0 var(--PhoneInputCountryFlag-borderWidth)
      var(--PhoneInputCountryFlag-borderColor),
    inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth)
      var(--PhoneInputCountryFlag-borderColor);
}
.PhoneInputCountryIconImg {
  display: block;
  height: 100%;
  width: 100%;
}
.PhoneInputInternationalIconPhone {
  opacity: 0.8;
  opacity: var(--PhoneInputInternationalIconPhone-opacity);
}
.PhoneInputInternationalIconGlobe {
  opacity: 0.65;
  opacity: var(--PhoneInputInternationalIconGlobe-opacity);
}
.PhoneInputCountry {
  align-items: center;
  align-self: stretch;
  display: flex;
  margin-right: 0.35em;
  margin-right: var(--PhoneInputCountrySelect-marginRight);
  position: relative;
}
.PhoneInputCountrySelect {
  border: 0;
  cursor: pointer;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
.PhoneInputCountrySelect[disabled],
.PhoneInputCountrySelect[readonly] {
  cursor: default;
}
.PhoneInputCountrySelectArrow {
  border-bottom-width: 1px;
  border-bottom-width: var(--PhoneInputCountrySelectArrow-borderWidth);
  border-color: currentColor;
  border-color: var(--PhoneInputCountrySelectArrow-color);
  border-left-width: 0;
  border-right-width: 1px;
  border-right-width: var(--PhoneInputCountrySelectArrow-borderWidth);
  border-style: solid;
  border-top-width: 0;
  content: "";
  display: block;
  height: 0.3em;
  height: var(--PhoneInputCountrySelectArrow-width);
  margin-left: 0.35em;
  margin-left: var(--PhoneInputCountrySelectArrow-marginLeft);
  opacity: 0.45;
  opacity: var(--PhoneInputCountrySelectArrow-opacity);
  transform: rotate(45deg);
  transform: var(--PhoneInputCountrySelectArrow-transform);
  width: 0.3em;
  width: var(--PhoneInputCountrySelectArrow-width);
}
.PhoneInputCountrySelect:focus
  + .PhoneInputCountryIcon
  + .PhoneInputCountrySelectArrow {
  color: #03b2cb;
  color: var(--PhoneInputCountrySelectArrow-color--focus);
  opacity: 1;
}
.PhoneInputCountrySelect:focus + .PhoneInputCountryIcon--border {
  box-shadow: 0 0 0 1px #03b2cb, inset 0 0 0 1px #03b2cb;
  box-shadow: 0 0 0 var(--PhoneInputCountryFlag-borderWidth)
      var(--PhoneInputCountryFlag-borderColor--focus),
    inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth)
      var(--PhoneInputCountryFlag-borderColor--focus);
}
.PhoneInputCountrySelect:focus
  + .PhoneInputCountryIcon
  .PhoneInputInternationalIconGlobe {
  color: #03b2cb;
  color: var(--PhoneInputCountrySelectArrow-color--focus);
  opacity: 1;
}
.Toastify__toast-container {
  box-sizing: border-box;
  color: #fff;
  padding: 4px;
  position: fixed;
  -webkit-transform: translateZ(9999px);
  width: 375px;
  z-index: 9999;
}
.Toastify__toast-container--top-left {
  left: 1em;
  top: 1em;
}
.Toastify__toast-container--top-center {
  left: 50%;
  top: 1em;
  transform: translateX(-50%);
}
.Toastify__toast-container--top-right {
  right: 1em;
  top: 1em;
}
.Toastify__toast-container--bottom-left {
  bottom: 1em;
  left: 1em;
}
.Toastify__toast-container--bottom-center {
  bottom: 1em;
  left: 50%;
  transform: translateX(-50%);
}
.Toastify__toast-container--bottom-right {
  bottom: 1em;
  right: 1em;
}
.Toastify__toast {
  border-radius: 4px;
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 15px 0 rgba(0, 0, 0, 0.05);
  box-sizing: border-box;
  cursor: pointer;
  direction: ltr;
  display: flex;
  font-family: sans-serif;
  justify-content: space-between;
  margin-bottom: 1rem;
  max-height: 800px;
  min-height: 64px;
  overflow: hidden;
  padding: 8px;
  position: relative;
}
.Toastify__toast--rtl {
  direction: rtl;
}
.Toastify__toast--dark {
  background: #121212;
  color: #fff;
}
.Toastify__toast--default {
  background: #fff;
  color: #aaa;
}
.Toastify__toast--info {
  background: #3498db;
}
.Toastify__toast--error,
.Toastify__toast--success,
.Toastify__toast--warning {
  background: hsla(0, 0%, 100%, 0.85);
}
.Toastify__toast-body {
  flex: 1 1 auto;
  margin: auto 0;
  padding: 6px;
}
.Toastify--animate {
  animation-duration: 0.7s;
  animation-fill-mode: both;
}
.Toastify__close-button {
  align-self: flex-start;
  background: transparent;
  border: none;
  color: #fff;
  cursor: pointer;
  opacity: 0.7;
  outline: none;
  padding: 0;
  transition: 0.3s ease;
}
.Toastify__close-button--default {
  color: #000;
  opacity: 0.3;
}
.Toastify__close-button > svg {
  fill: currentColor;
  height: 16px;
  width: 14px;
}
.Toastify__close-button:focus,
.Toastify__close-button:hover {
  opacity: 1;
}
@keyframes Toastify__trackProgress {
  0% {
    transform: scaleX(1);
  }
  to {
    transform: scaleX(0);
  }
}
.Toastify__progress-bar {
  background-color: hsla(0, 0%, 100%, 0.7);
  bottom: 0;
  height: 5px;
  left: 0;
  opacity: 0.7;
  position: absolute;
  transform-origin: left;
  width: 100%;
  z-index: 9999;
}
.Toastify__progress-bar--animated {
  animation: Toastify__trackProgress linear 1 forwards;
}
.Toastify__progress-bar--controlled {
  transition: transform 0.2s;
}
.Toastify__progress-bar--rtl {
  left: auto;
  right: 0;
  transform-origin: right;
}
.Toastify__progress-bar--default {
  background: linear-gradient(
    90deg,
    #4cd964,
    #5ac8fa,
    #007aff,
    #34aadc,
    #5856d6,
    #ff2d55
  );
}
.Toastify__progress-bar--dark {
  background: #bb86fc;
}
@keyframes Toastify__bounceInRight {
  0%,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    transform: translate3d(10px, 0, 0);
  }
  90% {
    transform: translate3d(-5px, 0, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes Toastify__bounceInLeft {
  0%,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }
  75% {
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    transform: translate3d(5px, 0, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes Toastify__bounceInUp {
  0%,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  75% {
    transform: translate3d(0, 10px, 0);
  }
  90% {
    transform: translate3d(0, -5px, 0);
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes Toastify__bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes Toastify__bounceInDown {
  0%,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }
  75% {
    transform: translate3d(0, -10px, 0);
  }
  90% {
    transform: translate3d(0, 5px, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
.Toastify__bounce-enter--bottom-left,
.Toastify__bounce-enter--top-left {
  animation-name: Toastify__bounceInLeft;
}
.Toastify__bounce-enter--bottom-right,
.Toastify__bounce-enter--top-right {
  animation-name: Toastify__bounceInRight;
}
.Toastify__bounce-enter--top-center {
  animation-name: Toastify__bounceInDown;
}
.Toastify__bounce-enter--bottom-center {
  animation-name: Toastify__bounceInUp;
}
.Toastify__bounce-exit--bottom-left,
.Toastify__bounce-exit--top-left {
  animation-name: Toastify__bounceOutLeft;
}
.Toastify__bounce-exit--bottom-right,
.Toastify__bounce-exit--top-right {
  animation-name: Toastify__bounceOutRight;
}
.Toastify__bounce-exit--top-center {
  animation-name: Toastify__bounceOutUp;
}
.Toastify__bounce-exit--bottom-center {
  animation-name: Toastify__bounceOutDown;
}
@keyframes Toastify__zoomIn {
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes Toastify__zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.Toastify__zoom-enter {
  animation-name: Toastify__zoomIn;
}
.Toastify__zoom-exit {
  animation-name: Toastify__zoomOut;
}
@keyframes Toastify__flipIn {
  0% {
    animation-timing-function: ease-in;
    opacity: 0;
    transform: perspective(400px) rotateX(90deg);
  }
  40% {
    animation-timing-function: ease-in;
    transform: perspective(400px) rotateX(-20deg);
  }
  60% {
    opacity: 1;
    transform: perspective(400px) rotateX(10deg);
  }
  80% {
    transform: perspective(400px) rotateX(-5deg);
  }
  to {
    transform: perspective(400px);
  }
}
@keyframes Toastify__flipOut {
  0% {
    transform: perspective(400px);
  }
  30% {
    opacity: 1;
    transform: perspective(400px) rotateX(-20deg);
  }
  to {
    opacity: 0;
    transform: perspective(400px) rotateX(90deg);
  }
}
.Toastify__flip-enter {
  animation-name: Toastify__flipIn;
}
.Toastify__flip-exit {
  animation-name: Toastify__flipOut;
}
@keyframes Toastify__slideInRight {
  0% {
    transform: translate3d(110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes Toastify__slideInLeft {
  0% {
    transform: translate3d(-110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes Toastify__slideInUp {
  0% {
    transform: translate3d(0, 110%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes Toastify__slideInDown {
  0% {
    transform: translate3d(0, -110%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes Toastify__slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(110%, 0, 0);
    visibility: hidden;
  }
}
@keyframes Toastify__slideOutLeft {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(-110%, 0, 0);
    visibility: hidden;
  }
}
@keyframes Toastify__slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, 500px, 0);
    visibility: hidden;
  }
}
@keyframes Toastify__slideOutUp {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -500px, 0);
    visibility: hidden;
  }
}
.Toastify__slide-enter--bottom-left,
.Toastify__slide-enter--top-left {
  animation-name: Toastify__slideInLeft;
}
.Toastify__slide-enter--bottom-right,
.Toastify__slide-enter--top-right {
  animation-name: Toastify__slideInRight;
}
.Toastify__slide-enter--top-center {
  animation-name: Toastify__slideInDown;
}
.Toastify__slide-enter--bottom-center {
  animation-name: Toastify__slideInUp;
}
.Toastify__slide-exit--bottom-left,
.Toastify__slide-exit--top-left {
  animation-name: Toastify__slideOutLeft;
}
.Toastify__slide-exit--bottom-right,
.Toastify__slide-exit--top-right {
  animation-name: Toastify__slideOutRight;
}
.Toastify__slide-exit--top-center {
  animation-name: Toastify__slideOutUp;
}
.Toastify__slide-exit--bottom-center {
  animation-name: Toastify__slideOutDown;
}
.Toastify__toast-container {
  color: #000;
}
.Toastify__toast {
  -webkit-backdrop-filter: blur(64px);
  backdrop-filter: blur(64px);
  font-family: Inter, sans-serif;
  font-size: 13px;
  font-size: var(--text-small-size);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-transform: none;
}
.Toastify__toast:last-child {
  margin-bottom: 0;
}
.Toastify__toast:before {
  background-color: #e0e0e0;
  bottom: 0;
  content: "";
  height: 4px;
  left: 0;
  position: absolute;
  width: 100%;
}
.Toastify__custom-close-button {
  --icon-height: 24px;
  --icon-color: #000;
  align-self: flex-start;
  background-color: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
}
.Toastify__progress-bar {
  height: 4px;
}
.Toastify__progress-bar--success {
  background: #49ae0b;
}
.Toastify__progress-bar--warning {
  background: #f8c50d;
}
.Toastify__progress-bar--error {
  background: #a61e26;
}
.lazyload,
.lazyloading {
  filter: blur(5px);
}
.lazyloaded {
  filter: none;
  transition: filter 0.3s ease-in-out;
  transition: var(--duration) filter ease-in-out;
}
.layout {
  --column-width: calc((100% - var(--padding) * 2) / var(--columns));
  margin: auto;
  max-width: 1920px;
  max-width: var(--content-area);
  width: 100%;
}
.layout--under-header {
  margin-top: 104px;
  margin-top: calc(var(--header-height) + var(--space-m));
}
.layout__wrapper {
  padding-left: 48px;
  padding-left: var(--padding);
  padding-right: 48px;
  padding-right: var(--padding);
}
.layout__content {
  --columns: 14;
}
.wrapper {
  align-items: flex-start;
  display: flex;
}
.wrapper__right {
  position: sticky;
  top: 32px;
  top: var(--space-m);
  width: 100%;
}
:focus {
  outline: none !important;
}
a {
  color: inherit;
}
a:hover {
  text-decoration: underline;
}
button {
  color: inherit;
}
a[href^="mailto:"],
a[href^="tel:"] {
  white-space: nowrap;
}
a.link {
  text-decoration: underline;
}
a.link:hover {
  text-decoration: none;
}
ul {
  margin: 16px 0 32px;
  margin: var(--space-xs) 0 var(--space-m) 0;
  padding-left: 1.8rem;
}
ul > li {
  margin-bottom: 24px;
  margin-bottom: var(--space-s);
}
ol {
  grid-row-gap: 16px;
  grid-row-gap: var(--space-xs);
  counter-reset: ol-li;
  display: grid;
  grid-template-columns: 100%;
  list-style: none;
  margin: 16px 0 32px;
  margin: var(--space-xs) 0 var(--space-m) 0;
  padding: 0;
  row-gap: 16px;
  row-gap: var(--space-xs);
}
ol > li:before {
  content: counters(ol-li, ".") ".";
  counter-increment: ol-li;
  margin-right: 8px;
  margin-right: var(--space-3xs);
}
table {
  width: 100%;
}
td,
th {
  border-top: 0.5px solid #e0e0e0;
  padding: 16px 8px;
  text-align: center;
}
td:last-child,
th:last-child {
  padding-right: 0;
  text-align: right;
}
td:first-child,
th:first-child {
  padding-left: 0;
  text-align: left;
}
th {
  border-color: transparent;
}
.nowrap {
  white-space: nowrap;
}
input:not([type="checkbox"]),
input:not([type="radio"]) {
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
}
.mb-0 {
  margin-bottom: 0 !important;
}
.mb-4xs {
  margin-bottom: 8px !important;
  margin-bottom: var(--space-4xs) !important;
}
.mb-3xs {
  margin-bottom: 8px !important;
  margin-bottom: var(--space-3xs) !important;
}
.mb-2xs {
  margin-bottom: 16px !important;
  margin-bottom: var(--space-2xs) !important;
}
.mb-xs {
  margin-bottom: 16px !important;
  margin-bottom: var(--space-xs) !important;
}
.mt-s {
  margin-top: 24px !important;
  margin-top: var(--space-s) !important;
}
.mb-s {
  margin-bottom: 24px !important;
  margin-bottom: var(--space-s) !important;
}
.mt-m {
  margin-top: 32px !important;
  margin-top: var(--space-m) !important;
}
.mb-m {
  margin-bottom: 32px !important;
  margin-bottom: var(--space-m) !important;
}
.mb-l {
  margin-bottom: 40px !important;
  margin-bottom: var(--space-l) !important;
}
.mb-xl {
  margin-bottom: 72px !important;
  margin-bottom: var(--space-xl) !important;
}
.mb-2xl {
  margin-bottom: 96px !important;
  margin-bottom: var(--space-2xl) !important;
}
.p-0 {
  padding: 0 !important;
}
.pt-m {
  padding-top: 32px !important;
  padding-top: var(--space-m) !important;
}
.visually-hidden:not(:focus):not(:active) {
  clip: rect(0 0 0 0);
  border: 0;
  clip-path: inset(100%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}
.img-wrapper img,
.img-wrapper video,
.obj-cover {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}
.btn {
  --duration: 0.3s;
  align-items: center;
  background-color: #000;
  border: 2px solid #000;
  border-radius: 4px;
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font-family: Nunito, sans-serif;
  font-size: 13px;
  font-size: var(--text-span-size);
  font-style: normal;
  font-weight: 600;
  justify-content: center;
  line-height: 1.1;
  padding: 16px 24px;
  text-align: center;
  text-transform: uppercase;
  transition: all 0.3s ease-in-out;
  transition: var(--duration) all ease-in-out;
}
.btn:hover {
  text-decoration: none;
}
button:disabled {
  cursor: default;
  opacity: 0.5;
}
.btn .icon-sym {
  margin-right: 4px;
}
.btn--white {
  background-color: #fff;
  border-color: #fff;
  color: #000;
}
.btn--transparent {
  background-color: transparent;
  border-color: transparent;
  color: #000;
}
.btn--gray {
  background-color: #f2f2f2;
  border-color: #f2f2f2;
  color: #000;
}
.btn--outline {
  background-color: transparent;
  color: #000;
  overflow: hidden;
  position: relative;
  transition: 0.55s cubic-bezier(0.65, 0, 0.35, 1);
}
.btn--outline:before {
  background-color: #000;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transform: translateX(-115%) skewX(15deg);
  transition: 0.45s cubic-bezier(0.4, 0, 0.6, 1);
  width: 100%;
  z-index: -1;
}
.btn--outline:hover {
  color: #fff;
}
.btn--outline:hover:before {
  transform: translateX(0) skewX(0);
  transition: 0.55s cubic-bezier(0.65, 0, 0.35, 1);
}
.btn--outline.btn--white {
  border-color: #fff;
  color: #fff;
}
.btn--outline.btn--white:hover {
  color: #000;
}
.btn--outline.btn--white:before {
  background-color: #fff;
}
.btn--border--gray {
  border-color: #e0e0e0;
}
.btn--border--gray:hover {
  color: #000;
}
.btn--border--gray:before {
  background-color: #e0e0e0;
}
.btn--width--100 {
  width: 100%;
}
.btn--small {
  padding: 9px 16px;
}
.btn--alfa_bank {
  background-color: #ef3124;
  border: none;
  display: block;
}
.btn--alfa_bank:hover {
  color: #a61e26;
}
.btn--loading {
  animation: opacityPulse 1s ease-in infinite both;
}
.btn--loading,
.btn--loading:hover {
  cursor: not-allowed;
}
.header {
  --icon-height: 24px;
  align-items: center;
  display: flex;
  height: 72px;
  height: var(--header-height);
  justify-content: space-between;
  padding: 8px 48px;
  padding: var(--padding-header-y) var(--padding-header-x);
  position: relative;
  z-index: 930;
}
.header__col {
  grid-column-gap: 24px;
  align-items: center;
  -moz-column-gap: 24px;
  column-gap: 24px;
  display: grid;
  grid-auto-flow: column;
}
.header__link {
  background-color: transparent;
  border: none;
  display: flex;
  padding: 0;
}
.header__link--home {
  margin-right: 24px;
}
.header__link--search {
  display: none;
}
.menu-trigger {
  align-items: center;
  background-color: transparent;
  border: none;
  cursor: pointer;
  display: flex;
  padding: 0;
}
.menu-trigger__name {
  font-family: Nunito, sans-serif;
  font-size: 18px;
  font-size: var(--text-span-big-size);
  font-style: normal;
  font-weight: 600;
  line-height: 1;
  line-height: var(--text-span-big-height);
  margin-right: 4px;
  text-transform: uppercase;
}
.bottom-bar {
  -webkit-backdrop-filter: blur(64px);
  backdrop-filter: blur(64px);
  background: hsla(0, 0%, 100%, 0.85);
  border-top: 1px solid #e0e0e0;
  bottom: 0;
  display: none;
  height: calc(48px + env(safe-area-inset-bottom));
  height: calc(var(--bottom-bar-height) + env(safe-area-inset-bottom));
  left: 0;
  padding: 8px 48px calc(8px + env(safe-area-inset-bottom));
  padding: var(--padding-header-y) var(--padding-header-x)
    calc(var(--padding-header-y) + env(safe-area-inset-bottom));
  position: fixed;
  width: 100%;
  z-index: 930;
}
.bottom-bar__col {
  grid-column-gap: 32px;
  grid-column-gap: var(--space-m);
  align-items: center;
  -moz-column-gap: 32px;
  column-gap: 32px;
  -moz-column-gap: var(--space-m);
  column-gap: var(--space-m);
  display: grid;
  grid-auto-flow: column;
}
.bottom-bar__menu {
  background-color: transparent;
  border: none;
  cursor: pointer;
  display: flex;
  padding: 0;
}
.bottom-bar__busket {
  display: flex;
}
.lk-btn {
  background-color: transparent;
  border: none;
  cursor: pointer;
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  line-height: inherit;
  padding: 0;
  text-transform: inherit;
}
.footer {
  grid-gap: 40px;
  display: grid;
  gap: 40px;
  grid-template-columns: auto auto;
  padding-bottom: 32px;
  padding-bottom: var(--space-m);
  padding-top: 32px;
  padding-top: var(--space-m);
}
.footer__info {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.footer__socials {
  display: flex;
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-size: var(--text-h4-size);
  font-style: normal;
  font-weight: 400;
  line-height: 1.4;
  list-style: none;
  margin: 0 -16px;
  padding: 0;
  text-transform: none;
}
.footer__socials-item {
  margin-left: 16px;
  margin-right: 16px;
}
.footer__payments {
  grid-column-gap: 16px;
  -moz-column-gap: 16px;
  column-gap: 16px;
  display: grid;
  grid-auto-flow: column;
  list-style: none;
  margin: 0;
  padding: 0;
}
.footer__payments-item--visa {
  background: url(../images/sprite/sprite-e3cb4894.svg) no-repeat;
  background-position: 40.9090909091% 77.2727272727%;
  height: 36px;
  width: 36px;
}
.footer__payments-item--mastercard {
  background: url(../images/sprite/sprite-e3cb4894.svg) no-repeat;
  background-position: 77.2727272727% 0;
  height: 36px;
  width: 36px;
}
.footer__payments-item--mir {
  background: url(../images/sprite/sprite-e3cb4894.svg) no-repeat;
  background-position: 0 77.2727272727%;
  height: 36px;
  width: 36px;
}
.footer__links {
  grid-column-gap: 32px;
  -moz-column-gap: 32px;
  column-gap: 32px;
  display: grid;
  grid-auto-flow: column;
}
.footer__links-item {
  margin: auto;
}
.footer__mobile-only {
  display: none;
}
.form__field {
  --color-mode: $white-lightest;
  --err-height: var(--space-xs);
  --padding-x: 16px;
  --padding-t: 21px;
  --padding-b: 5px;
  font-size: 16px;
  font-size: var(--text-subtitle-size);
  margin-bottom: 16px;
  margin-bottom: var(--space-2xs);
  padding-bottom: 0;
  padding-bottom: var(--err-height);
  position: relative;
}
.form__field:last-child {
  margin-bottom: 0;
}
.form__field--textarea.delivery-comment .form__label {
  top: 12px;
  transform: none;
}
.form__field--textarea.delivery-comment .form__input:focus ~ .form__label,
.form__field--textarea.delivery-comment.error .form__label,
.form__field--textarea.delivery-comment.has-value .form__label {
  transform: translateY(-8px) scale(0.7);
}
.form__field--with-submit {
  --icon-height: 24px;
}
.form__field--without-err {
  --err-height: 0px;
  padding-bottom: 0;
}
.form__field--tel {
  --local-offset: 72px;
  --PhoneInputCountrySelectArrow-width: 8px;
  --PhoneInputCountrySelectArrow-height: 4px;
  --PhoneInputCountrySelectArrow-marginLeft: 12px;
  --PhoneInputCountrySelectArrow-opacity: 1;
  --PhoneInputCountrySelectArrow-color--focus: $balck;
}
.form__row .form__field {
  margin-bottom: 16px;
  margin-bottom: var(--space-2xs);
}
.form__field-check {
  --color-mode: $black;
  align-items: center;
  border-bottom: 1px solid #e0e0e0;
  border-top: 1px solid #e0e0e0;
  display: flex;
  margin: 0;
  padding: 16px 0;
  padding: var(--space-xs) 0;
}
.form__field-check + .form__field-check {
  border-top: none;
}
.form__field-check--modal {
  padding-left: 24px;
  padding-left: var(--padding-modal-x);
  padding-right: 24px;
  padding-right: var(--padding-modal-x);
}
.form__field-check--label--block .form__check-label {
  display: block;
}
.error {
  --color-mode: #a61e26;
}
.form__input {
  --color-text: #000;
  background-color: #fff;
  border: 1px solid #cdcdcd;
  border-radius: 4px;
  color: transparent;
  padding: 0;
  padding: var(--padding-t) var(--padding-x) var(--padding-b);
  transition: color 0.3s ease-in-out;
  width: 100%;
}
.form__input::-moz-placeholder {
  color: grey;
}
.form__input::placeholder {
  color: grey;
}
.form__input--no-label {
  --padding-t: 13px;
  --padding-b: 13px;
}
.error .form__input,
.form__input:focus,
.has-value .form__input {
  color: #000;
  color: var(--color-text);
}
.form__field--with-submit .form__input {
  border-color: #000;
  padding-right: 24px;
  padding-right: calc(var(--padding-x) + var(--icon-height));
}
.form__field--tel .form__input {
  color: #000;
  color: var(--color-text);
}
.form__submit-input {
  background-color: transparent;
  border: none;
  cursor: pointer;
  display: flex;
  padding: 0;
  position: absolute;
  right: 0;
  right: var(--padding-x);
  top: 50%;
  top: calc((100% - var(--err-height)) / 2);
  transform: translateY(-50%);
}
.form__check,
.form__radio {
  cursor: pointer;
}
@supports (-webkit-appearance: none) or (-moz-appearance: none) {
  .form__check,
  .form__radio {
    -webkit-appearance: none;
    -moz-appearance: none;
    border: none;
  }
  .form__check {
    background: url(../images/sprite/sprite-e3cb4894.svg) no-repeat;
    background-position: 65.3846153846% 34.6153846154%;
    height: 20px;
    width: 20px;
  }
  .form__check:checked {
    background: url(../images/sprite/sprite-e3cb4894.svg) no-repeat;
    background-position: 69.2307692308% 65.3846153846%;
    height: 20px;
    width: 20px;
  }
  .form__radio {
    background: url(../images/sprite/sprite-e3cb4894.svg) no-repeat;
    background-position: 100% 38.4615384615%;
    height: 20px;
    width: 20px;
  }
  .form__radio:checked {
    background: url(../images/sprite/sprite-e3cb4894.svg) no-repeat;
    background-position: 100% 57.6923076923%;
    height: 20px;
    width: 20px;
  }
  .error .form__check {
    background: url(../images/sprite/sprite-e3cb4894.svg) no-repeat;
    background-position: 100% 19.2307692308%;
    height: 20px;
    width: 20px;
  }
  .error .form__check:checked {
    background: url(../images/sprite/sprite-e3cb4894.svg) no-repeat;
    background-position: 100% 0;
    height: 20px;
    width: 20px;
  }
  .error .form__radio {
    background: url(../images/sprite/sprite-e3cb4894.svg) no-repeat;
    background-position: 0 100%;
    height: 20px;
    width: 20px;
  }
  .error .form__radio:checked {
    background: url(../images/sprite/sprite-e3cb4894.svg) no-repeat;
    background-position: 100% 76.9230769231%;
    height: 20px;
    width: 20px;
  }
}
.form__label {
  --duration: 0.3s;
  cursor: pointer;
  left: 0;
  left: var(--padding-x);
  margin: 0;
  position: absolute;
  top: 50%;
  top: calc((100% - var(--err-height)) / 2);
  transform: translateY(-50%);
  transform-origin: 0 0;
  transition-duration: 0.3s;
  transition-duration: var(--duration);
  transition-property: color, transform;
  transition-timing-function: ease-in-out;
}
.form__label:first-letter {
  text-transform: uppercase;
}
.error .form__label,
.form__input:focus ~ .form__label,
.has-value .form__label {
  color: grey;
  transform: translateY(-50%) translateY(-8px) scale(0.7);
}
input:disabled + .form__label {
  color: grey;
  cursor: default;
}
.form__check-label {
  align-items: center;
  color: #000;
  color: var(--color-mode);
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  margin-bottom: 0;
  margin-left: 16px;
  text-align: left;
  width: 100%;
}
.form__field-check--modal .form__check-label {
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-size: var(--text-h4-size);
  font-style: normal;
  font-weight: 400;
  line-height: 1.4;
  text-transform: none;
}
.form__label-color {
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  height: 16px;
  overflow: hidden;
  width: 16px;
}
.form__hint {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  text-align: left;
}
.error .form__hint {
  visibility: hidden;
}
.form__hint--error {
  color: #a61e26;
  visibility: hidden;
}
.error .form__hint--error {
  visibility: visible;
}
.form__field--tel .form__hint {
  left: 16px;
  left: calc(var(--local-offset) + var(--space-xs));
}
.form__hint--pin {
  text-align: inherit;
}
.form__desc {
  color: grey;
}
.form__field--tel .PhoneInputCountry {
  background-color: #fff;
  border: 1px solid #cdcdcd;
  border-radius: 4px;
  justify-content: center;
  margin-right: 16px;
  width: 0;
  width: var(--local-offset);
}
.form__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.form__list--bt-none > :first-child {
  border-top: none;
}
.form__row {
  grid-column-gap: 24px;
  grid-column-gap: var(--space-s);
  -moz-column-gap: 24px;
  column-gap: 24px;
  -moz-column-gap: var(--space-s);
  column-gap: var(--space-s);
  display: grid;
  grid-auto-flow: column;
  grid-template-columns: repeat(auto-fit, 1fr);
}
.form--arival-subscribe {
  margin: 40px 0;
  margin: var(--space-l) 0;
}
.form--arival-subscribe .btn,
.form--subscribe .form__header {
  margin-bottom: 16px;
  margin-bottom: var(--space-xs);
}
.form--subscribe .form__header {
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-size: var(--text-h4-size);
  font-size: 16px !important;
  font-size: var(--text-h5-size) !important;
  font-style: normal;
  font-weight: 400;
  line-height: 1.4;
  max-width: 450px;
  text-align: left;
  text-transform: none;
}
.form--apply-promo {
  margin-top: 24px;
  margin-top: var(--space-s);
}
.form--menu-search {
  border-bottom: 1px solid #e0e0e0;
  padding: 24px;
}
.form--search {
  padding-bottom: 8px;
  padding-bottom: calc(24px - var(--space-xs));
  padding-left: 24px;
  padding-left: var(--padding-modal-x);
  padding-right: 24px;
  padding-right: var(--padding-modal-x);
  padding-top: 24px;
}
.form--search .form__field {
  --padding-t: 13px;
  --padding-b: 13px;
}
.form--search .form__input {
  color: #000;
  color: var(--color-text);
}
.form--fake-search {
  padding-bottom: 24px;
}
.form--fake-search .form__field {
  --err-height: 0px;
  background-color: transparent;
  border: none;
  padding: 0;
  width: 100%;
}
.form--fake-search .form__input {
  color: grey;
  cursor: text;
  text-align: left;
}
.search-promt {
  list-style: none;
  margin: 0;
  padding: 0;
}
.search-promt__item {
  cursor: pointer;
  margin: 0;
  padding: 24px;
  padding: var(--padding-modal-x);
}
.input,
.search-promt__item {
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-size: var(--text-subtitle-size);
  font-style: normal;
  font-weight: 400;
  line-height: 1.4;
  text-transform: none;
}
.input {
  background-color: #fff;
  border: 0.5px solid #000;
  border-radius: 4px;
  padding: 13px 16px;
  width: 100%;
}
.input::-moz-placeholder {
  color: grey;
}
.input::placeholder {
  color: grey;
}
.input--with-submit {
  padding-right: 40px;
}
.submit-inline {
  --icon-height: 24px;
  background: none;
  border: none;
  cursor: pointer;
  display: flex;
  padding: 0;
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
}
.combobox-menu {
  background-color: #fff;
  left: 0;
  list-style: none;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  right: 0;
  top: calc(100% + 2px);
  top: calc(100% - var(--err-height) + 2px);
  z-index: 10;
}
.combobox-menu.is-open {
  border: 1px solid #cdcdcd;
  border-radius: 4px;
  box-shadow: 0 2px 12px 5px rgba(0, 0, 0, 0.1);
}
.combobox-menu__item {
  cursor: pointer;
  margin: 0;
  padding: 4px 16px;
  transition: background-color 0.3s ease-in-out;
}
.combobox-menu__item.is-active {
  background-color: #f2f2f2;
}
.combobox-menu__item.is-focus {
  background-color: #cdcdcd;
}
.location-detail {
  bottom: 0;
  left: 0;
  opacity: 0.5;
  overflow: hidden;
  padding: 0;
  padding: var(--padding-t) var(--padding-x) var(--padding-b);
  pointer-events: none;
  position: absolute;
  right: 0;
  text-overflow: ellipsis;
  top: 0;
  white-space: nowrap;
}
.location-detail__item {
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-size: var(--text-subtitle-size);
  font-style: normal;
  font-weight: 400;
  line-height: 1.4;
  text-transform: none;
}
.location-detail__item--city {
  visibility: hidden;
}
.react-code-input > input {
  border: 1px solid #cdcdcd;
  border-radius: 4px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-size: var(--text-subtitle-size);
  font-style: normal;
  font-weight: 400;
  line-height: 1.4;
  margin: 0 4px;
  text-align: center;
  text-transform: none;
}
.error .react-code-input > input {
  border-color: #a61e26;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes shadeIn {
  0% {
    background-color: transparent;
  }
  to {
    background-color: rgba(0, 0, 0, 0.25);
  }
}
@keyframes shadeOut {
  0% {
    background-color: rgba(0, 0, 0, 0.25);
  }
  to {
    background-color: transparent;
  }
}
@keyframes slideIn {
  0% {
    transform: translate(0);
    transform: var(--modal-slide-from);
  }
  to {
    transform: translate(0);
  }
}
@keyframes slideOut {
  0% {
    transform: translate(0);
  }
  to {
    transform: translate(0);
    transform: var(--modal-slide-from);
  }
}
.modal {
  --modal-width: 420px;
  --icon-height: 24px;
  --modal-duration: 0.3s;
  display: none;
}
.modal.is-open {
  display: block;
}
.modal--common-menu {
  --modal-duration: var(--common-menu-duration);
}
.modal--alert {
  --padding-header-modal-y: 32px;
  --padding-modal-x: 32px;
}
.modal--sign-in {
  --modal-width: calc(375px + var(--padding) * 2);
}
.modal__overlay {
  animation-duration: 0.3s;
  animation-duration: var(--modal-duration);
  animation-fill-mode: forwards;
  animation-timing-function: ease-out;
  background-color: transparent;
  bottom: 0;
  display: flex;
  justify-content: flex-start;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  transition: background-color 3s ease-in-out;
  z-index: 940;
}
.modal[aria-hidden="false"] .modal__overlay {
  animation-name: shadeIn;
}
.modal[aria-hidden="true"] .modal__overlay {
  animation-name: shadeOut;
}
.modal--site-menu .modal__overlay {
  justify-content: flex-end;
}
.modal--catalog-menu .modal__overlay {
  justify-content: flex-start;
}
.modal--alert .modal__overlay {
  align-items: center;
  justify-content: center;
}
.modal--sign-in .modal__overlay {
  overflow: auto;
  padding: 40px;
  padding: var(--space-l);
}
.modal--filter .modal__overlay,
.modal--filters .modal__overlay {
  justify-content: flex-end;
}
.modal__container {
  animation-duration: 0.3s;
  animation-duration: var(--modal-duration);
  animation-fill-mode: forwards;
  animation-timing-function: ease-out;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 0;
  width: var(--modal-width);
}
.modal[aria-hidden="false"] .modal__container {
  animation-name: slideIn;
}
.modal[aria-hidden="true"] .modal__container {
  animation-name: slideOut;
}
.modal--sign-in .modal__container {
  height: auto;
  margin: auto;
  padding: 48px;
  padding: var(--padding);
  text-align: center;
}
.modal--sign-in[aria-hidden="false"] .modal__container {
  animation-name: fadeIn;
}
.modal--sign-in[aria-hidden="true"] .modal__container {
  animation-name: fadeOut;
}
.modal--alert[aria-hidden="false"] .modal__container {
  animation-name: fadeIn;
}
.modal--alert[aria-hidden="true"] .modal__container {
  animation-name: fadeOut;
}
.modal--site-menu .modal__container {
  --modal-slide-from: translateX(100%);
}
.modal--catalog-menu .modal__container {
  --modal-slide-from: translateX(-100%);
}
.modal--common-menu .modal__container {
  --modal-slide-from: translateY(100%);
}
.modal--alert .modal__container {
  height: auto;
  text-align: center;
}
.modal--filter .modal__container,
.modal--filters .modal__container {
  --modal-slide-from: translateX(100%);
}
.modal--search-desctop .modal__container {
  background-color: transparent;
}
.modal--search-desctop .modal__body,
.modal--search-desctop .modal__footer {
  animation-duration: 0.3s;
  animation-duration: var(--modal-duration);
  animation-fill-mode: forwards;
  animation-timing-function: ease-out;
}
.modal--search-desctop .modal__body {
  --modal-slide-from: translateY(-100%);
}
.modal--search-desctop .modal__footer {
  --modal-slide-from: translateY(100%);
  background-color: #fff;
}
.modal--search-desctop[aria-hidden="false"] .modal__body,
.modal--search-desctop[aria-hidden="false"] .modal__footer {
  animation-name: slideIn;
}
.modal--search-desctop[aria-hidden="true"] .modal__body,
.modal--search-desctop[aria-hidden="true"] .modal__footer {
  animation-name: slideOut;
}
.modal__header {
  align-items: center;
  border-bottom: 0.5px solid #e0e0e0;
  display: flex;
  flex: none;
  justify-content: space-between;
  min-height: 72px;
  min-height: var(--header-height);
  padding: 8px 24px;
  padding: var(--padding-header-y) var(--padding-header-modal-x);
}
.modal__header--info {
  min-height: auto;
}
.modal__header--alert,
.modal__header--info {
  padding: 24px;
  padding: var(--padding-header-modal-y) var(--padding-modal-x);
}
.modal__header--alert {
  border-bottom: none;
}
.modal__header--whith-desc {
  padding-bottom: 16px;
  padding-bottom: var(--space-2xs);
}
.modal__header--search {
  background-color: #fff;
  display: block;
  min-height: auto;
  padding: 0;
  position: relative;
  z-index: 10;
}
.modal__title {
  font-family: Nunito, sans-serif;
  font-size: 26px;
  font-size: var(--text-h2-size);
  font-style: normal;
  font-weight: 600;
  line-height: 1.1;
  margin-bottom: 0;
  text-transform: uppercase;
}
.modal__body {
  height: 100%;
  overflow: auto;
}
.modal__body--pt--m {
  padding-top: 32px;
  padding-top: var(--space-m);
}
.modal__body--filters {
  padding-bottom: 16px;
}
.modal__body--search {
  background-color: #fff;
  transition: transform 3s ease-in-out;
}
.modal__content {
  margin-bottom: 32px;
  margin-bottom: var(--space-m);
  padding: 0 24px;
  padding: 0 var(--padding-modal-x);
}
.modal--alert .modal__content {
  margin-bottom: 24px;
  margin-bottom: var(--space-s);
}
.modal__block {
  border-top: 0.5px solid #e0e0e0;
  padding: 24px;
  padding: var(--space-s) var(--padding-modal-x);
}
.modal__block:first-child {
  border-top: none;
}
.modal__section-title {
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-size: var(--text-h4-size);
  font-style: normal;
  font-weight: 400;
  line-height: 1.4;
  margin-bottom: 16px;
  margin-bottom: var(--space-xs);
  text-transform: none;
}
.modal__footer {
  align-items: flex-start;
  border-top: 0.5px solid #e0e0e0;
  display: flex;
  flex: none;
  justify-content: space-between;
  min-height: 48px;
  min-height: var(--bottom-bar-height);
  padding-bottom: 8px;
  padding-bottom: var(--padding-header-y);
}
.modal__footer--column {
  flex-direction: column;
}
.modal__footer--info {
  min-height: auto;
}
.modal__footer--filters {
  border-top: none;
  position: relative;
}
.modal__footer--filters:before {
  background-image: linear-gradient(0deg, #fff, hsla(0, 0%, 100%, 0));
  content: "";
  height: 16px;
  left: 0;
  position: absolute;
  right: 0;
  top: -15px;
}
.modal__footer--search {
  background-color: #fff;
}
.modal__subtitle {
  color: #404040;
  margin-bottom: 24px;
  margin-bottom: var(--space-s);
}
.modal-subscribe {
  max-width: 0;
  max-width: var(--modal-width);
  position: relative;
  width: 100vw;
}
.modal-subscribe__close {
  cursor: pointer;
  display: block;
  height: 32px;
  height: var(--space-m);
  position: absolute;
  right: 16px;
  right: var(--space-2xs);
  top: 16px;
  top: var(--space-2xs);
  width: 32px;
  width: var(--space-m);
  z-index: 10;
}
.modal-subscribe__close svg {
  height: 100%;
  width: 100%;
}
.modal-subscribe--step1 {
  height: 90vh;
  max-height: 620px;
}
.modal-subscribe--step1 .modal-subscribe__img,
.modal-subscribe--step1 .modal-subscribe__img:before {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.modal-subscribe--step1 .modal-subscribe__img:before {
  background: rgba(0, 0, 0, 0.5);
  bottom: 0;
  content: "";
  display: block;
  right: 0;
}
.modal-subscribe--step1 .modal-subscribe__img img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  width: 100%;
}
.modal-subscribe--step1 .modal-subscribe__content {
  bottom: 0;
  left: 0;
  padding: 20px 24px;
  padding: var(--padding-modal-y) var(--padding-modal-x);
  position: absolute;
  width: 100%;
}
.modal-subscribe--step1 .modal__title {
  color: #fff;
  margin-bottom: 16px;
  margin-bottom: var(--space-xs);
  text-align: left;
}
.modal-subscribe--step1 .modal__title span {
  font-size: 0.8em;
}
.modal-subscribe--step1 .modal__subtitle {
  color: #fff;
  margin-bottom: 16px;
  margin-bottom: var(--space-xs);
  text-align: left;
}
.modal-subscribe--step2 {
  padding: 20px 24px;
  padding: var(--padding-modal-y) var(--padding-modal-x);
}
.modal-subscribe--step2 .form__desc {
  color: #000;
  color: var(--color-text);
  margin-bottom: 0;
  text-align: left;
}
.modal-subscribe--step2 .form__desc a {
  text-decoration: underline;
}
.modal-subscribe--step2 {
  --icon-color: #fff;
}
.modal-subscribe--step2 .modal-subscribe__form__email {
  margin-bottom: 4px;
  margin-bottom: var(--space-5xs);
}
.modal-subscribe--step2 .modal-subscribe__form__email .form__input--no-label {
  --padding-t: 8px;
  --padding-b: 8px;
  border: 2px solid #000;
  border: 2px solid var(--color-text);
}
.modal-subscribe--step2
  .modal-subscribe__form__email
  .form__input--no-label::-moz-placeholder {
  color: --color-text;
}
.modal-subscribe--step2
  .modal-subscribe__form__email
  .form__input--no-label::placeholder {
  color: --color-text;
}
.modal-subscribe--step2 button {
  grid-gap: 8px;
  grid-gap: var(--space-3xs);
  font-size: 16px;
  font-size: var(--text-subtitle-size);
  gap: 8px;
  gap: var(--space-3xs);
  justify-content: flex-start;
  line-height: 1.4;
  margin-bottom: 20px;
  padding-bottom: 8px;
  padding-top: 8px;
}
.modal-subscribe--step2 button .icon-sym {
  height: 16px;
  height: var(--text-subtitle-size);
  margin-right: 0;
  width: 16px;
  width: var(--text-subtitle-size);
}
.measurement-title {
  font-size: 16px;
  font-size: var(--text-subtitle-size);
  line-height: 1.4;
  margin-bottom: 8px;
  margin-bottom: var(--space-3xs);
}
.measurement-detail,
.measurement-title {
  font-family: Inter, sans-serif;
  font-style: normal;
  font-weight: 400;
  text-transform: none;
}
.measurement-detail {
  font-size: 13px;
  font-size: var(--text-small-size);
  line-height: 1.5;
  margin-bottom: 0;
}
.care-list {
  grid-row-gap: 24px;
  grid-row-gap: var(--space-s);
  display: grid;
  grid-template-columns: 100%;
  list-style: none;
  margin: 40px 0;
  margin: var(--space-l) 0;
  padding: 0;
  row-gap: 24px;
  row-gap: var(--space-s);
}
.care-list__item {
  align-items: center;
  display: flex;
  margin: 0;
}
.modal-ol {
  margin-bottom: 24px;
  margin-bottom: var(--space-s);
  margin-top: 0;
}
.description-title {
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-size: var(--text-h4-size);
  font-style: normal;
  font-weight: 400;
  line-height: 1.4;
  margin-bottom: 8px;
  margin-bottom: var(--space-3xs);
  text-transform: none;
}
.availability-params,
.availability-store {
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-size: var(--text-subtitle-size);
  font-style: normal;
  font-weight: 400;
  line-height: 1.4;
  text-transform: none;
}
.availability-store {
  margin-bottom: 8px;
  margin-bottom: var(--space-3xs);
}
.availability {
  align-items: center;
  color: #404040;
  display: flex;
}
.availability__info {
  grid-row-gap: 4px;
  display: grid;
  flex-grow: 1;
  font-size: 13px;
  font-size: var(--text-small-size);
  font-weight: 400;
  grid-template-columns: 100%;
  row-gap: 4px;
}
.availability__info,
.availability__status {
  font-family: Inter, sans-serif;
  font-style: normal;
  line-height: 1.5;
  text-transform: none;
}
.availability__status {
  flex: none;
  font-size: 13px;
  font-size: var(--text-table-size);
  font-weight: 500;
  margin-left: 16px;
  white-space: nowrap;
}
.availability__status--ok {
  color: #49ae0b;
}
.footer-btn-group {
  border-top: 0.5px solid #e0e0e0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  width: 100%;
}
.footer-btn-group__item + .footer-btn-group__item {
  border-left: 0.5px solid #e0e0e0;
}
.footer-btn-wrapper {
  padding: 16px 40px;
  width: 100%;
}
.product-props {
  grid-row-gap: 24px;
  grid-row-gap: var(--space-s);
  display: grid;
  margin: 32px 0;
  margin: var(--space-m) 0;
  row-gap: 24px;
  row-gap: var(--space-s);
}
.product-props__title {
  font-size: 16px;
  font-size: var(--text-subtitle-size);
  font-weight: 400;
  line-height: 1.4;
  margin-bottom: 16px;
  margin-bottom: var(--space-xs);
}
.product-props__not-available,
.product-props__title {
  font-family: Inter, sans-serif;
  font-style: normal;
  text-transform: none;
}
.product-props__not-available {
  font-size: 13px;
  font-size: var(--text-table-size);
  font-weight: 500;
  line-height: 1.5;
  margin-bottom: 8px;
  margin-bottom: var(--space-3xs);
}
.vpn-banner {
  background-color: #000;
  display: block;
  padding: 15px 0;
  width: 100%;
}
.vpn-banner p {
  color: #fff;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 0;
  text-align: center;
}
.menu-languages {
  grid-column-gap: 8px;
  -moz-column-gap: 8px;
  column-gap: 8px;
  display: inline-grid;
  grid-auto-flow: column;
}
.menu-languages > a {
  color: grey;
}
.menu-languages--mobile {
  display: none;
}
.menu-languages--desktop {
  display: inline-grid;
}
.menu-list-major {
  list-style: none;
  margin: 0;
  padding: 0;
}
.accordion--menu .accordion__header,
.menu-list-major__item {
  border-bottom: 0.5px solid #e0e0e0;
  font-family: Nunito, sans-serif;
  font-size: 18px;
  font-size: var(--text-span-big-size);
  font-style: normal;
  font-weight: 600;
  line-height: 1;
  line-height: var(--text-span-big-height);
  margin: 0;
  padding: 24px;
  padding: 24px var(--padding-modal-x);
  position: relative;
  text-transform: uppercase;
  z-index: 1;
}
.accordion--menu .accordion__header > a,
.menu-list-major__item > a {
  text-decoration: none;
}
.accordion--menu .accordion__header > a:before,
.menu-list-major__item > a:before {
  background-color: #f2f2f2;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: 0.3s linear;
  width: 100%;
  z-index: -1;
}
.accordion--menu .accordion__header:hover > a:before,
.menu-list-major__item:hover > a:before {
  opacity: 1;
}
.menu-list-minor {
  grid-row-gap: 24px;
  border-bottom: 0.5px solid #e0e0e0;
  display: grid;
  list-style: none;
  margin: 0;
  padding: 24px;
  padding: 24px var(--padding-modal-x);
  row-gap: 24px;
}
.menu-list-minor--without-border {
  border-bottom: none;
}
.menu-list-minor__item {
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-size: var(--text-h4-size);
  font-style: normal;
  font-weight: 400;
  line-height: 1.4;
  margin: 0;
  text-transform: none;
}
.detail-main {
  grid-column-gap: 48px;
  grid-column-gap: var(--padding);
  -moz-column-gap: 48px;
  column-gap: 48px;
  -moz-column-gap: var(--padding);
  column-gap: var(--padding);
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  margin-bottom: 96px;
  margin-bottom: var(--space-2xl);
}
.detail-main__sticky {
  justify-self: center;
  min-height: 100vh;
  position: sticky;
  top: 0;
}
.detail-main__sticky,
.detail-main__wrapper {
  align-items: center;
  display: flex;
  padding: 72px 0;
  padding: var(--header-height) 0;
}
.detail-main__container {
  align-items: flex-start;
  display: flex;
  flex: 0 1 248px;
  flex-direction: column;
  margin-left: auto;
  margin-right: auto;
}
.detail-main__container-desktop {
  width: 248px;
}
.detail-main__title {
  align-self: stretch;
  font-size: 16px;
  font-size: var(--text-h5-size);
  font-weight: 500;
  line-height: 1.4;
  margin: 0;
}
.detail-main__info,
.detail-main__title {
  font-family: Inter, sans-serif;
  font-style: normal;
  text-transform: none;
}
.detail-main__info {
  color: grey;
  font-size: 11px;
  font-size: var(--text-tiny-size);
  font-weight: 400;
  line-height: 1.45;
  margin-bottom: 16px;
  margin-bottom: var(--space-xs);
}
.detail-main__add,
.detail-main__kit {
  margin-bottom: 16px;
  margin-bottom: var(--space-xs);
  width: 100%;
}
.dtail-main__promo {
  --local-offset: 4px;
  align-self: stretch;
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  margin: calc(var(--local-offset) * -1);
  margin-bottom: 16px;
  margin-bottom: calc(var(--space-2xs) - var(--local-offset));
}
.dtail-main__promo-item {
  background-color: #f2f2f2;
  border-radius: 4px;
  font-size: 11px;
  font-size: var(--text-tiny-size);
  line-height: 1.45;
  margin: 0;
  margin: var(--local-offset);
  padding: 4px 8px;
}
.dtail-main__desc,
.dtail-main__promo-item {
  font-family: Inter, sans-serif;
  font-style: normal;
  font-weight: 400;
  text-transform: none;
}
.dtail-main__desc {
  color: #404040;
  display: none;
  font-size: 13px;
  font-size: var(--text-small-size);
  line-height: 1.5;
  margin-bottom: 40px;
  margin-bottom: var(--space-l);
}
.dtail-main__desc-item {
  margin-bottom: 0;
}
.dtail-main__desc-item + .dtail-main__desc-item {
  margin-top: 16px;
  margin-top: var(--space-xs);
}
.to-fashion {
  grid-gap: 5px;
  align-items: center;
  background-color: #474343;
  border: none;
  border-radius: 8px;
  bottom: 12px;
  color: #fff;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  font-family: Nunito, sans-serif;
  gap: 5px;
  padding: 4px 8px;
  position: absolute;
  right: 15px;
  transition: 0.3s;
}
.to-fashion svg {
  fill: #fff;
  height: 24px;
  width: 24px;
}
.to-fashion:hover {
  background-color: #302d2d;
}
.detail-colors {
  --local-offset: 4px;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  margin: calc(var(--local-offset) * -1);
  margin-bottom: 8px;
  margin-bottom: calc(var(--space-3xs) - var(--local-offset));
  padding: 0;
}
.detail-colors--modal {
  justify-content: center;
  margin: 0;
}
.detail-colors__item {
  border: 1px solid transparent;
  border-radius: 6px;
  height: 26px;
  margin: 0;
  margin: var(--local-offset);
  padding: 4px;
  width: 26px;
}
.detail-colors__item.is-active {
  border-color: #000;
}
.detail-colors__item > a {
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  color: transparent !important;
  display: block;
  height: 100%;
  overflow: hidden;
  width: 100%;
}
.detail-colors__item > a::-moz-selection {
  color: transparent !important;
}
.detail-colors__item > a::selection {
  color: transparent !important;
}
.detail-sizes {
  --local-offset: 2px;
  display: flex;
  list-style: none;
  margin: 0;
  margin: calc(var(--local-offset) * -1);
  margin-bottom: 16px;
  margin-bottom: calc(var(--space-xs) - var(--local-offset));
  padding: 0;
}
.detail-sizes--modal {
  justify-content: center;
  margin: 0;
}
.detail-sizes__item {
  border: 1px solid transparent;
  border-radius: 4px;
  margin: 0;
  margin: var(--local-offset);
  padding: 0.5em 4px;
}
.detail-sizes__item.is-active {
  border-color: #000;
}
.detail-sizes__item > a {
  display: block;
  font-family: Inter, sans-serif;
  font-size: 11px;
  font-size: var(--text-tiny-size);
  font-style: normal;
  font-weight: 400;
  line-height: 1.45;
  min-width: 2em;
  text-align: center;
  text-transform: none;
  text-transform: uppercase;
}
.detail-sizes--main .detail-sizes__item > a {
  font-family: Inter, sans-serif;
  font-size: 13px;
  font-size: var(--text-table-size);
  font-style: normal;
  font-weight: 500;
  line-height: 1.5;
  text-transform: none;
}
.detail-sizes__item--not-available {
  color: #e0e0e0;
}
.detail-sizes--modal .detail-sizes__item > a {
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-size: var(--text-subtitle-size);
  font-style: normal;
  font-weight: 400;
  line-height: 1.4;
  text-transform: none;
}
.detail-actions {
  width: 100%;
}
.detail-actions__item {
  align-items: center;
  background-color: transparent;
  border: none;
  border-bottom: 0.5px solid #e0e0e0;
  cursor: pointer;
  display: flex;
  font-family: Nunito, sans-serif;
  font-size: 13px;
  font-size: var(--text-span-small-size);
  font-style: normal;
  font-weight: 400;
  justify-content: space-between;
  line-height: 1.1;
  padding: 4px 0;
  text-align: left;
  text-transform: none;
  width: 100%;
}
.detail-inline-actions {
  display: none;
  margin-bottom: 40px;
  margin-bottom: var(--space-l);
  text-align: center;
}
.detail-inline-actions__item {
  display: flex;
}
.detail-inline-actions__item > button {
  background-color: transparent;
  border: none;
  padding: 0;
}
.detail-inline-actions__item > * {
  cursor: pointer;
}
.detail-inline-actions__item + .detail-inline-actions__item {
  margin-left: 16px;
}
.detail-inline-actions__item + .detail-inline-actions__item:before {
  background-color: #e0e0e0;
  content: "";
  display: block;
  margin-bottom: 8px;
  margin-right: 16px;
  margin-top: 8px;
  width: 0.5px;
}
.detail-kit {
  grid-row-gap: 24px;
  grid-row-gap: var(--space-s);
  display: grid;
  grid-template-columns: 100%;
  list-style: none;
  margin: 24px 0;
  margin: var(--space-s) 0;
  padding: 0;
  row-gap: 24px;
  row-gap: var(--space-s);
  width: 100%;
}
.detail-kit--main {
  margin-top: 0;
  order: 30;
}
.detail-kit__item {
  align-items: flex-start;
  display: flex;
  position: relative;
}
.detail-kit--main .detail-kit__item {
  border-radius: 4px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
.detail-kit__img {
  --aspect-ratio: 150%;
  flex: 0 0 100px;
  margin-right: 16px;
  margin-right: var(--space-2xs);
}
.detail-kit__content {
  align-self: center;
}
.detail-kit__title {
  font-family: Inter, sans-serif;
  font-size: 13px;
  font-size: var(--text-small-size);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  margin-bottom: 4px;
  margin-bottom: var(--space-5xs);
  text-transform: none;
}
.detail-kit__title > a:before {
  content: "";
  height: 150px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100px;
  z-index: 10;
}
.detail-kit__color {
  font-family: Inter, sans-serif;
  font-size: 11px;
  font-size: var(--text-tiny-size);
  font-style: normal;
  font-weight: 400;
  line-height: 1.45;
  margin-bottom: 16px;
  margin-bottom: var(--space-xs);
  text-transform: none;
}
.slider {
  --icon-height: 40px;
  --icon-color: #fff;
  position: relative;
}
.swiper-slide {
  width: 100%;
}
.swiper-button-next,
.swiper-button-prev {
  background-color: transparent;
  border: none;
  cursor: pointer;
  line-height: 0;
  padding: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
}
.swiper-button-prev {
  left: 24px;
}
.swiper-button-next {
  right: 24px;
}
.swiper-button-disabled {
  cursor: default;
  opacity: 0.4;
}
.swiper-pagination-bullets {
  grid-column-gap: 8px;
  bottom: 24px;
  bottom: var(--space-s);
  -moz-column-gap: 8px;
  column-gap: 8px;
  display: grid;
  grid-auto-flow: column;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  z-index: 900;
}
.swiper-pagination-bullet {
  border-radius: 50%;
  cursor: pointer;
  display: block;
  padding: 4px;
}
.swiper-pagination-bullet:before {
  background-color: #000;
  border-radius: 50%;
  content: "";
  display: block;
  height: 6px;
  width: 6px;
}
.swiper-pagination-bullet-active:before {
  background-color: #fff;
}
.slider--detail {
  --aspect-ratio: 150%;
  height: 100vh;
  width: 66.6666666667vh;
}
.slider--detail .swiper-container {
  height: 100%;
}
.slider--detail .swiper-slide {
  background-color: #fff;
}
.slider--detail .swiper-pagination {
  display: none;
}
.video-slide {
  height: 100%;
  position: relative;
  width: 100%;
}
.video-slide img,
.video-slide video {
  height: 100%;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
}
.product-slider-wrapper {
  margin-bottom: 96px;
  margin-bottom: var(--space-2xl);
  margin-top: 0;
}
.product-slider-wrapper .product-slider__title {
  font-family: Nunito, sans-serif;
  font-size: 26px;
  font-size: var(--text-h2-size);
  font-style: normal;
  font-weight: 600;
  line-height: 1.1;
  margin-bottom: 24px;
  margin-bottom: var(--space-s);
  margin-left: 24px;
  margin-left: var(--space-s);
  text-transform: uppercase;
}
.product-slider {
  padding: 0 32px;
  position: relative;
}
.product-slider__btn--prev {
  left: 0;
  position: absolute;
  top: 40%;
  transform: translate(-50%, -50%) rotate(180deg);
}
.product-slider__btn--next {
  position: absolute;
  right: 0;
  top: 40%;
  transform: translate(50%, -50%);
}
.arrow-btn {
  align-items: center;
  background-color: rgba(9, 9, 9, 0.504);
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  height: 24px;
  justify-content: center;
  transition: opacity 0.3s, width 0.3s, height 0.3s;
  width: 24px;
  z-index: 10;
}
.arrow-btn svg {
  fill: #fff;
}
.arrow-btn.disabled {
  height: 0;
  opacity: 0;
  width: 0;
}
.slider-detail-nav {
  --aspect-ratio: 150%;
  --grid-col: 2;
  grid-gap: 4px;
  display: grid;
  gap: 4px;
  grid-template-columns: repeat(1, 1fr);
  grid-template-columns: repeat(var(--grid-col), 1fr);
  margin-bottom: 16px;
  margin-bottom: var(--space-xs);
  width: 100%;
}
.slider-detail-nav--col--3 {
  --grid-col: 3;
}
.slider-detail-nav--col--4 {
  --grid-col: 4;
}
.slider-detail-nav__item {
  background-color: transparent;
  border: 1px solid transparent;
  cursor: pointer;
  padding: 0;
}
.slider-detail-nav__item.active {
  border-color: #000;
}
.slider-flipping__fade {
  background-color: rgba(0, 0, 0, 0.4);
  display: block;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: 1.2s;
  width: 100%;
  z-index: 1;
}
.slider-flipping__fade--white {
  background-color: hsla(0, 0%, 100%, 0.6);
}
.swiper-slide-prev .slider-flipping__fade {
  opacity: 1;
}
.slider--banner,
.slider-flipping__inner {
  height: 100%;
}
.slider--banner .swiper-slide {
  background-color: #fff;
}
.slider--banner .swiper-container,
.slider--banner-description,
.slider--banner-description .swiper-container {
  height: 100%;
}
.slider--banner-description .swiper-button-prev {
  left: 32px;
  left: var(--space-m);
}
.slider--banner-description .swiper-button-next {
  right: 32px;
  right: var(--space-m);
}
.slider--banner-description .swiper-pagination-bullet {
  cursor: auto;
}
.slider--catalog-card {
  --aspect-ratio: 150%;
}
.slider--catalog-card .swiper-pagination {
  grid-column-gap: normal;
  grid-column-gap: 0;
  bottom: 0;
  -moz-column-gap: normal;
  -moz-column-gap: initial;
  column-gap: normal;
  display: flex;
  left: 0;
  right: 0;
  top: 0;
  transform: none;
}
.slider--catalog-card .swiper-pagination-bullet {
  border-radius: 0;
  flex: 1 1 100%;
}
.slider--catalog-card .swiper-pagination-bullet:before {
  content: none;
}
.slider--catalog-card .swiper-slide-next ~ .swiper-slide {
  visibility: hidden;
}
.slider--wardrobe {
  --icon-height: 40px;
  --icon-color: $black;
  height: 100%;
}
.slider--wardrobe .swiper-container {
  height: 100%;
}
.slider--wardrobe-control {
  align-items: center;
  display: flex;
  height: auto;
  position: relative;
  width: 100%;
}
.slider--wardrobe-control .swiper-container {
  margin: 0 32px;
  margin: 0 var(--space-m);
}
.slider--wardrobe-control .swiper-button-next,
.slider--wardrobe-control .swiper-button-prev {
  display: flex;
  position: static;
}
.slider--wardrobe-control .swiper-button-prev {
  order: -1;
}
.slider--recommended .swiper-slide {
  width: 220px;
}
.slider--dashboard .swiper-container {
  padding-bottom: 32px;
  padding-bottom: var(--space-m);
}
.slider--dashboard .swiper-slide {
  width: calc(50% - 8px);
}
.slider--dashboard .swiper-pagination-bullets {
  bottom: 0;
}
.slider--dashboard .swiper-pagination-bullet:before {
  background-color: #e0e0e0;
}
.slider--dashboard .swiper-pagination-bullet-active:before {
  background-color: #000;
}
.slider--dashboard .swiper-button-next,
.slider--dashboard .swiper-button-prev {
  top: calc(50% - 16px);
  top: calc(50% - var(--space-m) / 2);
}
.slider--progress-line .swiper-container {
  overflow: visible;
}
.slider--progress-line .swiper-slide {
  flex: none;
}
.img-wrapper {
  display: block;
  padding-top: 100%;
  padding-top: var(--aspect-ratio);
  position: relative;
}
.img-wrapper img,
.img-wrapper video {
  left: 0;
  position: absolute;
  top: 0;
}
.img-wrapper--full {
  height: 100%;
  padding: 0;
}
.img-wrapper--clickable {
  cursor: pointer;
}
.video-wrapper {
  cursor: pointer;
  position: relative;
}
.video-wrapper:before {
  background: url(../images/sprite/sprite-e3cb4894.svg) no-repeat;
  background-position: 0 0;
  content: "";
  height: 68px;
  left: 50%;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transform-origin: center center;
  transition: 0.3s;
  width: 68px;
  z-index: 1;
}
.video-wrapper:hover:before {
  transform: translate(-50%, -50%) scale(1.1);
}
.video-wrapper--active:before {
  opacity: 0;
}
.table-modal {
  margin-bottom: 32px;
  margin-bottom: var(--space-m);
  width: 100%;
}
.table-modal td {
  border-top: 0.5px solid #e0e0e0;
  font-family: Inter, sans-serif;
  font-size: 13px;
  font-size: var(--text-table-size);
  font-style: normal;
  font-weight: 500;
  line-height: 1.5;
  padding: 16px 8px;
  text-align: center;
  text-transform: none;
}
.table-modal td:first-child,
.table-modal th:first-child {
  padding-left: 24px;
  padding-left: var(--padding-modal-x);
  text-align: left;
}
.table-modal td:first-child:before,
.table-modal th:first-child:before {
  display: none;
}
.table-modal td:last-child,
.table-modal th:last-child {
  padding-right: 24px;
  padding-right: var(--padding-modal-x);
}
.table-modal th {
  border-color: transparent;
}
.table-modal--delivery td:last-child,
.table-modal--delivery th:last-child {
  text-align: right;
}
.table-small td,
.table-small th {
  border-top: none;
  padding-bottom: 4px;
  padding-bottom: var(--space-5xs);
  padding-top: 4px;
  padding-top: var(--space-5xs);
}
.table-small td:last-child {
  font-weight: 500;
}
@keyframes animateCartFilledBlock {
  0% {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes animateCartEmptyBlock {
  0% {
    transform: translateY(100%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes animateCartFilledSvg {
  0% {
    transform: scaleY(1);
  }
  to {
    transform: scaleY(3);
  }
}
@keyframes animateCartSvgShow {
  0% {
    visibility: hidden;
  }
  to {
    visibility: visible;
  }
}
@keyframes animateCartSvgHide {
  0% {
    visibility: visible;
  }
  to {
    visibility: hidden;
  }
}
.sliding-container {
  overflow: hidden;
  position: relative;
}
.sliding-container:hover .sliding-container__inner {
  transform: translateY(100%);
}
.sliding-container__inner {
  display: flex;
  transform: translateY(0);
}
.sliding-container svg,
.sliding-container__inner {
  transition: 0.55s cubic-bezier(0.67, -0.04, 0.28, 1.19);
  transition: var(--sliding-duration) var(--sliding-function);
}
.sliding-container svg {
  transform-origin: top;
}
.sliding-container svg:first-child {
  bottom: 100%;
  left: 0;
  position: absolute;
}
.sliding-container svg:nth-child(3) {
  left: 0;
  position: absolute;
  top: 100%;
}
.sliding-container--with-scale:hover svg:nth-child(2) {
  transform: scaleY(3);
}
.sliding-container--animate-cart-filled .sliding-container__inner {
  animation: animateCartFilledBlock 0.55s cubic-bezier(0.67, -0.04, 0.28, 1.19)
    backwards;
  animation: animateCartFilledBlock var(--sliding-duration)
    var(--sliding-function) backwards;
}
.sliding-container--animate-cart-filled svg:nth-child(3) {
  animation: animateCartFilledSvg 0.55s cubic-bezier(0.67, -0.04, 0.28, 1.19)
    backwards;
  animation: animateCartFilledSvg var(--sliding-duration)
    var(--sliding-function) backwards;
}
.sliding-container--animate-cart-empty .sliding-container__inner {
  animation: animateCartEmptyBlock 0.55s cubic-bezier(0.67, -0.04, 0.28, 1.19)
    backwards;
  animation: animateCartEmptyBlock var(--sliding-duration)
    var(--sliding-function) backwards;
}
.sliding-container--animate-cart-empty svg:first-child {
  animation: animateCartSvgShow 0s 0.55s both;
  animation: animateCartSvgShow 0s var(--sliding-duration) both;
  visibility: hidden;
}
.sliding-container--animate-cart-empty svg:nth-child(2) {
  animation: animateCartFilledSvg 0.55s cubic-bezier(0.67, -0.04, 0.28, 1.19)
    reverse backwards;
  animation: animateCartFilledSvg var(--sliding-duration)
    var(--sliding-function) reverse backwards;
}
.sliding-container--animate-cart-empty svg:nth-child(3) {
  animation: animateCartSvgHide 0s 0.55s both;
  animation: animateCartSvgHide 0s var(--sliding-duration) both;
  bottom: 100%;
  top: auto;
  visibility: visible;
}
.catalog {
  margin-bottom: 96px;
  margin-bottom: var(--space-2xl);
  padding-top: 72px;
  padding-top: var(--header-height);
}
.catalog--search {
  margin-top: 104px;
  margin-top: calc(var(--header-height) + var(--space-m));
}
.catalog__container {
  --grid-col: 4;
  grid-row-gap: 32px;
  grid-row-gap: var(--space-m);
  display: grid;
  grid-template-columns: 100%;
  position: relative;
  row-gap: 32px;
  row-gap: var(--space-m);
}
.catalog__container--waiting-list {
  --grid-col-gap: var(--space-xs);
}
.catalog__container--empty {
  --grid-col: 1;
}
.catalog__section {
  grid-gap: 32px 1px;
  grid-gap: var(--space-m) 1px;
  display: grid;
  gap: 32px 1px;
  gap: var(--space-m) 1px;
  grid-template-columns: repeat(1, 100%);
  grid-template-columns: repeat(
    var(--grid-col),
    calc((100% - (var(--grid-col) - 1) * 1px) / var(--grid-col))
  );
}
.catalog__title {
  font-family: Nunito, sans-serif;
  font-size: 26px;
  font-size: var(--text-h2-size);
  font-style: normal;
  font-weight: 600;
  line-height: 1.1;
  margin-bottom: 16px;
  margin-bottom: var(--space-2xs);
  margin-top: 32px;
  margin-top: var(--space-m);
  text-align: center;
  text-transform: uppercase;
}
.catalog__description {
  margin-bottom: 32px;
  margin-bottom: var(--space-m);
  text-align: center;
}
.catalog__not-found {
  margin-bottom: 96px;
  margin-bottom: var(--space-2xl);
  margin-top: 168px;
  margin-top: calc(var(--header-height) + var(--space-2xl));
  padding-left: 48px;
  padding-left: var(--padding);
  padding-right: 48px;
  padding-right: var(--padding);
  text-align: center;
}
.catalog__not-found-title {
  font-family: Nunito, sans-serif;
  font-size: 26px;
  font-size: var(--text-h2-size);
  font-style: normal;
  font-weight: 600;
  line-height: 1.1;
  margin-bottom: 16px;
  margin-bottom: var(--space-2xs);
  text-transform: uppercase;
}
.catalog__not-found-description {
  color: #404040;
}
.catalog--best-sellers {
  margin-bottom: 96px;
  margin-bottom: var(--space-2xl);
  margin-top: 0;
}
.catalog--best-sellers .catalog__title {
  font-family: Nunito, sans-serif;
  font-size: 26px;
  font-size: var(--text-h2-size);
  font-style: normal;
  font-weight: 600;
  line-height: 1.1;
  margin-bottom: 24px;
  margin-bottom: var(--space-s);
  text-transform: uppercase;
}
.catalog__paginator {
  bottom: calc(100vh - 200px);
  height: 0;
  left: 0;
  position: absolute;
  width: 100%;
}
.catalog__preloader {
  height: 72px;
  height: var(--space-xl);
  left: 50%;
  position: absolute;
  top: 100%;
  transform: translateX(-50%);
  width: 72px;
  width: var(--space-xl);
}
.catalog__preloader--search {
  display: block;
  height: 96px;
  height: var(--space-2xl);
  margin-left: auto;
  margin-right: auto;
  margin-top: 144px;
  margin-top: calc(var(--header-height) + var(--space-xl));
  position: static;
  transform: none;
  width: 96px;
  width: var(--space-2xl);
}
.catalog-seo {
  border-top: 0.5px solid #e0e0e0;
}
.catalog-seo__container {
  grid-column-gap: 64px;
  color: #404040;
  -moz-column-count: 2;
  column-count: 2;
  -moz-column-gap: 64px;
  column-gap: 64px;
  font-size: 13px;
  font-size: var(--text-small-size);
  line-height: 1.5;
  margin: auto;
  max-width: 1100px;
  padding: 40px 48px;
  padding: var(--space-l) var(--padding);
}
.catalog-seo__container,
.catalog-seo__title {
  font-family: Inter, sans-serif;
  font-style: normal;
  font-weight: 400;
  text-transform: none;
}
.catalog-seo__title {
  color: #000;
  font-size: 20px;
  font-size: var(--text-h4-size);
  line-height: 1.4;
}
.catalog-seo p {
  margin-bottom: 1.5em;
  page-break-inside: avoid;
}
.catalog-seo p:last-child {
  margin-bottom: 0;
}
.catalog-card {
  --padding: 16px;
  --aspect-ratio: 150%;
  --icon-color: $black;
  align-items: center;
  display: flex;
  flex-direction: column;
  position: relative;
}
.catalog-card__slider {
  --icon-height: 32px;
  margin-bottom: 8px;
  margin-bottom: var(--space-4xs);
  order: 10;
  position: relative;
  width: 100%;
}
.catalog-card__basket {
  --icon-color: #fff;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-color: transparent;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  padding: 0;
  right: 48px;
  right: var(--padding);
}
.catalog-card__basket,
.catalog-card__promo {
  bottom: 48px;
  bottom: var(--padding);
  display: flex;
  position: absolute;
  z-index: 20;
}
.catalog-card__promo {
  --local-offset: 4px;
  flex-wrap: wrap-reverse;
  left: 48px;
  left: calc(var(--padding) - var(--local-offset));
  max-width: calc(100% - 168px);
  max-width: calc(
    100% - var(--padding) * 3 - var(--icon-height) + var(--local-offset) * 2
  );
}
.catalog-card__promo-item {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  color: #fff;
  font-family: Inter, sans-serif;
  font-size: 11px;
  font-size: var(--text-tiny-size);
  font-style: normal;
  font-weight: 400;
  line-height: 1.45;
  margin: 0;
  margin: var(--local-offset);
  overflow: hidden;
  padding: 4px 8px;
  position: relative;
  text-transform: none;
}
.catalog-card__delete {
  --icon-height: 32px;
  background-color: transparent;
  border: none;
  cursor: pointer;
  display: flex;
  padding: 16px;
  padding: var(--space-xs);
  position: absolute;
  right: 0;
  top: 0;
  z-index: 20;
}
.catalog-card__name {
  order: 30;
  padding: 0 4px;
  padding: 0 var(--space-5xs);
  text-align: center;
}
.catalog-card__info,
.catalog-card__name {
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-size: var(--text-subtitle-size);
  font-style: normal;
  font-weight: 400;
  line-height: 1.4;
  margin-bottom: 4px;
  margin-bottom: var(--space-5xs);
  text-transform: none;
}
.catalog-card__info {
  order: 40;
}
.catalog-card__available {
  align-items: flex-end;
  background-color: hsla(0, 0%, 100%, 0.5);
  display: flex;
  font-family: Nunito, sans-serif;
  font-size: 13px;
  font-size: var(--text-span-size);
  font-style: normal;
  font-weight: 600;
  height: 100%;
  justify-content: center;
  left: 0;
  line-height: 1.1;
  padding: 24px;
  padding: var(--space-s);
  pointer-events: none;
  position: absolute;
  text-transform: uppercase;
  top: 0;
  width: 100%;
  z-index: 1;
}
.catalog-card .price {
  font-size: 16px;
  font-size: var(--text-subtitle-size);
  line-height: 1.4;
  order: 40;
}
.catalog-card .price,
.catalog-card__colors-container {
  font-family: Inter, sans-serif;
  font-style: normal;
  font-weight: 400;
  text-transform: none;
}
.catalog-card__colors-container {
  align-items: center;
  color: grey;
  display: flex;
  font-size: 13px;
  font-size: var(--text-small-size);
  line-height: 1.5;
  min-height: 24px;
  order: 20;
}
.catalog-card__colors {
  color: transparent;
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
}
.catalog-card__colors-item {
  margin: 0;
}
.catalog-card__colors-item > a {
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 2px;
  display: block;
  height: 8px;
  margin: 8px;
  overflow: hidden;
  width: 8px;
}
.catalog-card-placeholder-wrapper > * {
  height: 100%;
  width: 100%;
}
.hashtags-wrapper {
  grid-gap: 12px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 12px;
  left: 20px;
  max-width: 70%;
  position: absolute;
  top: 20px;
  z-index: 10;
}
.hashtags-wrapper .hashtag {
  background-color: #f2f2f2;
  padding: 4px 8px;
}
.card-shadow {
  --aspect-ratio: 150%;
  display: flex;
  flex-direction: column;
  position: relative;
}
.card-shadow__image {
  width: 100%;
}
.card-shadow__content {
  bottom: 0;
  color: #fff;
  left: 0;
  padding: 24px;
  padding: var(--space-s);
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 1;
}
.card-shadow__content:before {
  background: linear-gradient(0deg, #000 3.74%, transparent);
  bottom: 0;
  content: "";
  display: block;
  height: 170px;
  left: 0;
  opacity: 0.2;
  position: absolute;
  width: 100%;
  z-index: -1;
}
.card-shadow--horizontal {
  --aspect-ratio: 50%;
}
.card-shadow--horizontal .card-shadow__text {
  max-width: 296px;
  text-align: left;
}
.card-shadow--horizontal .card-shadow__content:before {
  opacity: 0.4;
}
.card-promo {
  --icon-height: 40px;
  display: block;
  position: relative;
}
.card-promo__content {
  align-items: flex-end;
  display: flex;
  height: 100%;
  justify-content: space-between;
  left: 0;
  padding: 24px;
  padding: var(--space-s);
  position: absolute;
  top: 0;
  width: 100%;
}
.card-promo__name {
  padding: 5px 0;
  transition: 0.55s cubic-bezier(0.67, -0.04, 0.28, 1.19);
  transition: var(--sliding-duration) var(--sliding-function);
}
.card-promo:hover .card-promo__name {
  transform: translateX(16px);
}
.card-promo__btn {
  line-height: 0;
  overflow: hidden;
  width: 24px;
  width: var(--icon-height);
}
.card-promo__btn-wrap {
  display: flex;
  transform: translateX(calc(-100% + 24px));
  transform: translateX(calc(-100% + var(--icon-height)));
  transition: 0.55s cubic-bezier(0.67, -0.04, 0.28, 1.19);
  transition: var(--sliding-duration) var(--sliding-function);
  width: -moz-min-content;
  width: min-content;
}
.card-promo:hover .card-promo__btn-wrap {
  transform: translateX(0);
}
.card-promo__btn-wrap svg:first-child {
  margin-right: 40px;
}
.collections {
  margin-bottom: 72px;
  margin-bottom: var(--space-xl);
}
.collections__title {
  margin-bottom: 32px;
  margin-bottom: var(--space-m);
  text-align: center;
}
.collections__list {
  grid-gap: 24px;
  grid-gap: var(--space-s);
  display: grid;
  gap: 24px;
  gap: var(--space-s);
  grid-template-columns: repeat(3, 1fr);
}
.collections__card {
  --aspect-ratio: 150%;
  transition: color 0.3s linear;
}
.collections__card svg {
  transition: fill 0.3s linear;
}
.collections__card.is-dark {
  --icon-color: #fff;
  color: #fff;
}
.collections-layout {
  display: flex;
  flex-wrap: wrap;
}
.collections-layout__item {
  height: 100vh;
  width: 33.3333333333%;
}
.collections-layout__item:nth-child(4) {
  width: 100%;
}
.collections-layout__item:nth-child(5) {
  width: 37.5%;
}
.collections-layout__item:nth-child(6) {
  width: 62.5%;
}
.collections-layout__item.is-dark {
  --icon-color: #fff;
  color: #fff;
}
.lookbook-group__title {
  margin-bottom: 24px;
  margin-bottom: var(--space-s);
  text-align: center;
}
.lookbook-group__items {
  --grid-col: 3;
  grid-gap: 24px;
  grid-gap: var(--space-s);
  display: grid;
  gap: 24px;
  gap: var(--space-s);
  grid-template-columns: repeat(1, 1fr);
  grid-template-columns: repeat(var(--grid-col), 1fr);
  list-style: none;
  margin: 0 0 72px;
  margin-bottom: var(--space-xl);
  padding: 0;
}
.lookbook__card {
  --aspect-ratio: 150%;
  transition: color 0.3s linear;
}
.lookbook__card svg {
  transition: fill 0.3s linear;
}
.lookbook__card.is-dark {
  --icon-color: #fff;
  color: #fff;
}
.lookbook__about {
  border-top: 0.5px solid #e0e0e0;
  padding: 40px 0;
  padding: var(--space-l) 0;
}
.lookbook__about-inner {
  margin: auto;
  max-width: 470px;
}
.lookbook__about-text {
  color: #404040;
}
.lookbook__about p:last-child {
  margin-bottom: 0;
}
.card-lookbook {
  --aspect-ratio: 150%;
  --icon-height: 40px;
  --icon-color: #000;
  --color-secondary: #fff;
  color: #000;
  margin: 0;
  position: relative;
}
.card-lookbook.is-dark {
  --icon-color: #fff;
  --color-secondary: #000;
  color: #fff;
}
.card-lookbook--landscape {
  --aspect-ratio: 54%;
  grid-column: 1/-1;
}
.card-lookbook__content {
  align-items: center;
  bottom: 0;
  display: flex;
  justify-content: space-between;
  left: 0;
  padding: 24px;
  padding: var(--space-s);
  position: absolute;
  width: 100%;
}
.card-lookbook__link {
  display: flex;
}
.card-lookbook__link:after {
  bottom: 0;
  content: "";
  height: 0;
  left: 0;
  padding-top: 100%;
  padding-top: var(--aspect-ratio);
  position: absolute;
  width: 100%;
}
.card-lookbook__link:hover {
  text-decoration: none;
}
.card-lookbook__name {
  filter: drop-shadow(0 0 0.05em #ffffff);
  filter: drop-shadow(0 0 0.05em var(--color-secondary));
  font-family: Nunito, sans-serif;
  font-size: 26px;
  font-size: var(--text-h2-size);
  font-style: normal;
  font-weight: 600;
  line-height: 1.1;
  margin: 0;
  text-transform: uppercase;
}
.card-lookbook__link .card-lookbook__name {
  transition: 0.55s cubic-bezier(0.67, -0.04, 0.28, 1.19);
  transition: var(--sliding-duration) var(--sliding-function);
}
.card-lookbook__link:hover .card-lookbook__name {
  transform: translateX(16px);
  transform: translateX(var(--space-2xs));
}
.card-lookbook__btn {
  flex: none;
  height: 24px;
  height: var(--icon-height);
  margin-left: 16px;
  margin-left: var(--space-2xs);
  overflow: hidden;
  width: 24px;
  width: var(--icon-height);
}
.card-lookbook__btn-wrap {
  display: flex;
  transform: translateX(calc(-100% + 24px));
  transform: translateX(calc(-100% + var(--icon-height)));
  transition: 0.55s cubic-bezier(0.67, -0.04, 0.28, 1.19);
  transition: var(--sliding-duration) var(--sliding-function);
  width: -moz-min-content;
  width: min-content;
}
.card-lookbook__link:hover + .card-lookbook__btn .card-lookbook__btn-wrap {
  transform: translateX(0);
}
.card-lookbook__btn-wrap .icon-sym + .icon-sym {
  margin-left: 24px;
  margin-left: var(--icon-height);
}
.lookbook-page {
  margin-bottom: 72px;
  margin-bottom: var(--space-xl);
}
.lookbook-page__title {
  margin-bottom: 32px;
  margin-bottom: var(--space-m);
  text-align: center;
}
.lookbook-page__list {
  --grid-col: 3;
  grid-gap: 24px;
  grid-gap: var(--space-s);
  display: grid;
  gap: 24px;
  gap: var(--space-s);
  grid-template-columns: repeat(1, 1fr);
  grid-template-columns: repeat(var(--grid-col), 1fr);
  list-style: none;
  margin: 0;
  padding: 0;
}
.dashboard {
  margin-top: 72px;
  margin-top: var(--header-height);
}
.dashboard,
.dashboard__slider {
  margin-bottom: 72px;
  margin-bottom: var(--space-xl);
}
.dashboard__slider {
  padding: 0 48px;
  padding: 0 var(--padding);
}
.dashboard__slider-item {
  border-radius: 4px;
  overflow: hidden;
}
.dashboard__purchases {
  margin-bottom: 72px;
  margin-bottom: var(--space-xl);
}
.dashboard-person {
  padding: 24px 0;
  padding: var(--space-s) 0;
}
.dashboard-person__inner {
  display: flex;
  justify-content: space-between;
}
.dashboard-person__user {
  display: flex;
}
.dashboard-person__user-name {
  margin-left: 8px;
  margin-left: var(--space-3xs);
}
.dashboard-person__btn {
  align-items: center;
  display: flex;
}
.dashboard-person__btn:hover {
  text-decoration: none;
}
.dashboard-person__btn-text {
  margin-right: 8px;
  margin-right: var(--space-3xs);
}
.dashboard-waiting {
  margin-bottom: 72px;
  margin-bottom: var(--space-xl);
}
.dashboard-waitingt__body {
  border-radius: 4px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
  padding: 24px;
  padding: var(--space-s);
}
.dashboard-waiting__goods.goods-preview {
  --goods-count: 4;
}
.dashboard-waiting__goods.goods-preview .goods-preview__item:nth-child(n + 5) {
  position: absolute;
  visibility: hidden;
}
.dashboard-waiting__goods.goods-preview .goods-preview__item:nth-child(n + 6) {
  display: block;
}
.dashboard-waiting__goods.goods-preview
  .goods-preview__item--good:nth-child(n + 4) {
  counter-increment: hidden-goods;
}
.dashboard-waiting__goods.goods-preview
  .goods-preview__item--good:nth-child(4) {
  order: 1;
  position: absolute;
  visibility: hidden;
}
.dashboard-waiting__goods.goods-preview
  .goods-preview__item--good:nth-child(4):nth-last-child(2):not(
    :nth-child(n + 5)
  ),
.dashboard-waiting__goods.goods-preview
  .goods-preview__item.goods-preview__item--more {
  position: relative;
  visibility: visible;
}
.dashboard-service {
  grid-gap: 0 40px;
  grid-gap: 0 var(--space-l);
  display: grid;
  gap: 0 40px;
  gap: 0 var(--space-l);
  grid-template-columns: repeat(2, 1fr);
  padding-left: 48px;
  padding-left: var(--padding);
  padding-right: 48px;
  padding-right: var(--padding);
}
.dashboard-service__item {
  align-items: center;
  border-bottom: 1px solid #e0e0e0;
  display: flex;
  justify-content: space-between;
  padding: 8px 0;
  padding: var(--space-3xs) 0;
}
.dashboard-service__item-arrow {
  --icon-color: #404040;
  line-height: 0;
  margin-left: 8px;
  margin-left: var(--space-3xs);
}
.purchases {
  margin-bottom: 72px;
  margin-bottom: var(--space-xl);
}
.purchases-list__body {
  grid-gap: 16px;
  grid-gap: var(--space-xs);
  display: grid;
  gap: 16px;
  gap: var(--space-xs);
}
.purchases-item {
  grid-gap: 24px;
  grid-gap: var(--space-s);
  border-radius: 4px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
  display: grid;
  gap: 24px;
  gap: var(--space-s);
  grid-template-columns: 1fr 1fr;
  min-height: 256px;
  padding: 24px;
  padding: var(--space-s);
}
.purchases-item__info {
  display: flex;
  flex-direction: column;
}
.purchases-item__title {
  display: block;
  font-family: Inter, sans-serif;
  font-size: 26px;
  font-size: var(--text-h3-size);
  font-style: normal;
  font-weight: 500;
  line-height: 1.4;
  margin-bottom: 8px;
  margin-bottom: var(--space-4xs);
  text-transform: none;
}
.purchases-item__total {
  color: #404040;
  margin-bottom: 24px;
  margin-bottom: var(--space-s);
}
.purchases-item__track {
  margin-right: auto;
  margin-top: auto;
}
.purchases-item__goods {
  grid-row: span 2;
  margin-bottom: auto;
  margin-left: auto;
}
.purchases-item__goods.goods-preview {
  grid-auto-columns: 139px;
  grid-template-columns: none;
}
.purchases-detail {
  margin-bottom: 72px;
  margin-bottom: var(--space-xl);
}
.purchases-detail .block-head {
  justify-content: space-between;
  width: 100%;
}
.purchases-detail__status {
  margin-bottom: 40px;
  margin-bottom: var(--space-l);
}
.order-grid {
  grid-gap: 40px;
  grid-gap: var(--space-l);
  align-items: flex-start;
  display: grid;
  gap: 40px;
  gap: var(--space-l);
  grid-template-columns: 62.5% auto;
  grid-template-columns: calc(100% / var(--columns) * 10) auto;
}
.order-goods {
  grid-gap: 16px;
  grid-gap: var(--space-xs);
  display: grid;
  gap: 16px;
  gap: var(--space-xs);
  list-style: none;
  margin: 0;
  padding: 0;
}
.basket-gift {
  margin-top: -20px;
}
.basket-gift p {
  margin-bottom: 0;
}
.order-total {
  border-radius: 4px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
  height: -moz-max-content;
  height: max-content;
  padding: 24px 24px 0;
  padding: var(--space-s) var(--space-s) 0 var(--space-s);
  position: sticky;
  top: 80px;
  top: calc(var(--header-height) + var(--space-4xs));
}
.order-total__subtitle {
  font-family: Inter, sans-serif;
  font-size: 13px;
  font-size: var(--text-small-size);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  margin-bottom: 24px;
  margin-bottom: var(--space-s);
  text-transform: none;
}
.order-total__list {
  grid-gap: 16px;
  grid-gap: var(--space-xs);
  display: grid;
  gap: 16px;
  gap: var(--space-xs);
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
.order-total__item {
  display: flex;
  font-family: Inter, sans-serif;
  font-size: 13px;
  font-size: var(--text-small-size);
  font-style: normal;
  font-weight: 400;
  justify-content: space-between;
  line-height: 1.5;
  margin: 0;
  text-transform: none;
}
.order-total__item-name {
  margin-right: 16px;
  margin-right: var(--space-xs);
  text-align: left;
  width: 60%;
}
.order-total__item-value {
  text-align: right;
}
.order-totlal--warning p {
  margin-bottom: 0;
  padding-top: 1em;
}
.order-total__bottom {
  padding-bottom: 24px;
  padding-bottom: var(--space-s);
}
.order-total__bottom--border {
  border-top: 1px solid #e0e0e0;
  margin-top: 16px;
  margin-top: var(--space-xs);
  padding-top: 24px;
  padding-top: var(--space-s);
}
.order-total__bottom .order-total__item {
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-size: var(--text-h4-size);
  font-style: normal;
  font-weight: 400;
  line-height: 1.4;
  text-transform: none;
}
.order-total__btn {
  padding: 16px 0;
  padding: var(--space-xs) 0;
  text-align: center;
}
.order-total__btn--border {
  border-top: 1px solid #e0e0e0;
}
.order-total__loyalty-percent {
  align-items: flex-end;
  display: flex;
  font-family: Nunito, sans-serif;
  font-size: 40px;
  font-size: var(--text-h1-light-size);
  font-style: normal;
  font-weight: 300;
  justify-content: space-between;
  line-height: 1.05;
  margin-bottom: 24px;
  margin-bottom: var(--space-s);
  margin-top: 72px;
  margin-top: var(--space-xl);
  text-transform: uppercase;
}
.order-info {
  border-radius: 4px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
.order-info__track {
  align-items: center;
  border-bottom: 1px solid #e0e0e0;
  display: flex;
  justify-content: space-between;
  padding: 12px 24px;
  padding: 12px var(--space-s);
}
.order-info__body {
  grid-gap: 16px;
  grid-gap: var(--space-xs);
  font-size: 13px;
  font-size: var(--text-span-size);
  padding: 16px;
  padding: var(--space-xs);
}
.order-info__body,
.order-info__item {
  display: grid;
  gap: 16px;
  gap: var(--space-xs);
}
.order-info__item {
  grid-gap: 16px;
  grid-gap: var(--space-xs);
  align-items: flex-start;
  grid-auto-flow: column;
  justify-content: flex-start;
}
.order-info__btn {
  border: none;
  border-radius: 0;
  border-top: 1px solid #e0e0e0;
}
.order-content {
  grid-gap: 40px;
  grid-gap: var(--space-l);
  display: grid;
  gap: 40px;
  gap: var(--space-l);
}
.section-lk {
  margin-bottom: 72px;
  margin-bottom: var(--space-xl);
}
.filter-btn-desctop {
  bottom: 16px;
  left: calc(50% - 4px);
  left: calc((100% - var(--scrollbar)) / 2);
  position: fixed;
  transform: translateX(-50%);
  transition: transform 0.3s ease-in-out;
  z-index: 930;
}
.filter-btn-desctop__trigger {
  align-items: center;
  -webkit-backdrop-filter: blur(64px);
  backdrop-filter: blur(64px);
  background: hsla(0, 0%, 100%, 0.85);
  border: none;
  box-shadow: 0 2px 18px rgba(0, 0, 0, 0.15);
  display: flex;
}
.filter-btn-desctop__trigger .icon-sym {
  --icon-height: 24px;
  margin-right: 4px;
}
@keyframes showFilterBtnPrompt {
  0% {
    opacity: 0;
    transform: translateY(10px);
  }
}
@keyframes hideFilterBtnPrompt {
  to {
    opacity: 0;
    transform: translateY(10px);
  }
}
.filter-btn-desctop__prompt {
  align-items: flex-start;
  animation: showFilterBtnPrompt 0.5s ease-in-out 0.7s backwards;
  -webkit-backdrop-filter: blur(64px);
  backdrop-filter: blur(64px);
  background: hsla(0, 0%, 100%, 0.92);
  border: 1px solid #f2f2f2;
  border-radius: 4px;
  bottom: 100%;
  box-shadow: 0 2px 18px rgba(0, 0, 0, 0.15);
  display: flex;
  font-family: Inter, sans-serif;
  font-size: 13px;
  font-size: var(--text-small-size);
  font-style: normal;
  font-weight: 400;
  left: 50%;
  line-height: 1.5;
  margin-bottom: 8px;
  margin-bottom: var(--space-3xs);
  max-width: 270px;
  padding: 16px;
  padding: var(--space-xs);
  position: absolute;
  text-align: left;
  text-transform: none;
  transform: translateX(-50%);
  width: 300%;
}
.filter-btn-desctop__prompt.animate-hide,
.scrolled-end .filter-btn-desctop__prompt {
  animation: hideFilterBtnPrompt 0.3s ease-in-out forwards;
}
.filter-btn-desctop__prompt-close,
.filter-btn-mobile {
  background-color: transparent;
  border: none;
  cursor: pointer;
  display: flex;
  padding: 0;
}
.filter-btn-mobile {
  --icon-height: 24px;
}
.change-layout {
  border-bottom: 0.5px solid #e0e0e0;
  padding: 16px 24px;
  padding: 16px var(--padding-modal-x);
}
.change-layout__wrapper {
  grid-column-gap: 4px;
  grid-column-gap: var(--space-5xs);
  background-color: #f2f2f2;
  border-radius: 4px;
  -moz-column-gap: 4px;
  column-gap: 4px;
  -moz-column-gap: var(--space-5xs);
  column-gap: var(--space-5xs);
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding: 4px;
  padding: var(--space-5xs);
}
.filter-trigger {
  background-color: transparent;
  border: none;
  border-bottom: 0.5px solid #e0e0e0;
  cursor: pointer;
  display: block;
  padding: 16px 24px;
  padding: 16px var(--padding-modal-x);
  text-align: left;
  width: 100%;
}
.filter-trigger__label {
  color: #404040;
  font-size: 16px;
  font-size: var(--text-body-size);
  line-height: 1.5;
  margin-bottom: 4px;
  margin-bottom: var(--space-5xs);
}
.filter-trigger__label,
.filter-trigger__value {
  display: block;
  font-family: Inter, sans-serif;
  font-style: normal;
  font-weight: 400;
  text-transform: none;
}
.filter-trigger__value {
  font-size: 20px;
  font-size: var(--text-h4-size);
  line-height: 1.4;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.filter-trigger__value-item:after {
  content: ", ";
}
.filter-trigger__value-item:last-child:after {
  content: none;
}
.filter-trigger__value-color {
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  display: inline-block;
  height: 16px;
  margin-right: 8px;
  overflow: hidden;
  width: 16px;
}
.price {
  grid-column-gap: 8px;
  -moz-column-gap: 8px;
  column-gap: 8px;
  display: inline-grid;
  grid-auto-flow: column;
}
.price--detail {
  font-size: 16px;
  font-size: var(--text-h5-size);
  font-weight: 500;
  line-height: 1.4;
  margin-bottom: 16px;
  margin-bottom: var(--space-2xs);
}
.price--detail,
.price--kit {
  font-family: Inter, sans-serif;
  font-style: normal;
  text-transform: none;
}
.price--kit {
  font-size: 13px;
  font-size: var(--text-small-size);
  font-weight: 400;
  line-height: 1.5;
}
.price-item:after {
  content: " ₽";
}
html[lang="en"] .price-item:after {
  content: " $";
}
.price-item--old {
  color: grey;
  -webkit-text-decoration-line: line-through;
  text-decoration-line: line-through;
}
.price-item--discount {
  color: #a61e26;
}
.price-item--discount:after {
  content: " %";
}
.icon-sym--detail-action {
  --icon-height: 24px;
  --icon-color: grey;
  transform: rotate(-90deg);
}
.icon-sym--care {
  --icon-height: 24px;
  --icon-color: #000;
  flex: none;
  margin-right: 16px;
}
@keyframes copiedIcon {
  50% {
    transform: translateY(-4px);
  }
}
.copied .icon-sym--copy {
  animation: copiedIcon 0.3s ease-in-out;
}
.icon-sym--r--180 {
  transform: rotate(180deg);
}
.icon-sym--r--90 {
  transform: rotate(90deg);
}
.banner {
  color: #fff;
  height: 100vh;
  position: relative;
}
.banner-picture {
  height: 100%;
}
.banner-picture__image {
  height: 100%;
  padding: 0;
}
.banner-description {
  height: 100%;
  left: 0;
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 1;
}
.banner-description__inner {
  align-items: flex-end;
  display: flex;
  height: 100%;
  justify-content: center;
  padding-bottom: 24px;
  padding-bottom: var(--space-s);
}
.banner-description__content {
  margin-bottom: 72px;
  margin-bottom: var(--space-xl);
  width: 350px;
}
.banner-description__title {
  margin-bottom: 16px;
  margin-bottom: var(--space-2xs);
}
.banner-description__text {
  margin-bottom: 24px;
  margin-bottom: var(--space-s);
}
.link-icon {
  display: flex;
}
button.link-icon {
  background-color: transparent;
  border: none;
  padding: 0;
}
.wardrobe {
  height: 100vh;
}
.wardrobe-grid {
  display: grid;
  grid-template-columns: 37.5% repeat(3, 20.8333333333%);
  grid-template-rows: 50% 50%;
  height: 100%;
}
.wardrobe-slider--set {
  grid-row: span 2;
}
.wardrobe-slider--control {
  grid-column-end: 4;
  grid-column-start: 2;
  grid-row-start: 2;
}
.wardrobe-slider__image {
  height: 100%;
  padding-top: 0;
}
.wardrobe-slider__image img {
  -o-object-position: top center;
  object-position: top center;
}
.wardrobe-control {
  align-items: center;
  display: flex;
  justify-content: center;
  padding: 70px 170px;
}
.wardrobe-control__inner {
  align-items: center;
  display: flex;
  flex-direction: column;
  font-size: 13px;
  text-align: center;
}
.wardrobe-control__title {
  line-height: 1.3;
  margin-bottom: 16px;
  margin-bottom: var(--space-2xs);
}
.wardrobe-control__btn {
  margin-top: 24px;
  margin-top: var(--space-s);
}
.contacts {
  margin-bottom: 72px;
  margin-bottom: var(--space-xl);
}
.contacts__list {
  grid-gap: 32px 24px;
  grid-gap: var(--space-m) var(--space-s);
  display: grid;
  gap: 32px 24px;
  gap: var(--space-m) var(--space-s);
  grid-template-columns: 1fr 1fr;
  padding-left: 48px;
  padding-left: var(--padding);
  padding-right: 48px;
  padding-right: var(--padding);
}
.contacts-item {
  display: flex;
  flex-direction: column;
}
.contacts-item__image {
  --aspect-ratio: 55%;
  margin-bottom: 32px;
  margin-bottom: var(--space-m);
}
.contacts-item__info {
  font-family: Inter, sans-serif;
  font-size: 13px;
  font-size: var(--text-small-size);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  margin-bottom: auto;
  text-transform: none;
}
.contacts-item__info p {
  margin-bottom: 0.5rem;
}
.contacts-item__info p:last-child {
  margin-bottom: 0;
}
.contacts-item__buttons {
  display: flex;
  margin-top: 32px;
  margin-top: var(--space-m);
}
.contacts-item__btn {
  flex-basis: 100%;
}
.contacts-item__btn + .contacts-item__btn {
  margin-left: 16px;
  margin-left: var(--space-xs);
}
.contacts-partnership {
  font-family: Inter, sans-serif;
  font-size: 13px;
  font-size: var(--text-small-size);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  margin-top: 72px;
  margin-top: var(--space-xl);
  padding-left: 48px;
  padding-left: var(--padding);
  padding-right: 48px;
  padding-right: var(--padding);
  text-align: center;
  text-transform: none;
}
.contacts-partnership__title {
  margin-bottom: 24px;
  margin-bottom: var(--space-s);
}
.contacts-partnership p {
  margin-bottom: 0.5rem;
}
.contacts-partnership p:last-child {
  margin-bottom: 0;
}
.contacts-partnership__btn {
  margin-top: 24px;
  margin-top: var(--space-s);
}
.nav-bar {
  grid-gap: 8px;
  grid-gap: var(--space-3xs);
  background-color: #f2f2f2;
  border-radius: 4px;
  display: grid;
  gap: 8px;
  gap: var(--space-3xs);
}
.nav-bar,
.nav-bar__item {
  padding: 8px;
  padding: var(--space-3xs);
}
.nav-bar__item {
  align-items: center;
  display: flex;
  font-family: Nunito, sans-serif;
  font-size: 13px;
  font-size: var(--text-span-size);
  font-style: normal;
  font-weight: 600;
  line-height: 1.1;
  text-transform: uppercase;
  transition: 0.3s;
}
.nav-bar__item:hover {
  background-color: hsla(0, 0%, 100%, 0.5);
  text-decoration: none;
}
.nav-bar__item--current {
  background-color: #fff;
  border-radius: 4px;
}
.nav-bar__item--current:hover {
  background-color: #fff;
}
.nav-bar__item-icon {
  line-height: 0;
  margin-right: 4px;
}
.column-list {
  grid-gap: 24px 40px;
  grid-gap: var(--space-s) var(--space-l);
  align-items: baseline;
  display: grid;
  gap: 24px 40px;
  gap: var(--space-s) var(--space-l);
  grid-template-columns: 1fr 1fr;
  list-style: none;
  margin: 32px 0 40px;
  margin: var(--space-m) 0 var(--space-l) 0;
  padding: 0;
}
.column-list__item {
  margin: 0;
}
.column-list__item,
.note {
  align-items: center;
  display: flex;
}
.note {
  background-color: #f2f2f2;
  border-radius: 4px;
  padding: 16px;
  padding: var(--space-xs);
}
.note--yellow {
  background-color: #fbf2da;
}
.note__icon {
  line-height: 0;
  margin-right: 16px;
  margin-right: var(--space-xs);
}
.recommended {
  margin-bottom: 72px;
  margin-bottom: var(--space-xl);
}
.recommended__title {
  font-family: Nunito, sans-serif;
  font-size: 26px;
  font-size: var(--text-h2-size);
  font-style: normal;
  font-weight: 600;
  line-height: 1.1;
  margin-bottom: 24px;
  margin-bottom: var(--space-s);
  text-align: center;
  text-transform: uppercase;
}
.goods-preview {
  --goods-count: 4;
  grid-gap: 4px;
  grid-gap: var(--space-5xs);
  counter-reset: hidden-goods;
  display: grid;
  gap: 4px;
  gap: var(--space-5xs);
  grid-auto-flow: column;
  grid-template-columns: repeat(var(--goods-count), 1fr);
  overflow: hidden;
  position: relative;
}
.goods-preview__item {
  --aspect-ratio: 150%;
  position: relative;
}
.goods-preview__item--more {
  display: none;
}
.goods-preview__item--more:after {
  align-items: center;
  background-color: #f2f2f2;
  content: "+" counter(hidden-goods);
  display: flex;
  height: 100%;
  justify-content: center;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}
.block-head {
  align-items: center;
  display: flex;
  font-family: Nunito, sans-serif;
  font-size: 26px;
  font-size: var(--text-h2-size);
  font-style: normal;
  font-weight: 600;
  line-height: 1.1;
  margin-bottom: 24px;
  margin-bottom: var(--space-s);
  text-transform: uppercase;
  width: -moz-max-content;
  width: max-content;
}
.block-head:hover {
  text-decoration: none;
}
.block-head__btn {
  --icon-height: 40px;
  align-items: center;
  display: flex;
  margin-left: 16px;
  margin-left: var(--space-xs);
}
.block-head__btn-icon {
  line-height: 0;
  margin-left: 8px;
  margin-left: var(--space-3xs);
}
.breadcrumb {
  align-items: center;
  background-color: transparent;
  border: none;
  cursor: pointer;
  display: none;
  font-size: 13px;
  font-size: var(--text-small-size);
  margin-bottom: 24px;
  margin-bottom: var(--space-s);
  padding: 0;
}
.breadcrumb,
.breadcrumb--nav-bar {
  font-family: Inter, sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-transform: none;
}
.breadcrumb--nav-bar {
  display: flex;
  font-size: 16px;
  font-size: var(--text-body-size);
  margin-bottom: 0;
}
.breadcrumb__arrow {
  --icon-height: 16px;
  line-height: 0;
  margin-right: 8px;
  margin-right: var(--space-3xs);
}
.breadcrumb--nav-bar .breadcrumb__arrow {
  --icon-height: 24px;
  margin-right: 4px;
  margin-right: var(--space-5xs);
}
.breadcrumb__name:first-letter {
  text-transform: uppercase;
}
.progress-line {
  --progress-items: 5;
  --progress-bullet-radius: 10px;
  overflow: hidden;
  padding: 0 48px;
  padding: 0 var(--padding);
}
.progress-line__inner {
  display: flex;
}
.progress-line__item {
  align-items: center;
  color: grey;
  display: flex;
  flex-direction: column;
  position: relative;
  text-align: center;
  width: calc(100% / (var(--progress-items) - 1));
}
.progress-line__item:first-child {
  align-items: flex-start;
  width: calc(100% / (var(--progress-items) - 1) / 2);
}
.progress-line__item:first-child:after {
  display: none;
}
.progress-line__item:nth-child(2):before {
  display: block;
}
.progress-line__item:last-child {
  align-items: flex-end;
  width: calc(100% / (var(--progress-items) - 1) / 2);
}
.progress-line__item:last-child:after {
  display: none;
}
.progress-line__item:after,
.progress-line__item:before {
  border-top: 1px dashed #e0e0e0;
  display: block;
  position: absolute;
  top: var(--progress-bullet-radius);
  width: 100%;
  z-index: -1;
}
.progress-line__item:before {
  content: "";
  display: none;
  right: calc(50% - var(--progress-bullet-radius) / 2);
}
.progress-line__item:after {
  content: "";
  left: calc(50% - var(--progress-bullet-radius) / 2);
}
.progress-line__item--active:before,
.progress-line__item--passed:after,
.progress-line__item--passed:before {
  background-color: #000;
}
.progress-line__item--active {
  color: #000;
}
.progress-line__item-bullet {
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 50%;
  height: calc(var(--progress-bullet-radius) * 2);
  margin-bottom: 8px;
  margin-bottom: var(--space-3xs);
  position: relative;
  width: calc(var(--progress-bullet-radius) * 2);
}
.progress-line__item-bullet:before {
  background-color: #e0e0e0;
  border-radius: 50%;
  content: "";
  display: block;
  height: var(--progress-bullet-radius);
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: var(--progress-bullet-radius);
  z-index: 0;
}
.progress-line__item--passed .progress-line__item-bullet:before {
  background-color: #000;
}
.progress-line__item--active .progress-line__item-bullet {
  border-color: #000;
  box-shadow: 0 0 0 6px #fff;
}
.progress-line__item--active .progress-line__item-bullet:before {
  background-color: #000;
}
.progress-line__item-title {
  font-family: Inter, sans-serif;
  font-size: 13px;
  font-size: var(--text-small-size);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-transform: none;
}
.goods-card {
  border-radius: 4px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
  display: flex;
  margin: 0;
  overflow: hidden;
  position: relative;
}
.goods-card__image {
  --aspect-ratio: 150%;
  flex-shrink: 0;
  width: 100px;
}
.goods-card__content {
  grid-column-gap: 16px;
  -moz-column-gap: 16px;
  column-gap: 16px;
  display: grid;
  flex-grow: 1;
  grid-template-areas: "description control" "total total";
  grid-template-columns: auto auto;
  padding: 16px;
}
.goods-card__description {
  grid-area: description;
  overflow: hidden;
}
.goods-card__title {
  font-family: Inter, sans-serif;
  font-size: 13px;
  font-size: var(--text-small-size);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  margin-bottom: 4px;
  margin-bottom: var(--space-5xs);
  text-transform: none;
}
.goods-card__title > a:before {
  content: "";
  height: 150px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100px;
}
.goods-card__props {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.goods-card__not-available,
.goods-card__props {
  font-family: Inter, sans-serif;
  font-size: 13px;
  font-size: var(--text-small-size);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  margin-bottom: 4px;
  margin-bottom: var(--space-5xs);
  text-transform: none;
}
.goods-card__not-available {
  color: #404040;
}
.goods-card__control {
  grid-gap: 8px;
  align-self: flex-start;
  display: inline-grid;
  gap: 8px;
  grid-area: control;
  grid-auto-flow: column;
  justify-self: flex-end;
}
.goods-card__btn {
  --icon-color: grey;
  --icon-height: 24px;
  background-color: transparent;
  border: none;
  cursor: pointer;
  display: flex;
  padding: 0;
}
.goods-card__btn:hover {
  --icon-color: #000;
}
.goods-card__btn:disabled {
  opacity: 0.2;
}
.goods-card__btn--static {
  --icon-color: #000;
}
.goods-card__total {
  grid-gap: 16px;
  grid-gap: var(--space-xs);
  align-items: center;
  align-self: flex-end;
  display: inline-grid;
  gap: 16px;
  gap: var(--space-xs);
  grid-area: total;
  grid-auto-flow: column;
  justify-self: flex-end;
  margin-left: auto;
}
.goods-card__total .price {
  grid-auto-flow: row;
}
.goods-card__count {
  align-items: center;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  display: flex;
  justify-content: space-between;
  min-height: 40px;
  padding: 8px;
  padding: var(--space-3xs);
}
.goods-card__count-value {
  padding: 0 8px;
  padding: 0 var(--space-3xs);
}
.goods-card__deleted {
  --duration: 0;
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 14px 16px;
  position: relative;
  width: 100%;
}
.goods-card__deleted:after {
  background-color: #cdcdcd;
  bottom: 0;
  content: "";
  height: 4px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
@keyframes basketCountdown {
  0% {
    width: 100%;
  }
  to {
    width: 0;
  }
}
.goods-card__deleted--countdown:after {
  animation-duration: 0.3s;
  animation-duration: var(--duration);
  animation-iteration-count: 1;
  animation-name: basketCountdown;
  animation-timing-function: ease-in-out;
}
.goods-card__deleted-text {
  margin-bottom: 0;
}
.goods-card__deleted-btn,
.goods-card__deleted-text {
  font-family: Inter, sans-serif;
  font-size: 13px;
  font-size: var(--text-small-size);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-transform: none;
}
.goods-card__basket,
.goods-card__deleted-btn {
  background-color: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
}
.goods-card__basket {
  align-self: flex-end;
  display: flex;
}
.track-num {
  grid-gap: 8px;
  grid-gap: var(--space-3xs);
  align-items: center;
  cursor: pointer;
  display: grid;
  font-family: Nunito, sans-serif;
  font-size: 13px;
  font-size: var(--text-span-size);
  font-style: normal;
  font-weight: 600;
  gap: 8px;
  gap: var(--space-3xs);
  grid-auto-flow: column;
  line-height: 1.1;
  text-transform: uppercase;
}
.track-num--between {
  justify-content: space-between;
  width: 100%;
}
.empty-block {
  align-items: center;
  border-radius: 4px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
  color: grey;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 256px;
  padding: 72px;
  padding: var(--space-xl);
  text-align: center;
}
.empty-block__text {
  margin-bottom: 24px;
  margin-bottom: var(--space-s);
  max-width: 340px;
}
.empty-block__text:last-child {
  margin-bottom: 0;
}
.sign-in-layout {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: calc(100vh - 48px);
  min-height: calc(100vh - var(--bottom-bar-height));
  padding: 72px 48px;
  padding: var(--header-height) var(--padding);
  width: 100%;
}
.sign-in-layout__container {
  max-width: 375px;
  text-align: center;
  width: 100%;
}
.sign-in {
  margin-bottom: 16px;
  margin-bottom: var(--space-xs);
}
.sign-in__title {
  font-family: Nunito, sans-serif;
  font-size: 26px;
  font-size: var(--text-h2-size);
  font-style: normal;
  font-weight: 600;
  line-height: 1.1;
  margin-bottom: 24px;
  margin-bottom: var(--space-s);
  text-transform: uppercase;
}
.sign-in__description {
  font-size: 13px;
  font-size: var(--text-small-size);
  line-height: 1.5;
}
.sign-in__countdown,
.sign-in__description {
  font-family: Inter, sans-serif;
  font-style: normal;
  font-weight: 400;
  margin-bottom: 24px;
  margin-bottom: var(--space-s);
  text-transform: none;
}
.sign-in__countdown {
  font-size: 20px;
  font-size: var(--text-h4-size);
  line-height: 1.4;
}
.sign-in__notice {
  color: grey;
  font-family: Inter, sans-serif;
  font-size: 11px;
  font-size: var(--text-tiny-size);
  font-style: normal;
  font-weight: 400;
  line-height: 1.45;
  margin-top: 24px;
  margin-top: var(--space-s);
  text-transform: none;
}
.sign-in__notice a {
  color: #000;
}
.replace-tel-btn {
  background-color: transparent;
  border: none;
  cursor: pointer;
  display: inline-block;
  font-family: Nunito, sans-serif;
  font-size: 13px;
  font-size: var(--text-span-small-size);
  font-style: normal;
  font-weight: 400;
  line-height: 1.1;
  padding: 0;
  text-transform: none;
}
.btn-link,
.replace-tel-btn:hover {
  text-decoration: underline;
}
.btn-link {
  background-color: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
}
.btn-link:hover {
  text-decoration: none;
}
.preloader {
  height: 128px;
  width: 128px;
}
.accordion__header-btn {
  background-color: transparent;
  border: none;
  display: flex;
  font: inherit;
  justify-content: space-between;
  line-height: inherit;
  padding: 0;
  text-transform: inherit;
  width: 100%;
}
.accordion__header-icon {
  flex: none;
  transition: transform 0.3s ease-in-out;
}
.accordion__header-btn[aria-expanded="true"] .accordion__header-icon {
  transform: scaleY(-1);
}
.page {
  display: flex;
  flex-direction: column;
  height: 100vh;
  overflow: auto;
  transition: transform 0.5s ease-in-out;
  transition: transform var(--common-menu-duration) ease-in-out;
}
.page--zoom {
  touch-action: auto;
}
.page--slide-up {
  transform: translateY(-48px);
  transform: translateY(calc(var(--bottom-bar-height) * -1));
}
.page__header {
  left: 0;
  padding-right: 0;
  position: fixed;
  right: 8px;
  right: var(--scrollbar);
  top: 0;
  transition: transform 0.3s ease-in-out, background-color 0.3s ease-in-out;
  z-index: 930;
}
.scrolled-down .page__header {
  transform: translateY(-100%);
}
.page__header--static-bg,
.scrolled-start .page__header {
  -webkit-backdrop-filter: blur(64px);
  backdrop-filter: blur(64px);
  background-color: hsla(0, 0%, 100%, 0.85);
}
.page__header--border {
  border-bottom: 0.5px solid #e0e0e0;
}
.page__main {
  flex: auto;
}
.page__footer {
  border-top: 0.5px solid #e0e0e0;
}
#bx-panel {
  z-index: 2000 !important;
}
.home-collections {
  margin-bottom: 72px;
  margin-bottom: var(--space-xl);
}
.home-categories,
.home-wardrobe {
  margin-bottom: 96px;
  margin-bottom: var(--space-2xl);
}
.about {
  margin-bottom: 72px;
  margin-bottom: var(--space-xl);
}
.about-banner {
  display: flex;
  flex-direction: column;
  height: 100vh;
  justify-content: center;
  margin: 0 auto;
  padding: 40px 0;
  padding: var(--space-l) 0;
  width: 1200px;
  width: calc(var(--column-width) * 10);
}
.about-banner__inner {
  --columns: 10;
  --column-width: calc(100% / var(--columns));
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  height: 100%;
  justify-content: space-between;
  position: relative;
}
.about-banner__image {
  --aspect-ratio: 150%;
  width: 672px;
  width: calc(var(--column-width) * 5.6);
  z-index: -1;
}
.about-banner__title {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  left: 0;
  max-width: 480px;
  max-width: calc(var(--column-width) * 4);
  position: absolute;
  top: 0;
}
.about-banner__text {
  margin-bottom: 56px;
  margin-bottom: calc(var(--space-2xl) - var(--space-l));
  max-width: 200px;
  order: 0;
}
.about-banner__text-description {
  color: grey;
  margin-top: 4px;
}
.about__image {
  height: 100vh;
}
.about-block {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin: 72px auto;
  margin: var(--space-xl) auto;
  width: 1200px;
  width: calc(var(--column-width) * 10);
}
.about-block--reverse {
  flex-direction: row-reverse;
}
.about-block__content {
  flex-shrink: 0;
  width: 320px;
}
.about-block__content p:last-child {
  margin-bottom: 0;
}
.about-block__title {
  margin-bottom: 24px;
  margin-bottom: var(--space-s);
}
.about-block__image {
  --aspect-ratio: 150%;
  flex-basis: 100%;
  margin-left: 72px;
  margin-left: var(--space-xl);
}
.about-block--reverse .about-block__image {
  margin-left: 0;
  margin-right: 72px;
  margin-right: var(--space-xl);
}
.error-page {
  text-align: center;
}
.error-page__content {
  margin: 96px 0;
  margin: var(--space-2xl) 0;
}
.error-page__title {
  font-family: Nunito, sans-serif;
  font-size: 40px;
  font-size: var(--text-h1-size);
  font-size: 100px;
  font-size: var(--text-biggest-size);
  font-style: normal;
  font-weight: 600;
  line-height: 1.05;
  text-transform: uppercase;
}
.error-page__catalog {
  margin-bottom: 72px;
  margin-bottom: var(--space-xl);
}
.podeli-header {
  background-image: url(../images/podeli/bg-podeli1920.jpg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
  display: flex;
  height: calc(100vh - 100px);
  margin-bottom: 120px;
  position: relative;
  width: 100%;
}
.podeli-header:before {
  background: linear-gradient(
    180deg,
    rgba(26, 26, 26, 0),
    rgba(26, 26, 26, 0.15)
  );
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.podeli-header-inner {
  margin: auto auto 80px;
  position: relative;
  text-align: center;
  width: 550px;
}
.podeli-header h2 {
  color: #fff;
  font-size: 24px;
  line-height: 29px;
  margin: 0;
}
.podeli-header h3 {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}
.podeli-content,
.podeli-header .button .podeli-content {
  margin: 0 auto 120px;
  width: 1165px;
}
.podeli-content h1 {
  margin: 0 auto 20px;
  max-width: 490px;
  text-align: center;
}
.podeli-intro {
  margin: 0 auto 40px;
  max-width: 735px;
  text-align: center;
}
.podeli-howitworks-box {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 40px;
}
.podeli-howitworks-step {
  background-color: rgba(31, 32, 32, 0.08);
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: contain;
  height: 457px;
  padding: 20px;
  width: 284px;
}
.podeli-howitworks-step:first-child {
  background-image: url(../images/podeli/podeli-step1.png);
}
.podeli-howitworks-step:nth-child(2) {
  background-image: url(../images/podeli/podeli-step2.png);
}
.podeli-howitworks-step:nth-child(3) {
  background-image: url(../images/podeli/podeli-step3.png);
}
.podeli-howitworks-step:nth-child(4) {
  background-image: url(../images/podeli/podeli-step4.png);
}
.podeli-howitworks-step__name {
  font-size: 18px;
  line-height: 23px;
  margin: 0 0 10px;
}
.podeli-content .button-go-shopping {
  margin: 40px auto 120px;
  width: 280px;
}
.podeli-content h2 {
  font-size: 18px;
  line-height: 23px;
  margin: 0 0 40px;
  text-align: center;
}
.section__podeli-usability {
  margin-bottom: 80px;
}
.podeli-usability-box {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
.podeli-usability-step {
  background-position: top;
  background-repeat: no-repeat;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 40px;
  padding-top: 58px;
  text-align: center;
  width: 320px;
}
.podeli-usability-step:first-child {
  background-image: url(../images/podeli/podeli-us-step1.svg);
}
.podeli-usability-step:nth-child(2) {
  background-image: url(../images/podeli/podeli-us-step2.svg);
}
.podeli-usability-step:nth-child(3) {
  background-image: url(../images/podeli/podeli-us-step3.svg);
}
.podeli-usability-step:nth-child(4) {
  background-image: url(../images/podeli/podeli-us-step4.svg);
}
.podeli-usability-step:nth-child(5) {
  background-image: url(../images/podeli/podeli-us-step5.svg);
}
.podeli-usability-step:nth-child(6) {
  background-image: url(../images/podeli/podeli-us-step6.svg);
}
.podeli-usability-step h3 {
  color: var(--font-color-blue);
  font-size: 14px;
  line-height: 18px;
  margin: 0;
}
.podeli-qa-box {
  border-top: 1px solid var(--bg-color-main);
}
.podeli-qa-step {
  border-bottom: 1px solid var(--bg-color-main);
}
.podeli-qa-question {
  cursor: pointer;
  font-family: var(--font-family-header);
  font-weight: 500;
  letter-spacing: 0.02em;
  margin: 0;
  padding: 20px 20px 20px 0;
  position: relative;
  text-transform: uppercase;
}
.podeli-qa-question:after {
  background-image: url(../images/podeli/icn-arrow-down.svg);
  background-size: 100%;
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  top: 20px;
  transition: transform 0.4s;
  width: 16px;
}
._opened:after {
  transform: rotate(180deg);
}
.podeli-qa-answer {
  display: none;
  margin: 0 0 20px;
}
.btn-start-buy {
  display: block;
  margin: 0 auto 32px;
  width: -moz-fit-content;
  width: fit-content;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .purchases-item__goods.goods-preview .goods-preview__item:nth-child(n + 3) {
    position: absolute;
    visibility: hidden;
  }
  .purchases-item__goods.goods-preview .goods-preview__item:nth-child(n + 4) {
    display: block;
  }
  .purchases-item__goods.goods-preview
    .goods-preview__item--good:nth-child(n + 2) {
    counter-increment: hidden-goods;
  }
  .purchases-item__goods.goods-preview .goods-preview__item--good:nth-child(2) {
    order: 1;
    position: absolute;
    visibility: hidden;
  }
  .purchases-item__goods.goods-preview
    .goods-preview__item--good:nth-child(2):nth-last-child(2):not(
      :nth-child(n + 3)
    ),
  .purchases-item__goods.goods-preview
    .goods-preview__item.goods-preview__item--more {
    position: relative;
    visibility: visible;
  }
}
@media only screen and (min-width: 1024px) {
  .column-list--column-flow {
    grid-auto-flow: column;
  }
  .column-list--rows-count-1 {
    grid-template-rows: repeat(1, auto);
  }
  .column-list--rows-count-2 {
    grid-template-rows: repeat(2, auto);
  }
  .column-list--rows-count-3 {
    grid-template-rows: repeat(3, auto);
  }
  .column-list--rows-count-4 {
    grid-template-rows: repeat(4, auto);
  }
  .column-list--rows-count-5 {
    grid-template-rows: repeat(5, auto);
  }
  .column-list--rows-count-6 {
    grid-template-rows: repeat(6, auto);
  }
  .column-list--rows-count-7 {
    grid-template-rows: repeat(7, auto);
  }
  .column-list--rows-count-8 {
    grid-template-rows: repeat(8, auto);
  }
  .column-list--rows-count-9 {
    grid-template-rows: repeat(9, auto);
  }
  .column-list--rows-count-10 {
    grid-template-rows: repeat(10, auto);
  }
}
@media only screen and (min-width: 1280px) {
  ::-webkit-scrollbar {
    height: 8px;
    height: var(--scrollbar);
    width: 8px;
    width: var(--scrollbar);
  }
  ::-webkit-scrollbar-track {
    background: #e0e0e0;
    background: var(--scrollbarBG);
  }
  ::-webkit-scrollbar-thumb {
    background-color: #fff;
    background-color: var(--thumbBG);
    border: 1px solid #e0e0e0;
    border: 1px solid var(--scrollbarBG);
    border-radius: 5px;
  }
  .layout__inner {
    padding: 0 6.25%;
    padding: 0 calc(100% / var(--columns));
  }
  .wrapper__content {
    width: 62.5%;
    width: calc(100% / var(--columns) * 10);
  }
  .wrapper__right {
    margin-left: auto;
    width: 18.75%;
    width: calc(100% / var(--columns) * 3);
  }
  .detail-kit--main,
  .lk-btn__title {
    display: none;
  }
  .purchases-item__goods.goods-preview .goods-preview__item:nth-child(n + 5) {
    position: absolute;
    visibility: hidden;
  }
  .purchases-item__goods.goods-preview .goods-preview__item:nth-child(n + 6) {
    display: block;
  }
  .purchases-item__goods.goods-preview
    .goods-preview__item--good:nth-child(n + 4) {
    counter-increment: hidden-goods;
  }
  .purchases-item__goods.goods-preview .goods-preview__item--good:nth-child(4) {
    order: 1;
    position: absolute;
    visibility: hidden;
  }
  .purchases-item__goods.goods-preview
    .goods-preview__item--good:nth-child(4):nth-last-child(2):not(
      :nth-child(n + 5)
    ),
  .purchases-item__goods.goods-preview
    .goods-preview__item.goods-preview__item--more {
    position: relative;
    visibility: visible;
  }
  .breadcrumb {
    display: inline-flex;
  }
  .empty-block--clipped {
    max-width: 62.5%;
    max-width: calc(100% / var(--columns) * 10);
  }
  .scroll-compensate .page {
    border-right: 8px solid #e0e0e0;
    border-right: var(--scrollbar) solid var(--scrollbarBG);
  }
}
@media only screen and (max-width: 1919px) {
  .product-slider__btn--prev {
    left: 32px;
  }
  .product-slider__btn--next {
    right: 32px;
  }
  .wardrobe-control {
    padding-left: 120px;
    padding-right: 120px;
  }
  .about-banner__title {
    max-width: 648px;
    max-width: calc(var(--column-width) * 5.4);
  }
}
@media only screen and (max-width: 1679px) {
  .catalog-seo__container {
    max-width: 850px;
  }
  .wardrobe-control {
    padding: 40px 60px;
  }
  .about-banner__title {
    max-width: 720px;
    max-width: calc(var(--column-width) * 6);
  }
}
@media only screen and (max-width: 1439px) {
  .wardrobe-control {
    padding: 35px;
  }
  .about-banner__title {
    max-width: 840px;
    max-width: calc(var(--column-width) * 7);
  }
  .podeli-header {
    margin-bottom: 80px;
  }
  .podeli-header-inner {
    margin-bottom: 60px;
  }
  .podeli-content {
    width: 984px;
  }
  .podeli-howitworks-step {
    height: 426px;
    width: 238px;
  }
  .podeli-content .button-go-shopping {
    margin-bottom: 80px;
  }
  .section__podeli-usability {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 1279px) {
  .Toastify__toast-container--bottom-right {
    bottom: calc(48px + 1em);
    bottom: calc(var(--bottom-bar-height) + 1em);
  }
  .wrapper {
    flex-direction: column;
  }
  .wrapper__right {
    margin-bottom: 32px;
    margin-bottom: var(--space-m);
    order: -1;
    position: static;
  }
  .scroll-locked {
    overflow: hidden;
  }
  .header__link--basket,
  .header__link--insta,
  .header__link--lk {
    display: none;
  }
  .header__link--search {
    display: flex;
  }
  .menu-trigger {
    display: none;
  }
  .bottom-bar {
    align-items: center;
    display: flex;
    justify-content: space-between;
  }
  .lk-btn__icon {
    display: none;
  }
  .form__submit-input--search {
    right: 0;
  }
  .form--search {
    padding-bottom: 16px;
    padding-bottom: var(--space-2xs);
    padding-top: 32px;
    padding-top: calc(var(--space-xs) + var(--space-2xs));
  }
  .form--search .form__input {
    --padding-t: 0;
    --padding-b: 0;
    --padding-x: 0;
    border: none;
  }
  .modal--filter .modal__overlay,
  .modal--filters .modal__overlay {
    justify-content: flex-start;
  }
  .modal--filter .modal__container,
  .modal--filters .modal__container {
    --modal-slide-from: translateY(100%);
  }
  .menu-languages--mobile {
    display: inline-grid;
  }
  .menu-languages--desktop {
    display: none;
  }
  .detail-main {
    display: flex;
    flex-direction: column;
    margin-bottom: 72px;
    margin-bottom: var(--space-xl);
  }
  .detail-main__wrapper {
    padding: 0;
  }
  .detail-main__wrapper--left {
    order: 30;
  }
  .detail-main__wrapper--right {
    order: 20;
  }
  .detail-main__container {
    align-items: center;
    flex-basis: 340px;
  }
  .detail-main__title {
    margin-bottom: 8px;
    margin-bottom: var(--space-3xs);
    order: 80;
  }
  .detail-main__info {
    margin-bottom: var(-space-m);
    order: 20;
  }
  .detail-main__kit {
    display: none;
  }
  .detail-main__add {
    order: 50;
  }
  .dtail-main__promo {
    margin-bottom: 8px;
    margin-bottom: calc(var(--space-3xs) - var(--local-offset));
    order: 70;
  }
  .dtail-main__desc {
    display: block;
    order: 90;
  }
  .to-fashion {
    bottom: 52px;
    left: 12px;
    right: unset;
  }
  .detail-colors {
    --local-offset: 8px;
    justify-content: center;
    margin-bottom: 16px;
    margin-bottom: calc(var(--space-xs) - var(--local-offset));
    order: 10;
  }
  .detail-sizes--main {
    justify-content: center;
    margin-bottom: 32px;
    margin-bottom: calc(var(--space-m) - var(--local-offset));
    order: 30;
  }
  .detail-sizes--main .detail-sizes__item > a {
    font-family: Inter, sans-serif;
    font-size: 16px;
    font-size: var(--text-h5-size);
    font-style: normal;
    font-weight: 500;
    line-height: 1.4;
    text-transform: none;
  }
  .detail-actions--desktop {
    display: none;
  }
  .detail-inline-actions {
    display: flex;
    order: 60;
  }
  .slider--detail {
    height: auto;
    margin-bottom: 32px;
    margin-bottom: var(--space-m);
    margin-left: -48px;
    margin-left: calc(var(--padding) * -1);
    margin-right: -48px;
    margin-right: calc(var(--padding) * -1);
    order: 10;
    width: calc(100% + 96px);
    width: calc(100% + var(--padding) * 2);
  }
  .slider--detail .swiper-container {
    height: auto;
  }
  .slider--detail .swiper-slide {
    height: calc(440px * 100%);
    height: calc(440px * var(--aspect-ratio));
    width: 440px;
  }
  .slider--detail .swiper-container-initialized .swiper-pagination {
    display: grid;
  }
  .slider--catalog-card .swiper-pagination,
  .slider-detail-nav {
    display: none;
  }
  .slider--wardrobe-control .swiper-container {
    margin: 0 16px;
    margin: 0 var(--space-2xs);
  }
  .slider--dashboard {
    overflow: hidden;
    padding: 0 48px;
    padding: 0 var(--padding);
  }
  .slider--dashboard .swiper-container {
    overflow: visible;
  }
  .slider--dashboard .swiper-slide {
    width: 75%;
  }
  .slider--dashboard .swiper-button-next,
  .slider--dashboard .swiper-button-prev {
    display: none;
  }
  .img-wrapper--full {
    height: auto;
    padding-top: 100%;
    padding-top: var(--aspect-ratio);
  }
  .catalog {
    margin-top: 0;
  }
  .catalog__container {
    --grid-col: 3;
  }
  .catalog-seo__container {
    -moz-column-count: 1;
    column-count: 1;
    max-width: 800px;
  }
  .collections__list {
    grid-template-columns: 1fr;
  }
  .collections-layout {
    --aspect-ratio: 150%;
  }
  .collections-layout__item {
    height: auto;
    width: 100%;
  }
  .collections-layout__item:nth-child(5),
  .collections-layout__item:nth-child(6) {
    width: 100%;
  }
  .card-lookbook {
    --icon-height: 32px;
  }
  .card-lookbook__name {
    font-size: 16px;
    font-size: var(--text-h5-size);
  }
  .dashboard__slider {
    padding: 0;
  }
  .dashboard-person {
    position: relative;
  }
  .dashboard-person__btn:before {
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
  }
  .dashboard-person__btn-text {
    display: none;
  }
  .purchases-item__info {
    max-width: 330px;
  }
  .order-grid {
    grid-template-columns: 1fr;
  }
  .order-total {
    position: static;
  }
  .price--detail {
    margin-bottom: 24px;
    margin-bottom: var(--space-s);
    margin-left: auto;
    margin-right: auto;
    order: 40;
  }
  .banner {
    height: calc(10000vh - 48px);
    height: calc(var(--vh) * 100 - var(--bottom-bar-height));
  }
  .wardrobe {
    height: auto;
  }
  .wardrobe-grid {
    grid-template-columns: repeat(4, 25%);
    grid-template-rows: auto;
  }
  .wardrobe-slider--set {
    grid-column: span 2;
  }
  .wardrobe-slider--control {
    grid-column-end: 5;
    grid-column-start: 1;
    grid-row: auto;
    margin-left: auto;
    margin-right: auto;
    max-width: 470px;
    width: 100%;
  }
  .wardrobe-slider--set .wardrobe-slider__image {
    --aspect-ratio: 150%;
    height: auto;
    padding-top: 100%;
    padding-top: var(--aspect-ratio);
  }
  .wardrobe-control {
    margin-top: 40px;
    margin-top: var(--space-l);
    padding: 0;
  }
  .nav-bar {
    background-color: transparent;
    padding: 0;
  }
  .nav-bar__item:hover {
    background-color: hsla(0, 0%, 95%, 0.5);
  }
  .nav-bar__item--current,
  .nav-bar__item--current:hover {
    background-color: #f2f2f2;
  }
  .block-head {
    justify-content: space-between;
    width: 100%;
  }
  .sign-in-layout {
    padding-bottom: 24px;
    padding-bottom: var(--space-s);
  }
  .page {
    height: 100%;
    min-height: 100vh;
    padding-bottom: calc(48px + env(safe-area-inset-bottom));
    padding-bottom: calc(
      var(--bottom-bar-height) + env(safe-area-inset-bottom)
    );
  }
  .page__header {
    right: 0;
  }
  .page__footer--hidden-tablet {
    display: none;
  }
  .about-banner {
    height: auto;
    margin: 72px 0;
    margin: var(--header-height) 0 var(--space-xl) 0;
    padding-bottom: 0;
    padding-top: 32px;
    padding-top: var(--space-m);
    width: 100%;
  }
  .about-banner__inner {
    align-items: center;
    flex-direction: column;
  }
  .about-banner__image {
    width: 100%;
    z-index: 0;
  }
  .about-banner__title {
    left: auto;
    margin-bottom: 32px;
    margin-bottom: var(--space-m);
    position: relative;
    top: auto;
    width: 1200px;
    width: calc(var(--column-width) * 10);
  }
  .about-banner__text,
  .about-banner__title {
    max-width: 100%;
    padding-left: 48px;
    padding-left: var(--padding);
    padding-right: 48px;
    padding-right: var(--padding);
    text-align: center;
  }
  .about-banner__text {
    margin-bottom: 0;
    margin-top: 24px;
    margin-top: var(--space-s);
    order: 1;
  }
  .about__image {
    --aspect-ratio: 56%;
    height: auto;
  }
  .about-block {
    width: 100%;
  }
  .about-block,
  .about-block--reverse {
    flex-direction: column;
  }
  .about-block__content {
    margin-bottom: 32px;
    margin-bottom: var(--space-m);
    padding-left: 48px;
    padding-left: var(--padding);
    padding-right: 48px;
    padding-right: var(--padding);
    width: 100%;
  }
  .about-block__image {
    margin-left: 0;
    width: 100%;
  }
  .about-block--reverse .about-block__image {
    margin-right: 0;
  }
}
@media only screen and (max-width: 1023px) {
  ul {
    padding-left: 1.5rem;
  }
  .footer {
    grid-template-columns: 100%;
    padding-top: 72px;
    padding-top: var(--space-xl);
  }
  .footer__info {
    align-items: center;
  }
  .footer__socials {
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 40px;
    margin-bottom: var(--space-l);
  }
  .footer__socials-item--tel {
    display: flex;
    justify-content: center;
    width: 100%;
  }
  .footer__payments {
    margin-bottom: 40px;
    margin-bottom: var(--space-l);
  }
  .footer__links {
    grid-row-gap: 16px;
    grid-row-gap: var(--space-xs);
    grid-auto-flow: row;
    row-gap: 16px;
    row-gap: var(--space-xs);
  }
  .footer__links-item--contract {
    order: -1;
  }
  .footer__mobile-only {
    display: inline;
  }
  .form--subscribe {
    margin: auto;
    max-width: 340px;
    text-align: center;
  }
  .form--subscribe .form__field {
    max-width: none;
  }
  .form--subscribe .form__header {
    font-family: Nunito, sans-serif;
    font-size: 40px;
    font-size: var(--text-h1-light-size);
    font-size: 28px;
    font-style: normal;
    font-weight: 300;
    line-height: 1.05;
    text-transform: uppercase;
    text-transform: none;
  }
  .product-slider {
    padding: 0;
  }
  .product-slider__btn--next,
  .product-slider__btn--prev {
    display: none;
  }
  .catalog__container,
  .lookbook-group__items,
  .lookbook-page__list {
    --grid-col: 2;
  }
  .column-list,
  .contacts__list {
    grid-template-columns: 1fr;
  }
  .note {
    padding: 12px;
  }
  .podeli-header {
    height: 150vw;
    margin-bottom: 60px;
    margin-top: -20px;
  }
  .podeli-content {
    margin: 0 auto 80px;
    max-width: 500px;
    padding: 0 15px;
    width: 100%;
  }
  .podeli-content h1,
  .podeli-intro {
    text-align: left;
  }
  .podeli-howitworks-box {
    align-items: center;
    flex-direction: column;
    margin-bottom: 20px;
  }
  .podeli-howitworks-step {
    height: 550px;
    margin-bottom: 20px;
    max-width: 384px;
    width: 100%;
  }
  .podeli-content .button-go-shopping {
    margin-top: 20px;
  }
  .podeli-content h2 {
    text-align: left;
  }
  .podeli-usability-step {
    background-position: 0 0;
    min-height: 48px;
    padding-left: 58px;
    padding-top: 0;
    text-align: left;
    width: 100%;
  }
  .podeli-content .button-go-shopping {
    margin-bottom: 60px;
  }
  .section__podeli-usability {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .hidden-mob {
    display: none;
  }
  .vpn-banner p {
    font-size: 13px;
    line-height: 20px;
  }
  .dashboard__purchases .purchases-item__goods.goods-preview {
    display: none;
  }
  .purchases-item {
    grid-gap: 0;
    gap: 0;
    grid-template-columns: 1fr;
    min-height: 186px;
    padding: 0;
  }
  .purchases-item__info {
    max-width: 100%;
    padding: 24px;
    padding: var(--space-s);
    width: 100%;
  }
  .purchases-item__track {
    border-top: 1px solid #e0e0e0;
    padding: 12px 24px;
    padding: 12px var(--space-s);
  }
  .purchases-item__goods {
    margin: 0;
    padding: 0 24px 24px;
    padding: 0 var(--space-s) var(--space-s) var(--space-s);
  }
  .purchases-item__goods.goods-preview {
    grid-auto-columns: auto;
    grid-template-columns: repeat(var(--goods-count), 1fr);
  }
  .track-num {
    justify-content: space-between;
    width: 100%;
  }
  .empty-block {
    min-height: 146px;
    padding: 72px;
    padding: var(--space-xl);
  }
  .empty-block__text {
    max-width: 265px;
  }
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
  .purchases-item__goods.goods-preview .goods-preview__item:nth-child(n + 5) {
    position: absolute;
    visibility: hidden;
  }
  .purchases-item__goods.goods-preview .goods-preview__item:nth-child(n + 6) {
    display: block;
  }
  .purchases-item__goods.goods-preview
    .goods-preview__item--good:nth-child(n + 4) {
    counter-increment: hidden-goods;
  }
  .purchases-item__goods.goods-preview .goods-preview__item--good:nth-child(4) {
    order: 1;
    position: absolute;
    visibility: hidden;
  }
  .purchases-item__goods.goods-preview
    .goods-preview__item--good:nth-child(4):nth-last-child(2):not(
      :nth-child(n + 5)
    ),
  .purchases-item__goods.goods-preview
    .goods-preview__item.goods-preview__item--more {
    position: relative;
    visibility: visible;
  }
}
@media only screen and (max-width: 668px) {
  .Toastify__toast-container {
    left: 0;
    margin: 0;
    padding: 0;
    width: 100vw;
  }
  .Toastify__toast-container--top-center,
  .Toastify__toast-container--top-left,
  .Toastify__toast-container--top-right {
    top: 0;
    transform: translateX(0);
  }
  .Toastify__toast-container--bottom-center,
  .Toastify__toast-container--bottom-left,
  .Toastify__toast-container--bottom-right {
    bottom: 0;
    transform: translateX(0);
  }
  .Toastify__toast-container--rtl {
    left: auto;
    right: 0;
  }
  .Toastify__toast {
    border-radius: 0;
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 667px) {
  :root {
    --header-height: 48px;
    --space-4xs: 4px;
    --space-2xs: 8px;
    --space-s: 16px;
    --space-m: 24px;
    --space-xl: 40px;
    --space-2xl: 56px;
    --padding: 16px;
    --padding-header-x: 24px;
    --padding-modal-x: 16px;
    --padding-modal-y: 12px;
    --padding-header-modal-x: 16px;
    --text-h1-size: 28px;
    --text-h1-light-size: 40px;
    --text-h2-size: 20px;
    --text-h3-size: 20px;
    --text-h4-size: 18px;
    --text-h5-size: 16px;
    --text-subtitle-size: 16px;
    --text-body-size: 13px;
    --text-table-size: 13px;
    --text-small-size: 13px;
    --text-tiny-size: 11px;
    --text-span-big-size: 15px;
    --text-span-big-height: 1.05;
    --text-span-size: 13px;
    --text-span-small-size: 13px;
    --text-biggest-size: 76px;
  }
  .Toastify__toast-container--bottom-right {
    bottom: calc(48px + env(safe-area-inset-bottom));
    bottom: calc(var(--bottom-bar-height) + env(safe-area-inset-bottom));
  }
  td,
  th {
    border-color: transparent;
    position: relative;
  }
  td:first-child:before,
  th:first-child:before {
    background-color: #e0e0e0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translateX(-48px);
    transform: translateX(calc(var(--padding) * -1));
    width: 100vw;
  }
  .btn--width-m--100 {
    width: 100%;
  }
  .form__field--textarea.delivery-comment .form__label {
    top: 24px;
  }
  .form__field--textarea.delivery-comment textarea.form__input {
    --padding-t: 40px;
  }
  .form__field--textarea.delivery-comment .form__input:focus ~ .form__label,
  .form__field--textarea.delivery-comment.error .form__label,
  .form__field--textarea.delivery-comment.has-value .form__label {
    transform: translateY(-20px) scale(0.7);
  }
  .modal--alert {
    --padding-modal-x: 16px;
  }
  .modal--sign-in .modal__overlay {
    align-items: flex-start;
    padding: 0;
  }
  .modal__container {
    max-width: 0;
    max-width: var(--modal-width);
    width: 100vw;
  }
  .modal-subscribe,
  .modal-subscribe--container {
    --modal-width: 320px;
  }
  .modal-subscribe--step1 .modal-subscribe__content {
    --padding-modal-x: 24px;
    --padding-modal-y: 40px;
  }
  .modal-subscribe--step1 .modal__title {
    --text-h2-size: 40px;
    --space-xs: 24px;
    line-height: 0.9;
  }
  .modal-subscribe--step1 .modal__title span {
    font-size: 0.6em;
  }
  .modal-subscribe--step1 .modal__subtitle {
    font-size: 14px;
    max-width: 80%;
  }
  .accordion--menu .accordion__header,
  .menu-list-major__item {
    font-family: Nunito, sans-serif;
    font-size: 26px;
    font-size: var(--text-h2-size);
    font-style: normal;
    font-weight: 600;
    line-height: 1.1;
    text-transform: uppercase;
  }
  .swiper-button-next,
  .swiper-button-prev,
  .table-small td:before,
  .table-small th:before {
    display: none;
  }
  .catalog__container {
    --grid-col: 1;
  }
  .catalog__container--main {
    --grid-col: var(--grid-col-main-catalog);
  }
  .catalog__container--waiting-list {
    grid-gap: 16px;
    grid-gap: var(--space-2xs);
    gap: 16px;
    gap: var(--space-2xs);
  }
  .catalog-layout--grid {
    --grid-col-main-catalog: 2;
  }
  .card-shadow--horizontal {
    --aspect-ratio: 60%;
  }
  .card-shadow--mobile-relative .card-shadow__content {
    color: inherit;
    margin-top: 24px;
    margin-top: var(--space-s);
    padding: 0;
    position: relative;
  }
  .card-shadow--mobile-relative .card-shadow__content:before {
    display: none;
  }
  .card-promo__name {
    padding: 0;
  }
  .collections-layout {
    --icon-height: 24px;
  }
  .lookbook-group__items {
    grid-gap: 8px;
    grid-gap: var(--space-4xs);
    gap: 8px;
    gap: var(--space-4xs);
  }
  .card-lookbook__content {
    padding-right: 0;
  }
  .lookbook-page__list {
    grid-gap: 8px;
    grid-gap: var(--space-4xs);
    gap: 8px;
    gap: var(--space-4xs);
  }
  .dashboard-service {
    grid-template-columns: 1fr;
    padding: 0;
  }
  .dashboard-service__item {
    padding: 16px 48px;
    padding: var(--space-xs) var(--padding);
  }
  .dashboard-service__item:first-child {
    border-top: 1px solid #e0e0e0;
  }
  .purchases-detail .block-head {
    align-items: flex-start;
    flex-direction: column;
  }
  .purchases-detail .block-head__btn {
    font-family: Inter, sans-serif;
    font-size: 16px;
    font-size: var(--text-body-size);
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    margin-left: 0;
    margin-top: 8px;
    margin-top: var(--space-3xs);
    text-transform: none;
  }
  .order-total {
    border-radius: 0;
    box-shadow: none;
    padding: 0;
  }
  .order-total__bottom--border {
    border-top: none;
    margin-top: 8px;
    margin-top: var(--space-3xs);
  }
  .banner-description__text,
  .order-total__btn {
    margin-bottom: 0;
  }
  .banner-description__btn {
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
  }
  .contacts__list {
    padding: 0;
  }
  .contacts-item__info {
    padding-left: 48px;
    padding-left: var(--padding);
    padding-right: 48px;
    padding-right: var(--padding);
  }
  .contacts-item__btn {
    border-radius: 0;
    border-width: 1px 0;
    padding-left: 10px;
    padding-right: 10px;
  }
  .contacts-item__btn + .contacts-item__btn {
    border-left-width: 1px;
    margin: 0;
  }
  .block-head__btn {
    --icon-height: 24px;
  }
  .progress-line__item {
    width: 44%;
  }
  .progress-line__item:first-child,
  .progress-line__item:last-child {
    width: 22%;
  }
  .about-banner__inner {
    align-items: flex-start;
  }
  .about-banner__text {
    text-align: left;
  }
}
@media only screen and (max-width: 500px) {
  .podeli-header {
    background-image: url(../images/podeli/bg-podeli1922.jpg);
  }
}
@media only screen and (max-width: 374px) {
  .to-fashion svg {
    height: 20px;
    width: 20px;
  }
  .to-fashion {
    left: unset;
    right: 12px;
  }
}