@charset "UTF-8";
/* Переменные */
:root {
  --bg-highlight: #f1fbfb;
  --bg-second: #f6f6f7;
  --bg-border: #e7ecec;
  --bg-border-light: #f3f6f6;
  --bg-border-extra-light: #f0f3f3;
  --bg-border-dark: #cacece;
  --color-disabled: #e5e8e8;
  --bg-highlight-secondary: #e5fbff;
  --text-primary: #303536;
  --text-disabled: #939b9d;
  --text-disabled-two: #6d7374;
  --text-muted: #595f67;
  --status-info: #f64726;
  --status-negative: #f22052;
  --text-negative: #cc0033;
  --status-error: #d05858;
  --status-active: #fb4e2c;
  --status-alert: #ff6900;
  --status-positive: #36ba5f;
  --status-positive-two: #178f58;
  --action-primary: #0bc0d3;
  --white: #fff;
}

/*Обнуление*/
* {
  padding: 0;
  margin: 0;
  border: 0;
}

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

:focus,
:active {
  outline: none;
}

a:focus,
a:active {
  outline: none;
}

nav,
footer,
header,
aside {
  display: block;
}

html,
body {
  height: 100%;
  width: 100%;
  font-size: 100%;
  line-height: 1;
  font-size: 14px;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

input,
button,
textarea {
  font-family: inherit;
}

input::-ms-clear {
  display: none;
}

button {
  cursor: pointer;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

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

a:hover {
  text-decoration: none;
}

ul li {
  list-style: none;
}

img {
  vertical-align: top;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

body {
  font-size: 14px;
}

use {
  width: 100%;
  height: 100%;
}

html {
  scroll-behavior: smooth;
}

/*------------------ПОДКЛЮЧЕНИЕ ШРИФТОВ---------------------------------------------*/
@font-face {
  font-family: "Montserrat";
  src: url("./fonts/Montserrat-MediumItalic.eot");
  src: local("Montserrat Medium Italic"), local("Montserrat-MediumItalic"), url("./fonts/Montserrat-MediumItalic.eot?#iefix") format("embedded-opentype"), url("./fonts/Montserrat-MediumItalic.woff2") format("woff2"), url("./fonts/Montserrat-MediumItalic.woff") format("woff"), url("./fonts/Montserrat-MediumItalic.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "Montserrat";
  src: url("./fonts/Montserrat-SemiBoldItalic.eot");
  src: local("Montserrat SemiBold Italic"), local("Montserrat-SemiBoldItalic"), url("./fonts/Montserrat-SemiBoldItalic.eot?#iefix") format("embedded-opentype"), url("./fonts/Montserrat-SemiBoldItalic.woff2") format("woff2"), url("./fonts/Montserrat-SemiBoldItalic.woff") format("woff"), url("./fonts/Montserrat-SemiBoldItalic.ttf") format("truetype");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "Inter";
  src: url("./fonts/Inter-Regular.eot");
  src: local("Inter Regular"), local("Inter-Regular"), url("./fonts/Inter-Regular.eot?#iefix") format("embedded-opentype"), url("./fonts/Inter-Regular.woff2") format("woff2"), url("./fonts/Inter-Regular.woff") format("woff"), url("./fonts/Inter-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Circe";
  src: url("./fonts/Circe/Circe-Regular.eot");
  src: local("Circe"), local("Circe-Regular"), url("./fonts/Circe/Circe-Regular.eot?#iefix") format("embedded-opentype"), url("./fonts/Circe/Circe-Regular.woff") format("woff"), url("./fonts/Circe/Circe-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Circe";
  src: url("./fonts/Circe/Circe-ExtraLight.eot");
  src: local("Circe ExtraLight"), local("Circe-ExtraLight"), url("./fonts/Circe/Circe-ExtraLight.eot?#iefix") format("embedded-opentype"), url("./fonts/Circe/Circe-ExtraLight.woff") format("woff"), url("./fonts/Circe/Circe-ExtraLight.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Circe";
  src: url("./fonts/Circe/Circe-Thin.eot");
  src: local("Circe Thin"), local("Circe-Thin"), url("./fonts/Circe/Circe-Thin.eot?#iefix") format("embedded-opentype"), url("./fonts/Circe/Circe-Thin.woff") format("woff"), url("./fonts/Circe/Circe-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Circe";
  src: url("./fonts/Circe/Circe-Light.eot");
  src: local("Circe Light"), local("Circe-Light"), url("./fonts/Circe/Circe-Light.eot?#iefix") format("embedded-opentype"), url("./fonts/Circe/Circe-Light.woff") format("woff"), url("./fonts/Circe/Circe-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Circe";
  src: local("Circe Medium"), local("Circe-Medium"), url("./fonts/Circe/circe_medium.otf") format("opentype"), url("./fonts/Circe/circe_medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Circe";
  src: url("./fonts/Circe/Circe-Bold.eot");
  src: local("Circe Bold"), local("Circe-Bold"), url("./fonts/Circe/Circe-Bold.eot?#iefix") format("embedded-opentype"), url("./fonts/Circe/Circe-Bold.woff") format("woff"), url("./fonts/Circe/Circe-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Circe";
  src: url("./fonts/Circe/Circe-ExtraBold.eot");
  src: local("Circe ExtraBold"), local("Circe-ExtraBold"), url("./fonts/Circe/Circe-ExtraBold.eot?#iefix") format("embedded-opentype"), url("./fonts/Circe/Circe-ExtraBold.woff") format("woff"), url("./fonts/Circe/Circe-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
/*------------------ТЕХНИЧЕСКИЕ КЛАССЫ----------------------------------------------*/
._container {
  position: relative;
  max-width: 1282px;
  margin: 0 auto;
  height: 100%;
  padding: 0 12px;
}
@media (min-width: 1024px) {
  ._container {
    padding: 0 16px;
  }
}

._ibg {
  position: relative;
}

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

/*---------------------------ГЛАВНЫЕ КЛАССЫ-----------------------------------------*/
body {
  color: var(--text-primary);
  font-family: "Circe", sans-serif;
  font-size: 18px;
  line-height: 22px;
  height: 100%;
  overflow: hidden;
}

body.lock {
  overflow: hidden;
}

.wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 100%;
  height: calc(var(--vh) * 100);
  position: relative;
  /* Временно ограничиваем ширину */
  /* width: 375px; */
  margin: 0 auto;
  overflow: hidden;
  overflow-y: scroll;
  z-index: 1;
}
.wrapper.catalog .cookie-alert {
  bottom: 142px;
}

.header {
  left: 0;
  top: 0;
  width: 100%;
  z-index: 10;
}

.main {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  width: 100%;
}
.main.product-page + .footer {
  margin-bottom: 119px;
}
.main.navBarPadding {
  margin-bottom: 60px;
}

/*---------------------------ОСТАЛЬНЫЕ КЛАССЫ---------------------------------------*/
.input-phone-number {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.input-phone-number::-webkit-input-placeholder {
  color: var(--text-disabled);
}
.input-phone-number::-moz-placeholder {
  color: var(--text-disabled);
}
.input-phone-number:-ms-input-placeholder {
  color: var(--text-disabled);
}
.input-phone-number::-ms-input-placeholder {
  color: var(--text-disabled);
}
.input-phone-number::placeholder {
  color: var(--text-disabled);
}

.products-none {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 20px;
}
.products-none.center span {
  text-align: center;
}