@charset "UTF-8";

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after {
  content: "";
  content: none;
}

q:before,
q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

a {
  color: inherit;
  text-decoration: none;
}

.db {
  display: block;
}

.dib {
  display: inline-block;
}

.fl_l {
  float: left;
}

.fl_r {
  float: right;
}

.center {
  overflow: hidden;
}

.tac {
  text-align: center;
}

.nav {
  list-style: none;
}

strong,
b {
  font-weight: 700;
}

button,
textarea,
input[type=email],
input[type=password],
input[type=text],
input[type=button],
input[type=submit] {
  -webkit-appearance: none;
  border-radius: 0;
}

/* clears the 'X' from Internet Explorer */

input[type=search]::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}

input[type=search]::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}

/* clears the 'X' from Chrome */

input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
  display: none;
}

@font-face {
  font-family: "Mulish";
  src: url("../fonts/Mulish-Black.eot");
  src: local("Mulish Black"), local("Mulish-Black"), url("../fonts/Mulish-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/Mulish-Black.woff2") format("woff2"), url("../fonts/Mulish-Black.woff") format("woff"), url("../fonts/Mulish-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Mulish";
  src: url("../fonts/Mulish-BlackItalic.eot");
  src: local("Mulish Black Italic"), local("Mulish-BlackItalic"), url("../fonts/Mulish-BlackItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Mulish-BlackItalic.woff2") format("woff2"), url("../fonts/Mulish-BlackItalic.woff") format("woff"), url("../fonts/Mulish-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Mulish";
  src: url("../fonts/Mulish-Bold.eot");
  src: local("Mulish Bold"), local("Mulish-Bold"), url("../fonts/Mulish-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Mulish-Bold.woff2") format("woff2"), url("../fonts/Mulish-Bold.woff") format("woff"), url("../fonts/Mulish-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Mulish";
  src: url("../fonts/Mulish-BoldItalic.eot");
  src: local("Mulish Bold Italic"), local("Mulish-BoldItalic"), url("../fonts/Mulish-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Mulish-BoldItalic.woff2") format("woff2"), url("../fonts/Mulish-BoldItalic.woff") format("woff"), url("../fonts/Mulish-BoldItalic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Mulish";
  src: url("../fonts/Mulish-ExtraBold.eot");
  src: local("Mulish ExtraBold"), local("Mulish-ExtraBold"), url("../fonts/Mulish-ExtraBold.eot?#iefix") format("embedded-opentype"), url("../fonts/Mulish-ExtraBold.woff2") format("woff2"), url("../fonts/Mulish-ExtraBold.woff") format("woff"), url("../fonts/Mulish-ExtraBold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Mulish";
  src: url("../fonts/Mulish-ExtraBoldItalic.eot");
  src: local("Mulish ExtraBold Italic"), local("Mulish-ExtraBoldItalic"), url("../fonts/Mulish-ExtraBoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Mulish-ExtraBoldItalic.woff2") format("woff2"), url("../fonts/Mulish-ExtraBoldItalic.woff") format("woff"), url("../fonts/Mulish-ExtraBoldItalic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Mulish";
  src: url("../fonts/Mulish-ExtraLight.eot");
  src: local("Mulish ExtraLight"), local("Mulish-ExtraLight"), url("../fonts/Mulish-ExtraLight.eot?#iefix") format("embedded-opentype"), url("../fonts/Mulish-ExtraLight.woff2") format("woff2"), url("../fonts/Mulish-ExtraLight.woff") format("woff"), url("../fonts/Mulish-ExtraLight.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Mulish";
  src: url("../fonts/Mulish-ExtraLightItalic.eot");
  src: local("Mulish ExtraLight Italic"), local("Mulish-ExtraLightItalic"), url("../fonts/Mulish-ExtraLightItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Mulish-ExtraLightItalic.woff2") format("woff2"), url("../fonts/Mulish-ExtraLightItalic.woff") format("woff"), url("../fonts/Mulish-ExtraLightItalic.ttf") format("truetype");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Mulish";
  src: url("../fonts/Mulish-Italic.eot");
  src: local("Mulish Italic"), local("Mulish-Italic"), url("../fonts/Mulish-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/Mulish-Italic.woff2") format("woff2"), url("../fonts/Mulish-Italic.woff") format("woff"), url("../fonts/Mulish-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Mulish";
  src: url("../fonts/Mulish-Light.eot");
  src: local("Mulish Light"), local("Mulish-Light"), url("../fonts/Mulish-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Mulish-Light.woff2") format("woff2"), url("../fonts/Mulish-Light.woff") format("woff"), url("../fonts/Mulish-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Mulish";
  src: url("../fonts/Mulish-LightItalic.eot");
  src: local("Mulish Light Italic"), local("Mulish-LightItalic"), url("../fonts/Mulish-LightItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Mulish-LightItalic.woff2") format("woff2"), url("../fonts/Mulish-LightItalic.woff") format("woff"), url("../fonts/Mulish-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Mulish";
  src: url("../fonts/Mulish-Medium.eot");
  src: local("Mulish Medium"), local("Mulish-Medium"), url("../fonts/Mulish-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Mulish-Medium.woff2") format("woff2"), url("../fonts/Mulish-Medium.woff") format("woff"), url("../fonts/Mulish-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Mulish";
  src: url("../fonts/Mulish-MediumItalic.eot");
  src: local("Mulish Medium Italic"), local("Mulish-MediumItalic"), url("../fonts/Mulish-MediumItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Mulish-MediumItalic.woff2") format("woff2"), url("../fonts/Mulish-MediumItalic.woff") format("woff"), url("../fonts/Mulish-MediumItalic.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Mulish";
  src: url("../fonts/Mulish-Regular.eot");
  src: local("Mulish Regular"), local("Mulish-Regular"), url("../fonts/Mulish-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Mulish-Regular.woff2") format("woff2"), url("../fonts/Mulish-Regular.woff") format("woff"), url("../fonts/Mulish-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Mulish";
  src: url("../fonts/Mulish-SemiBold.eot");
  src: local("Mulish SemiBold"), local("Mulish-SemiBold"), url("../fonts/Mulish-SemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/Mulish-SemiBold.woff2") format("woff2"), url("../fonts/Mulish-SemiBold.woff") format("woff"), url("../fonts/Mulish-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Mulish";
  src: url("../fonts/Mulish-SemiBoldItalic.eot");
  src: local("Mulish SemiBold Italic"), local("Mulish-SemiBoldItalic"), url("../fonts/Mulish-SemiBoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Mulish-SemiBoldItalic.woff2") format("woff2"), url("../fonts/Mulish-SemiBoldItalic.woff") format("woff"), url("../fonts/Mulish-SemiBoldItalic.ttf") format("truetype");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

/* autoprefixer: off */

:root {
  --color-gr-01: rgb(93, 161, 236) !important;
  /*Верхний градиент*/
  --color-gr-02: rgb(99, 94, 247) !important;
  /*Нижний градиент*/
  --color-gr-03: rgb(41, 213, 254) !important;
  /*Дополнительный цвет*/
  --color-gr-04: rgb(126, 92, 250) !important;
  /*Дополнительный цвет*/
  --color-fon-01: rgb(250, 251, 253) !important;
  /*Серый фон*/
  --main-width: 1440px !important;
  /*Основная ширина сайта*/
  --max-banner-width: 1440px !important;
  /*Основная ширина сайта*/
  --bonus-color: rgb(99, 94, 247) !important;
  /*Цвет бонусной системы*/
  --black: #151515;
  /*Цвет букв*/
  --grey: rgba(21, 21, 21, 0.5) !important;
  /*Цвет серый*/
  --green: rgb(10, 215, 141) !important;
  /*Цвет наличия*/
  --blue: rgb(72, 91, 254) !important;
  /*Цвет ссылок*/
  --l-blue: rgb(239, 244, 252) !important;
  /*Светло-голубой*/
  --l-grey: rgb(227, 228, 229) !important;
  /*Светло-серый*/
  --red: rgb(247, 96, 96) !important;
  /*Красный*/
  --dark: #151515;
  --text-primary: #151515;
  --blue-bg: #FAFBFD;
  --text-link: #485BFE;
  --text-link-active: #0E22D4;
  --icon-accent: #F29D00;
  --text-link-hover: #F29D00;
  --icon-primary-hover: #F29D00;
  --border-dark-hover: #0E22D4;
  --orange-active: #DD8F00;
  --element-bg-light: #F8FAFF;
  --text-error: #EC4651;
  --text-elements: #121E46;
  --text-elements-hover: #0E22D4;
  --text-secondary: rgba(21, 21, 21, 0.5);
  --icon-bg-dark: #D5E5FF;
  --text-primary-disabled: rgba(21, 21, 21, 0.3);
}

.icon-information {
  width: 24px;
  height: 24px;
  cursor: pointer;
  background: url(../images/svg/tooltip-gray.svg) no-repeat;
  position: relative;
  display: inline-block;
  top: -2px;
  vertical-align: middle;
}

.icon-information:hover {
  background: url(../images/svg/tooltip-gray.svg) no-repeat;
}

.icon-information:hover:after {
  opacity: 1;
}

.icon-information:after {
  background: url(../images/svg/tooltip-orange.svg) no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  content: "";
}

.basket-table,
.basket-top-page,
.brand-cabinet-list,
.cabinet-favorite-list,
.brand-carousel,
.cabinet-account-info,
.control-account,
.sessions-devices,
.cabinet-info-top,
.cabinet-await-events,
.cabinet-global-nav,
.cabinet-user-top,
.business-faq,
.business-promo,
.category-carousel_wrap,
.business-info,
.masthead-business {
  max-width: 1680px;
  box-sizing: border-box;
  width: 100%;
  margin: 0 auto;
  padding: 10px 36px;
}

* {
  outline: none;
}

div {
  box-sizing: border-box;
  background-repeat: no-repeat;
}

body {
  font: 300 14px "Mulish", sans-serif;
  display: flex;
  flex-direction: column;
  min-width: 375px;
  background: #fff;
  position: relative;
  margin: 0px;
  padding: 0px;
  color: var(--black);
  -webkit-text-size-adjust: none;
  height: 100%;
  min-height: 100vh;
}

.btn {
  font-family: "Mulish", sans-serif;
  cursor: pointer;
}

.btn-default {
  font-family: "Mulish", sans-serif;
  border: none;
  padding: 10px 20px;
}

.orange-button:hover,
.btn-orange:hover,
.empty-search .akcent-button:hover,
.choice-city .akcent-button:hover,
.cookie-modal .akcent-button:hover,
.order-box.passport .order-box_bottom .akcent-button:hover,
.hc-r1-city .akcent-button:hover {
  border-color: var(--orange-active, #DD8F00);
  background: var(--orange-active, #DD8F00);
}

.orange-button,
.btn-orange,
.choice-city .akcent-button,
.cookie-modal .akcent-button,
.order-box.passport .order-box_bottom .akcent-button,
.empty-search .akcent-button,
.hc-r1-city .akcent-button {
  font: 600 14px/24px "Mulish", sans-serif;
  border-radius: 100px;
  background: var(--icon-accent, #F29D00);
  border-color: var(--icon-accent, #F29D00);
  color: #FFF;
  text-align: center;
  cursor: pointer;
}

.orange-button.btn-border,
.btn-orange.btn-border,
.choice-city .akcent-button.btn-border,
.cookie-modal .akcent-button.btn-border,
.order-box.passport .order-box_bottom .akcent-button.btn-border,
.empty-search .akcent-button.btn-border,
.hc-r1-city .akcent-button.btn-border {
  border: none;
  padding: 10px 20px;
}

.orange-button:disabled,
.btn-orange:disabled,
.choice-city .akcent-button:disabled,
.cookie-modal .akcent-button:disabled,
.order-box.passport .order-box_bottom .akcent-button:disabled,
.empty-search .akcent-button:disabled,
.hc-r1-city .akcent-button:disabled {
  background: #FFC65D !important;
  border: 1px solid #FFC65D !important;
  color: rgba(255, 255, 255, 0.8) !important;
}

.empty-button:hover,
.empty-search .akcent-button-white-blue:hover,
.choice-city .akcent-button-white-blue:hover,
.cookie-modal .akcent-button-white-blue:hover,
.order-box.passport .order-box_bottom .js-close:hover,
.hc-r1-city .akcent-button-white-blue:hover {
  border-color: var(--text-link-active, #0E22D4) !important;
  color: var(--text-link-active, #0E22D4) !important;
}

.btn-blue-dark,
.empty-button {
  font: 600 14px/24px "Mulish", sans-serif;
  border-radius: 100px;
  display: inline-block;
  text-align: center;
  padding: 7px 15px;
}

.btn-blue-dark {
  background: var(--element-primary, #121E46);
  font-family: "Mulish", sans-serif;
  color: #fff !important;
  border: none;
}

.btn-blue-dark:hover {
  background: var(--element-bonuses, #0E22D4);
}

.btn-blue-dark:disabled {
  background: var(--element-primary-disabled, #B8CFFA);
}

.empty-button,
.choice-city .akcent-button-white-blue,
.empty-search .akcent-button-white-blue,
.cookie-modal .akcent-button-white-blue,
.order-box.passport .order-box_bottom .js-close,
.hc-r1-city .akcent-button-white-blue {
  border: 1px solid #121E46 !important;
  font-family: "Mulish", sans-serif;
  text-align: center;
  background: none;
  color: #121E46 !important;
}

.button-gray {
  font: 600 14px/24px "Mulish", sans-serif;
  padding: 8px 24px;
  border-radius: 100px;
  background: #EFF2F7;
  color: var(--text-elements, #121E46);
  text-align: center;
  border: none;
}

.button-gray:hover {
  color: var(--text-elements-hover, #0E22D4);
}

.button-gray.disabled,
.button-gray:disabled {
  background: var(--element-bg-light, #F8FAFF);
  color: var(--text-elements-disabled, #B8CFFA);
}

.btn-no-border {
  border: none !important;
}

h1 {
  font-size: 210%;
  margin: 20px 0 20px 0;
  font-weight: 800;
}

body.compensate-for-scrollbar {
  overflow: hidden;
}

.fancybox-active {
  height: auto;
}

.fancybox-is-hidden {
  left: -9999px;
  margin: 0;
  position: absolute !important;
  top: -9999px;
  visibility: hidden;
}

.fancybox-container {
  -webkit-backface-visibility: hidden;
  height: 100%;
  left: 0;
  outline: none;
  position: fixed;
  -webkit-tap-highlight-color: transparent;
  top: 0;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  transform: translateZ(0);
  width: 100%;
  z-index: 99992;
}

.fancybox-container * {
  box-sizing: border-box;
}

.fancybox-outer,
.fancybox-inner,
.fancybox-bg,
.fancybox-stage {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.fancybox-outer {
  -webkit-overflow-scrolling: touch;
  overflow-y: auto;
}

.fancybox-bg {
  background: rgb(30, 30, 30);
  opacity: 0;
  transition-duration: inherit;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
}

.fancybox-is-open .fancybox-bg {
  opacity: 0.9;
  transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
}

.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption,
.fancybox-navigation .fancybox-button {
  direction: ltr;
  opacity: 0;
  position: absolute;
  transition: opacity 0.25s ease, visibility 0s ease 0.25s;
  visibility: hidden;
  z-index: 99997;
}

.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar,
.fancybox-show-caption .fancybox-caption,
.fancybox-show-nav .fancybox-navigation .fancybox-button {
  opacity: 1;
  transition: opacity 0.25s ease 0s, visibility 0s ease 0s;
  visibility: visible;
}

.fancybox-infobar {
  color: #ccc;
  font-size: 13px;
  -webkit-font-smoothing: subpixel-antialiased;
  height: 44px;
  left: 0;
  line-height: 44px;
  min-width: 44px;
  mix-blend-mode: difference;
  padding: 0 10px;
  pointer-events: none;
  top: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.fancybox-toolbar {
  right: 0;
  top: 0;
}

.fancybox-stage {
  direction: ltr;
  overflow: visible;
  transform: translateZ(0);
  z-index: 99994;
}

.fancybox-is-open .fancybox-stage {
  overflow: hidden;
}

.fancybox-slide {
  -webkit-backface-visibility: hidden;
  /* Using without prefix would break IE11 */
  display: none;
  height: 100%;
  left: 0;
  outline: none;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 44px;
  position: absolute;
  text-align: center;
  top: 0;
  transition-property: transform, opacity;
  white-space: normal;
  width: 100%;
  z-index: 99994;
}

.fancybox-slide::before {
  content: "";
  display: inline-block;
  font-size: 0;
  height: 100%;
  vertical-align: middle;
  width: 0;
}

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--previous,
.fancybox-slide--current,
.fancybox-slide--next {
  display: block;
}

.fancybox-slide--image {
  overflow: hidden;
  padding: 44px 0;
}

.fancybox-slide--image::before {
  display: none;
}

.fancybox-slide--html {
  padding: 6px;
}

.fancybox-content {
  background: #fff;
  display: inline-block;
  margin: 0;
  max-width: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 44px;
  position: relative;
  text-align: left;
  vertical-align: middle;
}

.fancybox-slide--image .fancybox-content {
  animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
  -webkit-backface-visibility: hidden;
  background: transparent;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  left: 0;
  max-width: none;
  overflow: visible;
  padding: 0;
  position: absolute;
  top: 0;
  -ms-transform-origin: top left;
  transform-origin: top left;
  transition-property: transform, opacity;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 99995;
}

.fancybox-can-zoomOut .fancybox-content {
  cursor: zoom-out;
}

.fancybox-can-zoomIn .fancybox-content {
  cursor: zoom-in;
}

.fancybox-can-swipe .fancybox-content,
.fancybox-can-pan .fancybox-content {
  cursor: -webkit-grab;
  cursor: grab;
}

.fancybox-is-grabbing .fancybox-content {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.fancybox-container [data-selectable=true] {
  cursor: text;
}

.fancybox-image,
.fancybox-spaceball {
  background: transparent;
  border: 0;
  height: 100%;
  left: 0;
  margin: 0;
  max-height: none;
  max-width: none;
  padding: 0;
  position: absolute;
  top: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%;
}

.fancybox-spaceball {
  z-index: 1;
}

.fancybox-slide--video .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--iframe .fancybox-content {
  height: 100%;
  overflow: visible;
  padding: 0;
  width: 100%;
}

.fancybox-slide--video .fancybox-content {
  background: #000;
}

.fancybox-slide--map .fancybox-content {
  background: #e5e3df;
}

.fancybox-slide--iframe .fancybox-content {
  background: #fff;
}

.fancybox-video,
.fancybox-iframe {
  background: transparent;
  border: 0;
  display: block;
  height: 100%;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 100%;
}

/* Fix iOS */

.fancybox-iframe {
  left: 0;
  position: absolute;
  top: 0;
}

.fancybox-error {
  background: #fff;
  cursor: default;
  max-width: 400px;
  padding: 40px;
  width: 100%;
}

.fancybox-error p {
  color: #444;
  font-size: 16px;
  line-height: 20px;
  margin: 0;
  padding: 0;
}

/* Buttons */

.fancybox-button {
  background: rgba(30, 30, 30, 0.6);
  border: 0;
  border-radius: 0;
  box-shadow: none;
  cursor: pointer;
  display: inline-block;
  height: 44px;
  margin: 0;
  padding: 10px;
  position: relative;
  transition: color 0.2s;
  vertical-align: top;
  visibility: inherit;
  width: 44px;
}

.fancybox-button,
.fancybox-button:visited,
.fancybox-button:link {
  color: #ccc;
}

.fancybox-button:hover {
  color: #fff;
}

.fancybox-button:focus {
  outline: none;
}

.fancybox-button.fancybox-focus {
  outline: 1px dotted;
}

.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
  color: #888;
  cursor: default;
  outline: none;
}

/* Fix IE11 */

.fancybox-button div {
  height: 100%;
}

.fancybox-button svg {
  display: block;
  height: 100%;
  overflow: visible;
  position: relative;
  width: 100%;
}

.fancybox-button svg path {
  fill: currentColor;
  stroke-width: 0;
}

.fancybox-button--play svg:nth-child(2),
.fancybox-button--fsenter svg:nth-child(2) {
  display: none;
}

.fancybox-button--pause svg:nth-child(1),
.fancybox-button--fsexit svg:nth-child(1) {
  display: none;
}

.fancybox-progress {
  background: #ff5268;
  height: 2px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -ms-transform-origin: 0;
  transform-origin: 0;
  transition-property: transform;
  transition-timing-function: linear;
  z-index: 99998;
}

/* Close button on the top right corner of html content */

.fancybox-close-small {
  background: transparent;
  border: 0;
  border-radius: 0;
  color: #ccc;
  cursor: pointer;
  opacity: 0.8;
  padding: 8px;
  position: absolute;
  right: -12px;
  top: -44px;
  z-index: 401;
}

.fancybox-close-small:hover {
  color: #fff;
  opacity: 1;
}

.fancybox-slide--html .fancybox-close-small {
  color: currentColor;
  padding: 10px;
  right: 0;
  top: 0;
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
  overflow: hidden;
}

.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
  display: none;
}

/* Navigation arrows */

.fancybox-navigation .fancybox-button {
  background-clip: content-box;
  height: 100px;
  opacity: 0;
  position: absolute;
  top: calc(50% - 50px);
  width: 70px;
}

.fancybox-navigation .fancybox-button div {
  padding: 7px;
}

.fancybox-navigation .fancybox-button--arrow_left {
  left: 0;
  left: env(safe-area-inset-left);
  padding: 31px 26px 31px 6px;
}

.fancybox-navigation .fancybox-button--arrow_right {
  padding: 31px 6px 31px 26px;
  right: 0;
  right: env(safe-area-inset-right);
}

/* Caption */

.fancybox-caption {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.15) 65%, rgba(0, 0, 0, 0.075) 75.5%, rgba(0, 0, 0, 0.037) 82.85%, rgba(0, 0, 0, 0.019) 88%, rgba(0, 0, 0, 0) 100%);
  bottom: 0;
  color: #eee;
  font-size: 14px;
  font-weight: 400;
  left: 0;
  line-height: 1.5;
  padding: 75px 44px 25px 44px;
  pointer-events: none;
  right: 0;
  text-align: center;
  z-index: 99996;
}

.fancybox-caption--separate {
  margin-top: -50px;
}

.fancybox-caption__body {
  max-height: 50vh;
  overflow: auto;
  pointer-events: all;
}

.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
  color: #ccc;
  text-decoration: none;
}

.fancybox-caption a:hover {
  color: #fff;
  text-decoration: underline;
}

/* Loading indicator */

.fancybox-loading {
  animation: fancybox-rotate 1s linear infinite;
  background: transparent;
  border: 4px solid #888;
  border-bottom-color: #fff;
  border-radius: 50%;
  height: 50px;
  left: 50%;
  margin: -25px 0 0 -25px;
  opacity: 0.7;
  padding: 0;
  position: absolute;
  top: 50%;
  width: 50px;
  z-index: 99999;
}

@keyframes fancybox-rotate {
  100% {
    transform: rotate(360deg);
  }
}

/* Transition effects */

.fancybox-animated {
  transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
}

/* transitionEffect: slide */

.fancybox-fx-slide.fancybox-slide--previous {
  opacity: 0;
  transform: translate3d(-100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--next {
  opacity: 0;
  transform: translate3d(100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--current {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

/* transitionEffect: fade */

.fancybox-fx-fade.fancybox-slide--previous,
.fancybox-fx-fade.fancybox-slide--next {
  opacity: 0;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.fancybox-fx-fade.fancybox-slide--current {
  opacity: 1;
}

/* transitionEffect: zoom-in-out */

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
  opacity: 0;
  transform: scale3d(1.5, 1.5, 1.5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
  opacity: 0;
  transform: scale3d(0.5, 0.5, 0.5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
  opacity: 1;
  transform: scale3d(1, 1, 1);
}

/* transitionEffect: rotate */

.fancybox-fx-rotate.fancybox-slide--previous {
  opacity: 0;
  -ms-transform: rotate(-360deg);
  transform: rotate(-360deg);
}

.fancybox-fx-rotate.fancybox-slide--next {
  opacity: 0;
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
}

.fancybox-fx-rotate.fancybox-slide--current {
  opacity: 1;
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}

/* transitionEffect: circular */

.fancybox-fx-circular.fancybox-slide--previous {
  opacity: 0;
  transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--next {
  opacity: 0;
  transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--current {
  opacity: 1;
  transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
}

/* transitionEffect: tube */

.fancybox-fx-tube.fancybox-slide--previous {
  transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
}

.fancybox-fx-tube.fancybox-slide--next {
  transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
}

.fancybox-fx-tube.fancybox-slide--current {
  transform: translate3d(0, 0, 0) scale(1);
}

/* Styling for Small-Screen Devices */

@media all and (max-height: 576px) {
  .fancybox-slide {
    padding-left: 6px;
    padding-right: 6px;
  }

  .fancybox-slide--image {
    padding: 6px 0;
  }

  .fancybox-close-small {
    right: -6px;
  }

  .fancybox-slide--image .fancybox-close-small {
    background: #4e4e4e;
    color: #f2f4f6;
    height: 36px;
    opacity: 1;
    padding: 6px;
    right: 0;
    top: 0;
    width: 36px;
  }

  .fancybox-caption {
    padding-left: 12px;
    padding-right: 12px;
  }
}

/* Share */

.fancybox-share {
  background: #f4f4f4;
  border-radius: 3px;
  max-width: 90%;
  padding: 30px;
  text-align: center;
}

.fancybox-share h1 {
  color: #222;
  font-size: 35px;
  font-weight: 700;
  margin: 0 0 20px 0;
}

.fancybox-share p {
  margin: 0;
  padding: 0;
}

.fancybox-share__button {
  border: 0;
  border-radius: 3px;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  line-height: 40px;
  margin: 0 5px 10px 5px;
  min-width: 130px;
  padding: 0 15px;
  text-decoration: none;
  transition: all 0.2s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
}

.fancybox-share__button:visited,
.fancybox-share__button:link {
  color: #fff;
}

.fancybox-share__button:hover {
  text-decoration: none;
}

.fancybox-share__button--fb {
  background: #3b5998;
}

.fancybox-share__button--fb:hover {
  background: #344e86;
}

.fancybox-share__button--pt {
  background: #bd081d;
}

.fancybox-share__button--pt:hover {
  background: #aa0719;
}

.fancybox-share__button--tw {
  background: #1da1f2;
}

.fancybox-share__button--tw:hover {
  background: #0d95e8;
}

.fancybox-share__button svg {
  height: 25px;
  margin-right: 7px;
  position: relative;
  top: -1px;
  vertical-align: middle;
  width: 25px;
}

.fancybox-share__button svg path {
  fill: #fff;
}

.fancybox-share__input {
  background: transparent;
  border: 0;
  border-bottom: 1px solid #d7d7d7;
  border-radius: 0;
  color: #5d5b5b;
  font-size: 14px;
  margin: 10px 0 0 0;
  outline: none;
  padding: 10px 15px;
  width: 100%;
}

/* Thumbs */

.fancybox-thumbs {
  background: #ddd;
  bottom: 0;
  display: none;
  margin: 0;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  padding: 2px 2px 4px 2px;
  position: absolute;
  right: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  top: 0;
  width: 212px;
  z-index: 99995;
}

.fancybox-thumbs-x {
  overflow-x: auto;
  overflow-y: hidden;
}

.fancybox-show-thumbs .fancybox-thumbs {
  display: block;
}

.fancybox-show-thumbs .fancybox-inner {
  right: 212px;
}

.fancybox-thumbs__list {
  font-size: 0;
  height: 100%;
  list-style: none;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0;
  position: absolute;
  position: relative;
  white-space: nowrap;
  width: 100%;
}

.fancybox-thumbs-x .fancybox-thumbs__list {
  overflow: hidden;
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
  width: 7px;
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 10px;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
  background: #2a2a2a;
  border-radius: 10px;
}

.fancybox-thumbs__list a {
  background: rgba(0, 0, 0, 0.1);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  cursor: pointer;
  float: left;
  height: 75px;
  margin: 2px;
  max-height: calc(100% - 8px);
  max-width: calc(50% - 4px);
  outline: none;
  overflow: hidden;
  padding: 0;
  position: relative;
  -webkit-tap-highlight-color: transparent;
  width: 100px;
}

.fancybox-thumbs__list a::before {
  border: 6px solid #ff5268;
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  z-index: 99991;
}

.fancybox-thumbs__list a:focus::before {
  opacity: 0.5;
}

.fancybox-thumbs__list a.fancybox-thumbs-active::before {
  opacity: 1;
}

/* Styling for Small-Screen Devices */

@media all and (max-width: 576px) {
  .fancybox-thumbs {
    width: 110px;
  }

  .fancybox-show-thumbs .fancybox-inner {
    right: 110px;
  }

  .fancybox-thumbs__list a {
    max-width: calc(100% - 10px);
  }
}

body .simplebar-track.simplebar-vertical,
.custom-scroll-line .simplebar-track.simplebar-vertical,
.notification-header_in .simplebar-track.simplebar-vertical,
.js-scroll-search-result .simplebar-track.simplebar-vertical {
  background: rgb(239, 241, 254);
  top: 15px;
  bottom: 15px;
  right: 6px;
  width: 7px;
  border-radius: 10px;
}

.header_new {
  height: auto;
  z-index: 40;
  background: #121E46;
  margin: 0;
  position: sticky;
  top: 0;
  left: 0;
}

.header_new .header-content {
  width: auto;
  padding: 0;
}

.header_new .header-content .hc-r1-search {
  flex: 1;
  border-radius: 12px;
  gap: 12px;
  background: #FFF;
  display: flex;
  padding: 4px;
}

.header_new .header-content .hc-r1-search div input {
  font: normal 400 14px/24px "Mulish", sans-serif;
  border: 1px solid white;
  width: 100%;
  height: 40px;
  padding: 0 140px 0 0;
  color: var(--dark, #151515);
  max-width: 100% !important;
  border-radius: 0;
  background: #fff url(../images/svg/new-search.svg) no-repeat right 10px center !important;
}

.header_new .header-content .hc-r1-search div input::-webkit-input-placeholder {
  color: rgba(21, 21, 21, 0.2);
}

.header_new .header-content .hc-r1-search div input::-moz-placeholder {
  color: rgba(21, 21, 21, 0.2);
}

.header_new .header-content .hc-r1-search div input:-moz-placeholder {
  color: rgba(21, 21, 21, 0.2);
}

.header_new .header-content .hc-r1-search div input:-ms-input-placeholder {
  color: rgba(21, 21, 21, 0.2);
}

.header_new .hc-mobile-search {
  display: none;
}

.header_new .hc-mobile-search-input {
  flex: 1;
}

.header_new .hc-r1-logo {
  align-items: center;
  display: flex;
  width: 180px;
  overflow: hidden;
  height: 36px;
  margin: 0 24px 0 0;
}

.header_new .hc-r1-logo svg {
  display: block;
}

.header_new .hc-r1-logo a {
  width: 100%;
  display: block;
}

.header_new .hc-r1-logo:hover svg {
  fill: #F29D00;
}

.header_new .hc-r1-logo svg {
  width: 100%;
  fill: #fff;
  height: auto;
}

.header_new .hc-r2-button-order,
.header_new .hc-r2-button-like,
.header_new .hc-r2-button-basket,
.header_new .hc-r1-button {
  background: none;
  padding-bottom: 12px;
  position: relative;
  min-width: 68px;
  margin-bottom: -12px;
}

.header_new .hc-r2-button-order:hover,
.header_new .hc-r2-button-like:hover,
.header_new .hc-r2-button-basket:hover,
.header_new .hc-r1-button:hover {
  color: #B8CFFA;
}

.header_new .hc-r2-button-order path,
.header_new .hc-r2-button-like path,
.header_new .hc-r2-button-basket path,
.header_new .hc-r1-button path {
  fill: currentColor;
}

.header_new .hc-r2-button-order:hover .drop,
.header_new .hc-r2-button-like:hover .drop,
.header_new .hc-r2-button-basket:hover .drop,
.header_new .hc-r1-button:hover .drop {
  opacity: 1 !important;
  visibility: visible !important;
}

.header_new .hc-r2-button-order .drop,
.header_new .hc-r2-button-like .drop,
.header_new .hc-r2-button-basket .drop,
.header_new .hc-r1-button .drop {
  text-align: left;
  display: block;
}

.header_new .header-content a.hc-desktop-login {
  background: none;
}

.header_new .header-content .hc-r2-hamburger svg {
  width: 24px;
  height: 24px;
  fill: var(--dark, #151515);
}

.header_new .header-content-row1 {
  display: flex;
  color: white;
  align-items: center;
  justify-content: space-between;
  padding: 14px 36px 11px;
  top: 0;
  box-sizing: border-box;
  z-index: 100;
  left: 0;
  width: 100%;
}

.header_new .hc-r1-search .search-rezult {
  position: absolute;
  min-width: 100%;
  width: 100%;
  box-sizing: border-box;
  z-index: 5;
  display: block !important;
  opacity: 0;
  visibility: hidden;
  margin-top: 13px;
  max-height: none;
  overflow: hidden;
  border-radius: 24px;
  background: #FFF;
  box-shadow: 0px 4px 28px 0px rgba(0, 0, 0, 0.12);
  padding: 24px 24px 13px;
  top: 100%;
}

.header_new .category-search {
  margin: 0 0 18px;
}

.header_new .category-search a {
  display: block;
  transition: all 0.2s linear;
  box-sizing: border-box;
  color: var(--dark, #151515);
  border-radius: 12px;
  background: #EFF4FC;
  height: 187px;
  padding: 8px;
}

.header_new .category-search a:hover {
  background: #B8CFFA;
}

.header_new .category-search .preview {
  display: block;
  width: 120px;
  margin: 0 0 5px;
  overflow: hidden;
  height: 120px;
  border-radius: 20px;
  background: #fff url(../images/svg/category-search-empty.svg) no-repeat center;
}

.header_new .category-search .preview img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.header_new .category-search .name {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  overflow: hidden;
  padding: 3px 12px 0;
  text-overflow: ellipsis;
  font-size: 14px;
  box-sizing: border-box;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  /* 171.429% */
}

.header_new .category-search .swiper-slide {
  width: 136px;
}

.header_new .category-search .category-search_nav {
  width: 44px;
  height: 28px;
  border-radius: 24px;
  position: absolute;
  left: 0 !important;
  top: 85px !important;
  transform: none !important;
  margin: 0 24px !important;
  color: var(--dark, #151515);
  background: #EFF4FC;
  padding: 4px 12px;
}

.header_new .category-search .category-search_nav:after {
  display: none !important;
}

.header_new .category-search .swiper-button-next svg {
  width: 20px;
  height: 20px;
  color: var(--dark, #151515);
}

.header_new .category-search .category-search_nav:hover {
  background: #D5E5FF;
}

.header_new .category-search .category-search_nav:hover svg {
  fill: #0E22D4;
}

.header_new .category-search .swiper-button-next {
  left: auto !important;
  right: 0 !important;
}

.header_new .category-search .swiper-button-disabled {
  opacity: 0 !important;
}

.header_new .popular-search {
  margin: 0 0 22px;
}

.header_new .popular-search a {
  display: block;
  color: var(--text-primary, #151515);
  font-size: 14px;
  background: url(../images/svg/new-search.svg) no-repeat left 15px top 14px;
  background-size: 16px auto;
  padding: 10px 0 6px 40px;
  font-weight: 400;
  line-height: 24px;
}

.header_new .popular-search a:hover {
  color: var(--blue);
}

.header_new .hc-r1-search .search-rezult-stroka {
  display: flex;
  flex: 1;
  min-width: 300px;
  border-radius: 12px;
  overflow: hidden;
  margin: 0 0 11px;
  padding: 8px 8px 7px;
  border: 1px solid rgba(21, 21, 21, 0.08);
}

.header_new .hc-r1-search .search-rezult-stroka:hover {
  border-color: #F29D00;
}

.header_new .hc-r1-search .search-rezult-stroka .cash {
  margin: 6px 0 8px;
  display: block;
  color: var(--dark, #151515);
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.header_new .hc-r1-search .search-rezult-stroka .name {
  overflow: hidden;
  color: var(--dark, #151515);
  text-overflow: ellipsis;
  font-size: 14px;
  font-style: normal;
  display: block;
  white-space: nowrap;
  font-weight: 400;
  line-height: 24px;
}

.header_new .js-search-result-scroll {
  max-height: calc(50vh - 57px);
}

.header_new .header-content .hc-r1-search .clear {
  position: absolute;
  top: 11px;
  cursor: pointer;
  right: 113px;
  visibility: hidden;
  opacity: 0;
}

.header_new .header-content .hc-r1-search .clear svg {
  width: 24px;
  height: 24px;
  fill: rgb(21, 21, 21);
  opacity: 0.3;
}

.header_new .header-content .hc-r1-search.open .clear,
.header_new .header-content .hc-r1-search.open .search-rezult {
  opacity: 1 !important;
  visibility: visible !important;
}

.header_new .header-content .hc-r1-search.open .hc-mobile-search button {
  color: #FFF;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  border-radius: 8px;
  background: #F29D00;
  padding: 8px 24px;
  line-height: 24px;
  border: none;
  cursor: pointer;
}

.header_new .header-content .hc-r1-search.open .hc-mobile-search button:hover {
  background: #DD8F00;
}

.header_new .header-content .hc-r1-search.show-nav .clear {
  opacity: 1 !important;
  visibility: visible !important;
}

.header_new .header-content .hc-r1-search.show-nav .hc-mobile-search button {
  color: #FFF;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  border-radius: 8px;
  background: #F29D00;
  padding: 8px 24px;
  line-height: 24px;
  border: none;
  cursor: pointer;
}

.header_new .header-content .hc-r1-search.show-nav .hc-mobile-search button:hover {
  background: #DD8F00;
}

.header_new .hc-r1-search {
  position: relative;
  box-sizing: border-box;
}

.header_new .hc-r1-search .search-rezult-img {
  min-width: 68px;
  width: 68px;
  height: 68px;
  background-size: contain;
}

.header_new .hc-r1-search .search-rezult-text {
  overflow: hidden;
  font-size: 100%;
  line-height: 20px;
  text-align: left;
  color: black;
  margin-left: 16px;
  text-transform: uppercase;
}

.header_new .hc-r1-search .search-rezult-text:first-child {
  margin: 0;
}

.header_new .header-content .hc-r1-search.show-nav .hc-mobile-search,
.header_new .header-content .hc-r1-search.open .hc-mobile-search {
  display: block;
  position: absolute;
  top: 3px;
  right: 5px;
}

.header_new .hc-r1-button .login-block {
  position: absolute;
  min-width: 260px;
  box-sizing: border-box;
  z-index: 22;
  border-radius: 16px;
  background: #FFF;
  padding: 8px;
  width: 312px;
  opacity: 0;
  visibility: hidden;
  top: 100%;
  display: block !important;
  left: 50%;
  transform: translateX(-50%);
  right: auto;
}

.header_new .hc-r1-button .login-block a * {
  margin-left: auto;
}

.header_new .hc-r1-button .login-block path {
  fill: currentColor;
}

.header_new .hc-r1-button .login-block a {
  color: var(--dark, #151515);
  font-size: 14px;
  border-radius: 12px;
  display: flex;
  padding: 8px 16px;
  text-align: left;
  font-weight: 400;
  line-height: 20px;
  align-items: center;
}

.header_new .hc-r1-button .login-block a:hover {
  background: var(--l-blue);
}

.header_new .hc-r1-button .login-block svg {
  margin: 0;
  width: 24px;
  fill: var(--dark, #151515);
  height: 24px;
}

.header_new .hc-r1-button .login-block span {
  color: rgba(21, 21, 21, 0.5);
  text-align: right;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.header_new .hc-r1-button .login-block .link {
  margin: 11px 0 0;
  color: var(--dark, #151515);
  font-size: 14px;
  font-weight: 400;
  display: flex;
  transition: all 0.2s linear;
  align-items: center;
  justify-content: space-between;
  line-height: 20px;
  border-radius: 12px;
  background: #EFF4FC;
}

.header_new .hc-r1-button .login-block .link:hover {
  background: var(--blue);
  color: #fff;
}

.header_new .hc-r1-button .login-block .link:hover svg {
  fill: #fff;
}

.header_new .hc-r1-button .login-block strong {
  border-radius: 100px;
  background: #DD8F00;
  min-width: 36px;
  text-align: center;
  max-width: 36px;
  color: #FFF;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

.header_new .hc-r1-button .login-block li {
  margin: 0 0 2px;
}

.header_new .hc-r2-button-order:hover:after,
.header_new .hc-r2-button-like:hover:after,
.header_new .hc-r2-button-basket:hover:after,
.header_new .hc-r1-button:hover:after {
  opacity: 1;
  visibility: visible;
}

.header_new .has-arr:after {
  border-bottom: 8px solid #fff;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  content: "";
  opacity: 0;
  visibility: hidden;
  position: absolute;
  left: 50%;
  margin-left: -9px;
  bottom: 0;
  border-bottom: 8px solid var(--l-blue);
}

.header_new .order-box.passport {
  border-radius: 24px;
  width: 312px;
  left: 50%;
  opacity: 0;
  visibility: hidden;
  top: 100%;
  transform: translateX(-50%);
  right: auto;
  background: #FFF;
  box-shadow: 0px 4px 28px 0px rgba(0, 0, 0, 0.12);
  position: absolute;
  z-index: 10;
  box-sizing: border-box;
}

.header_new .order-box.passport .js-message-scroll {
  max-height: calc(40vh + 28px);
  overflow: auto;
  padding: 20px 4px 20px 24px;
}

.header_new .notification-header_item {
  color: rgba(21, 21, 21, 0.5);
  background-position: 8px 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.header_new .notification-header_item .top {
  color: var(--dark, #151515);
  display: flex;
  justify-content: space-between;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  margin: 0 0 5px;
}

.header_new .notification-header_item .top .date {
  color: rgba(21, 21, 21, 0.5);
  font-weight: 400;
  padding: 0;
  margin: 0;
}

.header_new .notification-header_item h3 {
  color: var(--dark, #151515);
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}

.header_new .notification-header_item p {
  margin: 0;
}

.header_new .notification-header_item .btn {
  transition: all 0.2s linear;
  box-sizing: border-box;
  width: 100%;
  display: block;
  text-align: center;
  height: auto;
  margin: 16px 0 0;
  padding: 7px 25px;
  border-radius: 99px;
  color: #121e46;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
}

.header_new .notification-header_item .btn:hover {
  color: var(--text-link-active, #0E22D4);
  background: #fff;
  border-color: #fff;
}

.header_new .notification-header_item .btn-white {
  background: #fff;
}

.header_new .basket-box-yarlik {
  display: none !important;
}

.header_new .basket-box {
  top: 100%;
}

.header_new .simplebar-content .notification-header_item {
  margin-right: 20px;
}

.header_new .header-content .hc-mobile-search-input {
  display: block !important;
}

.hc-r1-city {
  color: #FFF;
  font-size: 14px;
  z-index: 10;
  margin: 0 23px 0 0;
  white-space: nowrap;
  font-weight: 700;
  line-height: 24px;
  position: relative;
}

.hc-r1-city strong {
  font-weight: 600;
}

.hc-r1-city button {
  text-align: center;
  font-size: 14px;
  display: inline-block;
  vertical-align: top;
  font-weight: 600;
  line-height: 24px;
  padding: 8px 23px;
  height: auto;
  margin: 0 9px 0 0;
  border-radius: 99px;
}

.hc-r1-city .akcent-button-white-blue {
  padding: 7px 23px;
}

.hc-r1-city p {
  margin: 0 0 16px;
}

.hc-r1-city .drop {
  position: absolute;
  color: var(--dark, #151515);
  font-size: 16px;
  font-weight: 500;
  left: 0;
  margin: 25px 0 0 -111px;
  line-height: 28px;
  top: 100%;
  border-radius: 24px;
  background: #FFF;
  padding: 24px;
  box-shadow: 0px 4px 28px 0px rgba(0, 0, 0, 0.12);
}

.hc-r1-city span {
  display: block;
  max-width: 125px;
  overflow: hidden;
  padding: 0 0 0 32px;
  background: url(../../images/svg/loc.svg) no-repeat left center;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.hc-r1-city span:hover {
  color: #F29D00;
  background: url(../images/svg/loc-orange.svg) no-repeat left center;
}

.hc-r1-search_category {
  border-radius: 8px;
  cursor: pointer;
  background: #EFF4FC url(../images/svg/arr-search.svg) no-repeat right 15px center;
  color: var(--dark, #151515);
  min-width: 109px;
  padding: 8px 50px 8px 16px;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.hc-r1-search_category.active .drop {
  opacity: 1;
  visibility: visible;
}

.hc-r1-search_category.active,
.hc-r1-search_category:hover {
  background: #B8CFFA url(../images/svg/arr-search.svg) no-repeat right 15px center;
  color: var(--dark, #151515);
}

.hc-r1-search_category.active {
  color: var(--dark, #151515);
  background: #B8CFFA url(../images/svg/arr-search-active-dark.svg) no-repeat right 15px center;
}

.hc-r1-search_category.selected {
  color: #FFF;
  background: #121E46 url(../images/svg/arr-search-active.svg) no-repeat right 15px center;
}

.hc-r1-search_category span {
  max-width: 133px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: block;
}

.header-group {
  padding: 3px 0 0;
  display: flex;
  margin: 0 0 0 24px;
  color: #FFF;
  gap: 24px;
  text-align: center;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}

.header-group a {
  color: inherit;
}

.header-group svg {
  display: block;
  fill: currentColor;
  margin: 0 auto 8px;
  width: 24px;
  height: 24px;
}

.header-group .button-count {
  color: #FFF;
  text-align: center;
  position: absolute;
  top: -6px;
  right: 14px;
  font-size: 8px;
  font-weight: 500;
  line-height: 16px;
  display: inline-flex;
  min-width: 16px;
  border-radius: 100px;
  background: #DD8F00;
  min-height: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.nav-menu .hc-r2-hamburger,
.header_new .header-content .hc-r2-hamburger {
  background: none;
  width: auto;
  height: auto;
  box-shadow: none;
  display: flex;
  align-items: center;
  color: var(--dark, #151515);
  font-size: 14px;
  font-weight: 400;
  gap: 9px;
  line-height: 24px;
}

.nav-menu .hc-r2-hamburger svg,
.header_new .header-content .hc-r2-hamburger svg {
  width: 24px;
  height: 24px;
  fill: var(--dark, #151515);
}

.nav-menu .hc-r2-menu,
.header_new .header-content .hc-r2-menu {
  flex: 1;
  display: flex;
  max-width: none;
  width: 100%;
  box-shadow: none;
  background: none;
  padding: 0;
  border-radius: 0;
  align-items: center;
}

.nav-menu .header-kategorii,
.header_new .header-content .header-kategorii {
  display: flex;
  width: 100%;
  padding: 8px 38px 8px;
  overflow: auto;
  box-sizing: border-box;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.nav-menu .header-kategorii::-webkit-scrollbar,
.header_new .header-content .header-kategorii::-webkit-scrollbar {
  display: none;
}

.nav-menu .header-kategorii ul,
.header_new .header-content .header-kategorii ul {
  height: auto;
  display: flex;
  padding: 0 0 0 25px;
  gap: 23px;
  flex: 1;
}

.nav-menu .header-kategorii li.active a,
.header_new .header-content .header-kategorii li.active a {
  color: #B8CFFA;
}

.nav-menu .header-kategorii li a,
.header_new .header-content .header-kategorii li a {
  padding: 0;
  color: var(--dark, #151515);
  font-size: 14px;
  height: auto;
  font-weight: 400;
  line-height: 24px;
}

.nav-menu .header-kategorii li a:hover,
.header_new .header-content .header-kategorii li a:hover {
  color: #0E22D4;
}

.nav-menu .header-content-row2,
.header_new .header-content-row2 {
  margin: 0;
  overflow: hidden;
  background: #EFF4FC;
}

.nav-menu .header-kategorii::-webkit-scrollbar {
  display: none;
}

.header_new .header-content nav {
  width: 100%;
}

.nav-menu .hc-r2-hamburger {
  cursor: pointer;
}

.nav-menu .hc-r2-hamburger:hover {
  color: #0E22D4;
}

.nav-menu .hc-r2-hamburger:hover svg {
  fill: #0E22D4;
}

.drop-search-category {
  overflow: auto;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 100%;
  left: 0;
  box-sizing: border-box;
  width: 100%;
  transition: all 0.2s linear;
  margin: 17px 0 0;
  border-radius: 24px;
  background: #FFF;
  box-shadow: 0px 4px 28px 0px rgba(0, 0, 0, 0.12);
  display: flex;
  padding: 24px 24px 17px;
  align-items: flex-start;
  gap: 24px;
  max-height: 50vh;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.drop-search-category::-webkit-scrollbar {
  display: none;
}

.drop-search-category ul {
  float: left;
  width: 50%;
}

.drop-search-category li {
  margin: 0 0 6px;
}

.drop-search-category svg {
  min-width: 25px;
  width: 25px;
  transition: all 0.2s linear;
  height: 24px;
  opacity: 0.3;
  fill: currentColor;
}

.drop-search-category a {
  gap: 8px;
  border-radius: 12px;
  color: var(--dark, #151515);
  padding: 9px 16px;
  font-size: 14px;
  transition: all 0.2s linear;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  display: flex;
  align-items: center;
}

.drop-search-category a.active svg,
.drop-search-category a:hover svg {
  fill: var(--blue);
  opacity: 1;
}

.drop-search-category a.active,
.drop-search-category a:hover {
  color: var(--dark, #151515);
  background: #EFF2F7;
}

.row-menu--new {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  max-height: 100%;
  height: 100%;
  z-index: 150;
  border-radius: 0px;
  background: rgba(21, 21, 21, 0.2);
}

.row-menu--new .toggle {
  color: var(--text-link, #485BFE) !important;
}

.row-menu--new .toggle path {
  fill: var(--text-link, #485BFE) !important;
  fill-opacity: 0.7;
}

.row-menu--new .toggle.is-active {
  color: var(--text-link, #485BFE) !important;
}

.row-menu--new .toggle.is-active svg {
  transform: scale(-1);
}

.row-menu--new .left-menu_item:last-child {
  border-bottom: none;
}

.row-menu--new .left-menu_item {
  border-bottom: 1px solid rgba(21, 21, 21, 0.08);
  padding: 14px 0 9px;
  margin: 0 0 0;
}

.row-menu--new .left-menu_item a {
  border-radius: 12px;
  padding: 8px 16px;
  display: flex;
  color: inherit;
  width: 100%;
  align-items: center;
  box-sizing: border-box;
  gap: 8px;
  align-self: stretch;
}

.row-menu--new .left-menu_item svg {
  display: block;
}

.row-menu--new .left-menu_item div {
  height: auto;
}

.row-menu--new .main-menu {
  width: 100%;
  padding: 0 16px 0 0;
  height: 100%;
  max-width: 100%;
  margin: auto;
  display: flex;
}

.row-menu--new .main-menu .menu-block a:hover {
  color: var(--text-link-hover, #F29D00) !important;
}

.row-menu--new .main-menu .menu-block small {
  color: rgba(21, 21, 21, 0.5);
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.row-menu--new .left-menu ul li {
  margin: 0 0 4px;
  padding: 0 12px;
  display: block;
}

.row-menu--new .left-menu ul li.is-hover path,
.row-menu--new .left-menu ul li:hover path {
  fill: #0E22D4;
  fill-opacity: 100;
}

.row-menu--new .left-menu ul li.is-hover a {
  color: var(--dark, #151515);
  background: #EFF4FC;
}

.row-menu--new .left-menu ul li:hover {
  background: none !important;
  color: var(--text-primary, #151515);
}

.row-menu--new .left-menu ul li:hover a {
  color: var(--text-primary, #151515);
  background: #EFF4FC;
}

.row-menu--new .left-menu .big {
  margin: 0 0 3px;
  display: flex;
  font-size: 16px;
  font-weight: 600;
  cursor: default;
  line-height: 20px;
  padding: 2px 23px 2px 28px;
}

.row-menu--new .left-menu .hide {
  display: none;
}

.row-menu--new .left-menu .blue {
  color: #DD8F00 !important;
  font-size: 14px;
  background: none !important;
  font-weight: 400;
  line-height: 24px;
}

.row-menu--new .left-menu .blue:hover {
  color: var(--text-link-hover, #F29D00);
}

.row-menu--new .left-menu .blue:hover svg {
  fill: var(--dark, #F29D00);
}

.row-menu--new .left-menu .blue svg {
  fill: var(--icon-accent, #F29D00);
}

.row-menu--new .left-menu .all {
  width: auto;
  padding: 0 30px 0 0;
  float: right;
  margin-left: auto;
  background: url(../images/svg/arr-orange.svg) no-repeat right 5px center !important;
}

.row-menu--new .close {
  transition: all 0.2s linear;
  cursor: pointer;
  display: flex;
  padding: 3px 11px;
  align-items: center;
  gap: 10px;
  border-radius: 24px;
  height: auto;
  align-self: flex-start;
  margin: 8px 12px;
  border: 1px solid rgba(255, 255, 255, 0.5);
}

.row-menu--new .close svg {
  display: block;
  width: 24px;
  height: 24px;
  fill: #fff;
}

.row-menu--new .close:hover {
  border-radius: 24px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  background: rgba(255, 255, 255, 0.3);
  backdrop-filter: blur(12px);
}

.row-menu--new .left-menu {
  display: flex;
  width: 360px;
  overflow: hidden;
  flex-direction: column;
  background: #fff;
  height: 100%;
  color: var(--text-primary, #151515);
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.row-menu--new .left-menu .simplebar-track.simplebar-vertical {
  width: 4px;
  background: #EFF4FC;
}

.row-menu--new .main-menu .right-menu {
  flex: 1;
  overflow: auto;
  width: auto;
  display: none;
  background: #fff;
  padding: 12px;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.row-menu--new .main-menu .right-menu::-webkit-scrollbar {
  display: none;
}

.row-menu--new .main-menu .right-menu .left-menu_top {
  display: none;
}

.row-menu--new .main-menu .right-menu .menu {
  border-radius: 20px;
  background: #EFF4FC;
  padding: 16px 24px;
  gap: 24px;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.row-menu--new .main-menu .right-menu .menu::-webkit-scrollbar {
  display: none;
}

.row-menu--new .main-menu .menu-block {
  margin: 0 0 15px;
  box-sizing: border-box;
  padding: 0 20px 0 0;
  display: flex;
  break-inside: avoid;
  flex-direction: column;
}

.row-menu--new .main-menu .menu-block a {
  color: var(--text-primary, #151515);
  font-size: 14px;
  font-weight: 400;
  padding: 8px 5px 4px 0;
  line-height: 24px;
  /* 171.429% */
}

.row-menu--new .main-menu .menu-block > a:first-of-type {
  color: var(--text-primary, #151515);
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  padding: 0 5px 4px 0;
}

.row-menu--new .main-menu .right-menu .show-more {
  color: #DD8F00;
  font-size: 14px;
  gap: 5px;
  font-weight: 400;
  padding: 0;
  display: flex;
  cursor: pointer;
  margin: 12px 0;
  line-height: 24px;
}

.row-menu--new .main-menu .right-menu .show-more:hover {
  color: var(--text-link-hover, #F29D00);
}

.row-menu--new .main-menu .right-menu .show-more:hover svg {
  fill: var(--icon-primary-hover, #F29D00);
}

.row-menu--new .main-menu .right-menu .show-more svg {
  fill: #DD8F00;
}

.row-menu--new .main-menu .right-menu .count {
  color: rgba(21, 21, 21, 0.5);
  text-align: right;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.row-menu--new .main-menu .right-menu .show {
  display: flex !important;
  flex-direction: column;
  height: 100%;
}

.row-menu--new .main-menu .kategoriya .menu {
  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-count: 3;
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
  flex: 1;
  overflow: auto;
}

.row-menu--new .zagolovok {
  margin-bottom: 12px;
}

.row-menu--new .zagolovok .zagolovok-kategoriya {
  color: var(--text-primary, #151515);
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
}

.row-menu--new .zagolovok .count {
  display: none;
}

.custom-scroll-line .simplebar-scrollbar.simplebar-visible:before,
.js-scroll-filter .simplebar-scrollbar.simplebar-visible:before,
.js-message-scroll .simplebar-scrollbar.simplebar-visible:before,
.search-rezult .simplebar-scrollbar.simplebar-visible:before,
.row-menu--new .left-menu .simplebar-scrollbar.simplebar-visible:before {
  background: #D5E5FF;
  left: 0;
  right: 0;
}

.custom-scroll-line .simplebar-track.simplebar-vertical,
.js-scroll-filter .simplebar-track.simplebar-vertical,
.js-message-scroll .simplebar-track.simplebar-vertical,
.search-rezult .simplebar-track.simplebar-vertical {
  width: 4px;
  background: #EFF4FC;
}

.row-menu--new_scroll {
  flex: 1;
  overflow: auto;
}

.row-menu--new_scroll .simplebar-wrapper {
  height: 100%;
}

.left-menu_top svg {
  float: left;
  width: 24px;
  height: 24px;
  fill: #fff;
  margin: 0 12px 0 0;
}

.left-menu_top a {
  border-radius: 0px;
  background: #121E46;
  display: flex;
  box-sizing: border-box;
  padding: 10px 28px;
  color: #FFF;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  /* 150% */
}

.left-menu_top a:hover {
  color: #F29D00;
}

.left-menu_top a:hover svg {
  fill: #F29D00;
}

.hc-r1-search .mobile-cancel {
  display: none;
  color: #FFF;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  position: absolute;
  top: 10px;
  right: -59px;
  line-height: 20px;
}

.current-city-modal .empty {
  color: rgba(21, 21, 21, 0.3);
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  justify-content: center;
  align-items: center;
  min-height: 416px;
  display: none;
  line-height: 20px;
}

.current-city-modal .empty.show {
  display: flex;
}

.notification-header_item {
  border: 1px solid #e8e8e8;
  border-radius: 10px;
  margin: 12px 0 0;
  padding: 12px;
}

.notification-header_item:first-child {
  margin-top: 0;
}

.notification-header_item:last-child {
  margin-bottom: 0;
}

.notification-header_item .time {
  color: var(--dark, #151515);
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
  margin-top: 4px;
}

.notification-header_item .js-message-scroll {
  max-height: calc(40vh + 28px);
  overflow: auto;
  padding: 20px 0 20px 20px;
}

.notification-header_item .notification-header_item:last-child {
  margin-bottom: 0;
}

.notification-header_item .date {
  font: 500 12px/1.5 "Mulish", sans-serif;
  clear: both;
  text-align: center;
  color: rgba(21, 21, 21, 0.5);
  padding: 10px 0 0;
}

.notification-header_item .order-box_bottom .akcent-button {
  height: 40px;
  font-size: 14px;
}

.notification-header_item .order-box_bottom .js-close {
  display: none;
}

.notification-header_item .btn-color:hover,
.notification-header_item .btn-gray:hover,
.notification-header_item .btn-white:hover {
  color: #fff;
  background: #485bfe;
}

.notification-header_item .btn-white {
  background: #fff;
  color: #485bfe;
}

.notification-header_item .btn-gray {
  background: #eff4fc;
}

.notification-header_item .btn {
  font: 700 12px/20px "Mulish", sans-serif;
  height: auto;
  margin: 12px 0 0;
  color: #485bfe;
  transition: all 0.2s linear;
  box-sizing: border-box;
  width: 100%;
  display: block;
  border-radius: 8px;
  padding: 5px 25px;
  text-align: center;
}

.notification-header_item .btn-color {
  color: #fff;
  display: inline-block;
  width: auto;
}

.notification-header_item img {
  display: block;
  width: 100%;
  height: auto;
}

.notification-header_item strong {
  color: var(--dark, #151515);
  font-weight: 600;
}

.notification-header_item p {
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  color: rgba(21, 21, 21, 0.5);
  margin: 0;
}

.notification-header_item p:last-child {
  margin-bottom: 0;
}

.notification-header_item strong {
  color: var(--dark, #151515);
  font-weight: 600;
}

.notification-header_item h3 {
  margin: 0 0 5px;
  font-weight: 800;
  font-size: 14px;
  line-height: 20px;
  color: var(--dark, #151515);
}

.notification-header_item--list ul {
  margin: 0 0 12px;
  display: flex;
  gap: 4px;
  list-style: none;
  padding: 0;
}

.notification-header_item--list ul img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: contain;
}

.notification-header_item--list ul a {
  display: block;
  background: #fff;
  height: 48px;
  min-width: 48px;
  border-radius: 8px;
  position: relative;
  text-align: center;
  width: 100%;
}

.notification-header_item--list ul span {
  background: #fff;
  min-width: 40px;
  display: block;
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 0.01em;
  border-radius: 8px;
  text-align: center;
  color: var(--dark, #151515);
  line-height: 48px;
}

.notification-header_item--list ul li {
  flex: 1;
}

.notification-header_item--card,
.notification-header_item--list {
  background: #eff4fc;
  border-color: #eff4fc;
  position: relative;
  padding: 12px;
}

.notification-header_item--card .preview img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.notification-header_item--card .preview {
  border-radius: 8px;
  width: 60px;
  height: 60px;
  background: #fff;
  position: absolute;
  top: 12px;
  left: 12px;
}

.notification-header_item--card {
  padding: 10px 12px 12px 83px;
}

.notification-header_item--warning {
  background: #fff8de url(../images/attention.svg) no-repeat left 10px top 10px;
  border: 1px solid #fff8de;
  padding: 10px 10px 10px 36px;
}

.notification-header_item--success {
  background: #eff4fc url(../images/my-profils.svg) no-repeat left 11px top 12px;
  background-size: 16px;
  border: 1px solid #eff4fc;
  padding: 11px 10px 10px 35px;
}

.notification-header_item--error {
  background: #fed0d0 url(../images/warning-red.svg) no-repeat left 10px top 10px;
  background-size: 16px;
  border: 1px solid #fed0d0;
  padding: 10px 10px 10px 30px;
}

.order-box.passport .date {
  font: 500 12px/1.5 "Mulish", sans-serif;
  clear: both;
  text-align: center;
  color: rgba(21, 21, 21, 0.5);
  padding: 10px 0 0;
}

.order-box.passport .notification-header_item--list ul li {
  max-width: 20%;
}

.order-box.passport .order-box_bottom {
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 10;
  background: #fff;
  padding: 16px 20px 20px;
  border-radius: 0 0 20px 20px;
}

.order-box.passport .order-box_bottom .js-close {
  display: none;
}

.order-box.passport .order-box_bottom .akcent-button {
  display: flex;
  align-items: center;
  width: auto;
  justify-content: space-evenly;
  height: 40px;
}

.order-box.passport .order-box_bottom .akcent-button-white-blue,
.order-box.passport .order-box_bottom .akcent-button {
  border-radius: 99px;
}

.choice-city {
  display: flex;
  flex-direction: column;
  position: fixed;
  min-width: 304px;
  color: var(--dark, #151515);
  font-size: 16px;
  font-weight: 500;
  box-sizing: border-box;
  margin: 0 0 0 -711px;
  line-height: 28px;
  border-radius: 24px;
  background: #FFF;
  padding: 22px 24px 24px 24px;
  box-shadow: 0px 4px 28px 0px rgba(0, 0, 0, 0.12);
  top: 76px;
  left: 50%;
  z-index: 41;
}

.choice-city div {
  width: 100%;
}

.choice-city .row {
  display: flex;
  gap: 10px;
}

.choice-city button {
  font-size: 14px;
  border-radius: 99px;
  font-weight: 600;
  line-height: 24px;
  cursor: pointer;
  margin: 14px 0 0;
  padding: 7px 24px;
  height: auto;
}

.choice-city strong {
  font-weight: 600;
}

.choice-city .akcent-button {
  border: none;
  border-radius: 99px;
}

.order-box .param {
  margin: 16px 0;
}

.order-box .param:first-child {
  margin-top: 0;
}

.order-box .param .small {
  color: var(--dark, #151515);
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.12px;
}

.order-box .param .big {
  color: var(--dark, #151515);
  margin: 0 0 8px;
  font-size: 18px;
  font-weight: 800;
  line-height: 20px;
}

.nav-menu {
  white-space: nowrap;
  transition: all 0.2s linear;
  position: sticky;
  top: 0;
  z-index: 20;
  margin: 0;
}

.nav-menu.scrolled-up {
  top: 76px;
}

.nav-menu nav {
  width: 100%;
}

.nav-menu .header-content-row2 {
  z-index: 15;
  display: flex;
  flex-direction: row;
  color: white;
  align-items: center;
  justify-content: space-between;
  position: relative;
}

.is-fix .basket-right {
  position: fixed;
  bottom: 0;
  width: 464px;
  right: 50%;
  margin-right: -720px;
}

.stop-fix {
  position: relative;
}

.stop-fix .basket-right {
  position: absolute;
  margin-right: 0;
  right: auto;
  left: 0;
  bottom: 0 !important;
}

.header-order--style {
  background: #121E46;
  padding: 2px 37px;
  box-shadow: 0px 4px 28px 0px rgba(0, 0, 0, 0.12);
}

.header-order--style .header-content {
  width: 100%;
  max-width: 100%;
}

.header-order--style .header-content .hc-r1-logo {
  width: 180px;
  fill: #fff;
  height: 36px;
}

.header-order--style .header-content .hc-r1-logo:hover svg {
  fill: #F29D00;
}

.header-order--style .header-content .hc-r1-logo svg,
.header-order--style .header-content .hc-r1-logo img {
  width: 180px;
  fill: #fff;
  height: 36px;
}

.header-order--style.header-order .back {
  color: #FFF;
  font-size: 16px;
  gap: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  /* 150% */
}

.header-order--style.header-order .back svg {
  fill: currentColor;
  width: 20px;
  height: 20px;
}

.header-order--style.header-order .header_right {
  color: rgba(255, 255, 255, 0.8);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  /* 133.333% */
}

.header-order--style.header-order .header_right strong {
  color: #FFF;
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  /* 140% */
}

.new-order-page .basket-right_bottom .akcent-button--orange {
  border-radius: 100px !important;
  font-size: 16px;
  font-style: normal;
  color: #fff;
  font-weight: 600;
  line-height: 24px;
  /* 150% */
  background: #F29D00;
  padding: 12px;
  height: auto;
  border-color: #F29D00;
}

.new-order-page .basket-right_bottom .akcent-button--orange:hover {
  color: #fff;
  background: #DD8F00;
  border-color: #DD8F00;
}

.new-order-page .basket-right_bottom .akcent-button--orange.disabled {
  color: rgba(255, 255, 255, 0.8) !important;
  background: #FFC65D !important;
  border-color: #FFC65D;
}

.nav-menu_second {
  background: #F8FAFF;
}

.nav-menu_second a:hover {
  color: #DD8F00;
}

.nav-menu_second .line {
  color: rgba(21, 21, 21, 0.5);
  font-size: 14px;
  margin: 6px 25px;
  font-weight: 400;
  line-height: 24px;
}

.nav-menu_second a {
  padding: 6px 0;
  display: block;
  color: var(--dark, #151515);
  transition: all 0.2s linear;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.nav-menu_second .title {
  white-space: nowrap;
  display: flex;
  align-items: center;
  gap: 8px;
}

.nav-menu_second .title svg {
  fill: var(--dark, #151515);
}

.nav-menu_second .swiper-slide {
  width: auto;
}

.nav-menu_second .nav-menu_second_swiper_nav {
  z-index: 2;
  width: 200px;
  height: 28px;
  margin: 0 -1px;
  top: 2px;
  right: 0;
  transition: all 0.2s linear;
  left: auto;
}

.nav-menu_second .nav-menu_second_swiper_nav:before {
  background: linear-gradient(90deg, rgba(248, 250, 255, 0) 0%, #F8FAFF 100%) !important;
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  z-index: -1;
  top: 0;
  left: 0;
  margin: 0;
}

.nav-menu_second .nav-menu_second_swiper_nav.swiper-button-prev span {
  margin: 0 auto 0 0;
}

.nav-menu_second .nav-menu_second_swiper_nav.swiper-button-prev:before {
  background: linear-gradient(-90deg, rgba(248, 250, 255, 0) 0%, #F8FAFF 100%) !important;
}

.nav-menu_second .nav-menu_second_swiper_nav.swiper-button-prev {
  left: 0;
  right: auto;
}

.nav-menu_second .nav-menu_second_swiper_nav span {
  width: 44px;
  margin: 0 0 0 auto;
  padding: 4px 12px;
  box-sizing: border-box;
  border-radius: 24px;
  background: #EFF2F7;
  align-items: center;
  height: 28px;
  display: block;
}

.nav-menu_second .nav-menu_second_swiper_nav span:hover {
  background: #D5E5FF;
}

.nav-menu_second .nav-menu_second_swiper_nav span:hover svg {
  fill: var(--blue);
}

.nav-menu_second .nav-menu_second_swiper_nav svg {
  width: 20px;
  height: 20px;
  fill: var(--dark, #151515);
}

.nav-menu_second_item {
  padding: 0 35px;
  display: none;
  position: relative;
}

.nav-menu_second_item.show {
  display: flex;
  align-items: center;
}

.nav-menu_second_item.show-always {
  display: flex;
  align-items: center;
}

.nav-menu_second_item.hide-all {
  display: none !important;
}

.nav-menu_second_swiper {
  padding: 0 55px 0 0;
  flex-grow: 1;
  width: 100%;
  position: relative;
  overflow: hidden;
  border-radius: 24px;
}

.nav-menu_second_swiper_nav:after {
  display: none !important;
}

.nav-menu_second_swiper_nav.swiper-button-disabled {
  opacity: 0 !important;
}

.nav-menu .header-vipad-menu,
.hc-r2-menu .header-vipad-menu {
  background: white;
  color: black;
  position: absolute;
  width: 100%;
  left: 0;
  z-index: 15;
  top: 38px;
  background: white;
  border-radius: 0 0 12px 12px;
  box-sizing: border-box;
  display: none;
}

.new-big-category {
  padding: 28px 36px;
  background: #fff;
}

.new-big-category .row {
  display: flex;
  gap: 24px;
}

.new-big-category .col {
  flex: 1;
  overflow: hidden;
}

.new-big-category a {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  position: relative;
  transition: all 0.2s linear;
  margin: 0 0 24px;
  border-radius: 24px;
  box-sizing: border-box;
  padding: 26px 24px 24px;
  min-height: 100%;
  overflow: hidden;
}

.new-big-category a:last-child {
  margin-bottom: 0;
}

.new-big-category a:hover .name {
  color: #F29D00;
}

.new-big-category .label {
  color: var(--dark, #151515);
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  display: block;
  margin: 0;
  opacity: 0.7;
}

.new-big-category .name {
  color: var(--dark, #151515);
  font-size: 28px;
  font-weight: 600;
  display: block;
  line-height: 36px;
  margin: 0 0 14px;
}

.new-big-category .link {
  color: var(--dark, #151515);
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.new-big-category .link:after {
  content: "";
  width: 16px;
  height: 16px;
  background: url(../images/svg/arr.svg) no-repeat center;
  display: inline-block;
  float: right;
  margin: 4px 0 0 8px;
}

.new-big-category .last-cash {
  color: rgba(21, 21, 21, 0.5);
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  display: block;
  text-decoration: line-through;
}

.new-big-category .cash {
  color: #121E46;
  font-size: 40px;
  display: block;
  font-weight: 700;
  line-height: 52px;
}

.new-big-category .img {
  max-width: 100%;
  width: auto;
  height: auto;
  margin-top: auto;
}

.new-big-category img {
  max-width: 100%;
  max-height: 100%;
}

.new-big-category .has-small {
  display: flex;
  flex-direction: column;
}

.new-big-category .has-small .row {
  flex-grow: 1;
}

.new-big-category .has-small > a {
  min-height: 1px;
}

.new-big-category .bg {
  position: absolute;
  bottom: 0;
  right: 0;
  max-width: 100%;
}

.new-big-category .bg + * {
  margin-top: auto;
}

.old-page .nav-menu {
  margin-bottom: 25px;
}

.home-page {
  background: #fff;
}

.row-main--slider {
  padding: 22px 35px;
  overflow: hidden;
  position: relative;
}

.row-main--slider .swiper-container {
  /*overflow: visible;*/
}

.row-main--slider .zagolovok {
  color: #151515;
  font-size: 28px;
  font-weight: 600;
  line-height: 36px;
  /* 128.571% */
}

.row-main--slider .zagolovok small {
  margin: 4px 0 0;
  display: block;
  color: rgba(21, 21, 21, 0.5);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  /* 175% */
}

.row-main--slider .zagolovok a {
  border: none;
}

.row-main--slider .zagolovok small {
  color: rgba(21, 21, 21, 0.5);
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  display: block;
}

.row-main--slider .podborka-eshe {
  border-radius: 10px;
  overflow: hidden;
}

.row-main--slider .podborka-eshe > div {
  color: #121E46;
  text-align: center;
  font-size: 14px;
  border: none;
  font-weight: 600;
  align-items: center;
  padding: 5px 34px 5px 0;
  background: url(../images/svg/arr-color.svg) no-repeat right center;
  gap: 10px;
  line-height: 24px;
  /* 171.429% */
}

.row-main--slider .podborka-eshe > div:hover {
  color: #0E22D4;
  background: url(../images/svg/arr-color-blue.svg) no-repeat right center;
}

.row-main--slider .slider-podborka-zagolovok {
  display: flex;
  justify-content: space-between;
  margin: 0;
  align-items: flex-start;
}

.row-main--slider div.slider-podborka .slider-podborka-padding {
  margin: 0;
}

.row-main--slider .podborka-img {
  position: relative;
  padding: 0 0 9px;
}

.row-main--slider .podborka-img ul {
  position: absolute;
  bottom: 18px;
  left: 8px;
}

.row-main--slider .podborka-img ul li {
  color: #FFF;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  margin: 4px 0 0;
  padding: 2px 8px;
  float: left;
  clear: left;
  border-radius: 4px;
  background: #121E46;
}

.row-main--slider .podborka-img ul .sale {
  background: #E92487;
}

.row-main--slider .podborka-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.row-main--slider .last-cash {
  color: rgba(21, 21, 21, 0.5);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  text-decoration: line-through;
}

.row-main--slider .kartochka-compact_width {
  overflow: hidden;
}

.row-main--slider .kartochka-compact_width .podborka-img a {
  display: block;
  height: 223px;
}

.row-main--slider .kartochka-compact_width .podborka-img img {
  height: 100%;
  display: block;
  object-fit: contain;
  margin: 0 auto;
}

.row-main--slider .kartochka-compact_width .podborka-name {
  height: 48px;
  overflow: hidden;
  color: #151515;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.row-main--slider .kartochka-compact_width .podborka-name a {
  transition: all 0.2s linear;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.row-main--slider .kartochka-compact_width .podborka-name a:hover {
  color: var(--blue);
}

.row-main--slider .kartochka-compact_width .podborka-price {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  /* 150% */
}

.row-main--slider .kartochka-compact_width .podborka-info {
  display: block;
  padding: 0;
}

.row-main--slider div.slider-podborka {
  padding: 26px 0 5px;
  margin: 0;
}

.row-main--slider div.row-podborka .row-main--slider-nav:after {
  content: "";
  width: 100%;
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  background: url(../images/svg/arr.svg) no-repeat center;
}

.row-main--slider div.row-podborka .podborka-prev:after {
  transform: scale(-1);
}

.row-main--slider div.row-podborka .row-main--slider-nav {
  border-radius: 24px;
  background: #EFF4FC;
  padding: 4px 12px !important;
  width: 44px !important;
  height: 28px !important;
  margin: 47px 5px !important;
  box-shadow: none !important;
  top: 50% !important;
  transform: translateY(-50%);
  margin-top: 15px !important;
}

.row-main--slider .kartochki .top-stroka {
  position: absolute;
  top: 19px;
  right: 19px;
  z-index: 5;
}

.row-main--slider .kartochki .kartochka-compact_width {
  border-radius: 20px;
  box-shadow: none;
  padding: 12px 12px 10px;
  border: 1px solid rgba(21, 21, 21, 0.08);
}

.row-main--slider .kartochki .kartochka-compact_width:hover {
  border: 1px solid #F29D00;
}

.row-main--slider .kartochki .icon {
  padding-left: 28px;
  background: url(../images/svg/diamond.svg) no-repeat left center;
}

.row-main--slider .kartochki .blue {
  color: #0E22D4;
}

.row-main--slider .kartochki .price-stroka {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
}

.row-main--slider .kartochki .kartochka-compact_width .podborka-name::before {
  display: none;
}

.row-main--slider .kartochki .knopka-like {
  background: url(../images/svg/new-like.svg) 0 0/32px;
  width: 32px;
  height: 32px;
  transition: transform 0.3s;
  cursor: pointer;
}

.row-main--slider .kartochki .knopka-like:hover,
.row-main--slider .kartochki .knopka-like.active {
  background: url(../images/svg/new-like-active.svg) 0 0/32px !important;
  transition: transform 0.3s;
}

.small-category-list {
  background: #fff;
  padding: 23px 35px 29px;
}

.small-category-list_left {
  flex: 520px 0 0;
  box-sizing: border-box;
  margin: 0 24px 0 0;
  border-radius: 24px;
  padding: 24px;
  color: #151515;
  font-size: 28px;
  font-weight: 600;
  line-height: 36px;
  /* 128.571% */
  overflow: hidden;
  position: relative;
  z-index: 5;
}

.small-category-list_left img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
  object-position: top;
}

.video-review .title-item,
.small-category-list .title-item {
  color: #151515;
  font-size: 28px;
  font-weight: 600;
  line-height: 36px;
}

.video-review .title-item small,
.small-category-list .title-item small {
  margin: 3px 0 0;
  color: rgba(21, 21, 21, 0.5);
  font-size: 16px;
  font-weight: 400;
  display: block;
  line-height: 28px;
}

.video-review .top,
.small-category-list .top {
  align-items: flex-start;
  display: flex;
  margin: 0 0 27px;
  justify-content: space-between;
}

.video-review .top .link,
.small-category-list .top .link {
  white-space: nowrap;
  color: #121E46;
  text-align: center;
  font-size: 14px;
  border: none;
  font-weight: 600;
  align-items: center;
  padding: 5px 34px 5px 0;
  background: url(../images/svg/arr-color.svg) no-repeat right center;
  gap: 10px;
  line-height: 24px;
}

.video-review .top .link:hover,
.small-category-list .top .link:hover {
  color: #0E22D4;
  background: url(../images/svg/arr-color-blue.svg) no-repeat right center;
}

.small-category-list_group {
  display: flex;
}

.small-category-list_in {
  overflow: hidden;
  display: flex;
  gap: 24px;
  flex-wrap: wrap;
}

.small-category-list_in a {
  padding: 11px;
  position: relative;
  width: 20%;
  flex: 20% 1 1;
  display: block;
  border-radius: 20px;
  border: 1px solid rgba(21, 21, 21, 0.08);
}

.small-category-list_in a:hover {
  border-color: #F29D00;
}

.small-category-list_in .like {
  background: url(../images/svg/new-like.svg) 0 0/32px;
  width: 32px;
  height: 32px;
  position: absolute;
  top: 19px;
  right: 19px;
  transition: transform 0.3s;
}

.small-category-list_in .like.active {
  background: url(../images/svg/new-like-active.svg) 0 0/32px !important;
  transition: transform 0.3s;
}

.small-category-list_in .like:hover {
  background: url(../images/svg/new-like-active.svg) 0 0/32px !important;
  transition: transform 0.3s;
}

.small-category-list_in .preview {
  margin: 0 0 8px;
  width: 100%;
  height: 224px;
  display: block;
  border-radius: 12px;
}

.small-category-list_in .preview img {
  max-width: 100%;
  object-fit: contain;
  display: block;
  margin: 0 auto;
  height: 100%;
}

.small-category-list_in .cash-line {
  margin: 0 0 4px;
  display: flex;
  gap: 5px;
  align-items: center;
}

.small-category-list_in .cash {
  color: #151515;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  /* 150% */
}

.small-category-list_in .name {
  transition: all 0.2s linear;
  overflow: hidden;
  color: #151515;
  font-size: 14px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  font-style: normal;
  font-weight: 400;
  height: 48px;
  line-height: 24px;
  /* 171.429% */
}

.small-category-list_in .blue {
  color: #0E22D4;
}

.small-category-list_in .last-cash {
  color: rgba(21, 21, 21, 0.5);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  text-decoration: line-through;
}

.category-group {
  background: #fff;
  padding: 21px 35px 29px;
}

.category-group .col {
  flex: 1;
  padding: 24px 28px;
  border-radius: 24px;
  overflow: hidden;
}

.category-group .row {
  display: flex;
  gap: 24px;
}

.category-group .like {
  background: url(../images/svg/new-like.svg) 0 0/32px;
  width: 32px;
  height: 32px;
  position: absolute;
  top: 19px;
  right: 19px;
  transition: transform 0.3s;
}

.category-group .like:hover,
.category-group .like.active {
  background: url(../images/svg/new-like-active.svg) 0 0/32px !important;
  transition: transform 0.3s;
}

.category-group .like:hover {
  color: #0E22D4;
  border-color: #0E22D4;
  background: none;
}

.category-group .like:after {
  position: absolute;
  top: 0;
  right: 0;
  opacity: 0;
  content: close-quote;
  width: 100%;
  height: 100%;
  background: url(../images/svg/arr-color-blue.svg) no-repeat center right 14px;
}

.category-group .like:hover:after {
  opacity: 1;
}

.new-catalog-promo .link:hover {
  color: #0E22D4;
  border-color: #0E22D4;
  background: none;
}

.new-catalog-promo .title,
.category-group .title {
  color: #151515;
  margin: 0 0 23px;
  font-size: 28px;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  font-weight: 600;
  line-height: 36px;
}

.new-catalog-promo .link,
.category-group .link {
  color: #121E46;
  text-align: center;
  border: 1px solid #121E46;
  background: url(../images/svg/arr-color.svg) no-repeat center right 14px;
  border-radius: 99px;
  padding: 7px 47px 7px 23px;
  font-size: 14px;
  font-style: normal;
  position: relative;
  font-weight: 600;
  line-height: 24px;
}

.new-catalog-promo .link:after,
.category-group .link:after {
  position: absolute;
  top: 0;
  right: 0;
  opacity: 0;
  content: close-quote;
  width: 100%;
  height: 100%;
  background: url(../images/svg/arr-color-blue.svg) no-repeat center right 14px;
}

.new-catalog-promo .link:hover,
.category-group .link:hover {
  border: 1px solid var(--border-dark-hover, #0E22D4);
  color: #0E22D4;
  background: none;
}

.new-catalog-promo .link:hover:after,
.category-group .link:hover:after {
  opacity: 1;
}

.new-catalog-promo .preview,
.category-group .preview {
  height: 201px;
  border-radius: 12px;
  display: block;
  background: #fff;
  margin: 0 0 7px;
}

.new-catalog-promo .preview img,
.category-group .preview img {
  max-width: 100%;
  height: 100%;
  display: block;
  margin: 0 auto;
  object-fit: contain;
}

.new-catalog-promo .cash,
.category-group .cash {
  color: #151515;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  /* 150% */
}

.new-catalog-promo .blue,
.category-group .blue {
  color: #0E22D4;
}

.new-catalog-promo .last-cash,
.category-group .last-cash {
  color: rgba(21, 21, 21, 0.5);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  text-decoration: line-through;
}

.new-catalog-promo .list a,
.category-group .in a {
  position: relative;
  flex: 40% 1 1;
}

.new-catalog-promo .list a:hover .preview,
.category-group .in a:hover .preview {
  box-shadow: 0 0 1px 1px #F29D00;
}

.new-catalog-promo .list,
.category-group .in {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}

.small-category-list--size .small-category-list_in {
  padding: 0;
}

.video-review {
  background: #fff;
  padding: 23px 35px 29px;
  overflow: hidden;
}

.video-review .top {
  margin: 0 0 26px;
}

.video-review-carousel .time {
  color: #151515;
  font-size: 12px;
  position: absolute;
  bottom: 11px;
  right: 10px;
  border-radius: 100px;
  background: rgba(255, 255, 255, 0.3);
  padding: 4px 8px;
  backdrop-filter: blur(4.5px);
  font-weight: 400;
  line-height: 16px;
  /* 133.333% */
}

.video-review-carousel .time:empty {
  opacity: 0;
}

.video-review-carousel .video-preview {
  border-radius: 12px;
  border: 1px solid rgba(21, 21, 21, 0.08);
  height: 380px;
  overflow: hidden;
  display: block;
  position: relative;
  margin: 0 0 22px;
}

.video-review-carousel .video-preview.is-play:after {
  opacity: 0;
}

.video-review-carousel .video-preview video,
.video-review-carousel .video-preview img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.video-review-carousel .video-preview:hover:after {
  transform: translate(-50%, -50%) scale(1.1);
}

.video-review-carousel .video-preview:after {
  content: "";
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  transition: all 0.2s linear;
  border-radius: 24px;
  background: #EFF2F7 url(../images/svg/play.svg) no-repeat center;
  width: 56px;
  height: 40px;
}

.video-review-carousel .product {
  padding: 7px;
  border-radius: 12px;
  overflow: hidden;
  display: block;
  border: 1px solid rgba(21, 21, 21, 0.08);
}

.video-review-carousel .product:hover {
  border-color: #F29D00;
}

.video-review-carousel .preview {
  float: left;
  margin: 0 17px 0 0;
  border-radius: 8px;
  background: #FFF;
  width: 68px;
  height: 68px;
}

.video-review-carousel .preview img {
  width: auto;
  height: 100%;
  margin: 0 auto;
  max-width: 100%;
  object-fit: contain;
  display: block;
}

.video-review-carousel .cash {
  color: #151515;
  padding: 7px 0 8px 0;
  font-size: 16px;
  font-weight: 600;
  display: block;
  line-height: 24px;
}

.video-review-carousel .blue {
  color: #0E22D4;
}

.video-review-carousel .last-cash {
  color: rgba(21, 21, 21, 0.5);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  text-decoration: line-through;
}

.video-review-carousel .name {
  overflow: hidden;
  color: #151515;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 171.429% */
}

.row-main--slider div.row-podborka .row-main--slider-nav:hover {
  overflow: hidden;
}

.row-main--slider div.row-podborka .row-main--slider-nav:hover path {
  fill: var(--blue);
}

.row-main--slider div.row-podborka .row-main--slider-nav:hover:after {
  background: #D5E5FF url(../images/svg/arr-blue2.svg) no-repeat center;
}

.new-big-category--grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, 1fr);
  grid-column-gap: 24px;
  grid-row-gap: 24px;
}

.new-big-category--grid .name,
.new-big-category--grid .link,
.new-big-category--grid .last-cash,
.new-big-category--grid .label {
  position: relative;
  z-index: 4;
}

.new-big-category--grid .img {
  overflow: hidden;
  position: absolute;
  bottom: 0;
  right: 0;
  max-height: 100%;
  max-width: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}

.new-big-category--grid img {
  max-width: 100%;
  max-height: 100%;
}

.new-big-category--grid a {
  min-height: 308px;
  margin-bottom: 0;
}

.new-big-category--grid .last-cash {
  margin: auto 0 6px;
}

.new-big-category--grid .last-cash + .cash {
  margin-top: 0;
}

.new-big-category--grid .cash {
  margin-top: auto;
  position: relative;
  z-index: 10;
}

.new-big-category--grid .item:nth-child(1) {
  grid-area: 1/1/3/2;
}

.new-big-category--grid .item:nth-child(2) {
  grid-area: 1/2/2/3;
}

.new-big-category--grid .item:nth-child(3) {
  grid-area: 2/2/3/3;
}

.new-big-category--grid .item:nth-child(4) {
  grid-area: 1/3/3/4;
}

.breadcrumb {
  color: var(--black);
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  margin: 0 0 20px 0;
  overflow-x: auto;
}

.catalog-top {
  padding: 10px 36px;
  overflow: hidden;
  position: relative;
  background: #fff;
}

.catalog-top h1 {
  color: var(--text-primary, #151515);
  font-size: 40px;
  margin: 20px 0 50px;
  font-weight: 700;
  line-height: 52px;
}

.catalog-top h1 span {
  color: var(--text-primary, #151515);
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.catalog-top .category-group {
  margin: 48px 0 38px;
  padding: 0;
}

.catalog-top .category-group .name {
  overflow: hidden;
  color: var(--text-primary, #151515);
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.catalog-top .category-group .preview {
  border: none !important;
  border-radius: 8px;
  box-shadow: none !important;
  width: 68px;
  min-width: 68px;
  height: 68px;
  margin: 0 15px 0 0;
  overflow: hidden;
  float: left;
  background: #FFF;
}

.catalog-top .category-group .in-link {
  display: none;
}

.catalog-top .category-group .in-link:after {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(../images/svg/arr.svg) no-repeat center;
  background-size: 20px;
}

.catalog-top .category-group .col {
  padding: 24px 25px;
}

.catalog-top .category-group .in {
  gap: 9px;
}

.catalog-top .category-group .in a {
  border-radius: 12px;
  padding: 8px;
  border: 1px solid #fff;
  background: #FFF;
}

.catalog-top .category-group .cash {
  padding: 9px 0 4px;
  display: block;
}

.catalog-top .category-group .in a:hover {
  border: 1px solid var(--icon-accent, #F29D00);
}

.catalog-top_carousel {
  position: relative;
  margin: 0 0 47px;
}

.catalog-top_carousel .img {
  position: absolute;
  bottom: 0;
  right: 0;
  max-width: 70%;
}

.catalog-top_carousel .label {
  color: var(--text-primary, #151515);
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  display: block;
  margin: 0 0 4px;
}

.catalog-top_carousel .title {
  color: var(--text-primary, #151515);
  font-size: 28px;
  margin: 0 0 26px;
  font-weight: 600;
  line-height: 36px;
}

.catalog-top_carousel .swiper {
  overflow: hidden;
}

.catalog-top_carousel .btn-white {
  border-radius: 100px;
  transition: all 0.2s linear;
  background: #FFF;
  padding: 12px 28px;
  display: inline-flex;
  color: #121E46;
  text-align: center;
  gap: 9px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  align-items: center;
}

.catalog-top_carousel .btn-white svg {
  fill: currentColor;
}

.catalog-top_carousel .swiper-slide {
  position: relative;
  padding: 90px 0 80px 120px;
  border-radius: 24px;
}

.catalog-top_carousel .catalog-top_carousel_nav {
  border-radius: 24px;
  background: #EFF2F7;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 28px;
  top: 50%;
  transform: translateY(-50%);
  margin: 0 24px;
  left: 0;
}

.catalog-top_carousel .catalog-top_carousel_nav:after {
  display: none !important;
}

.catalog-top_carousel .catalog-top_carousel_nav:hover {
  background: #D5E5FF;
}

.catalog-top_carousel .catalog-top_carousel_nav:hover svg {
  fill: var(--text-link-active, #0E22D4);
}

.catalog-top_carousel .swiper-button-next {
  left: auto;
  right: 0;
}

.new-catalog-promo .btn-white:hover,
.catalog-top_carousel .btn-white:hover {
  color: var(--text-link-active, #0E22D4);
}

.new-catalog-promo .btn-white path,
.catalog-top_carousel .btn-white path {
  fill: currentColor;
}

.new-catalog-promo .btn-white {
  border-radius: 100px;
  transition: all 0.2s linear;
  background: #FFF;
  padding: 12px 28px;
  display: inline-flex;
  color: #121E46;
  text-align: center;
  gap: 9px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  align-items: center;
}

.catalog-top_category {
  overflow: hidden;
  margin: 0 0 50px;
}

.catalog-top_category .preview {
  overflow: hidden;
  display: block;
  padding: 100% 0 0;
  margin: 0 0 13px;
  background: #fff;
  border-radius: 20px;
  position: relative;
}

.catalog-top_category .preview img {
  max-width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  position: absolute;
  object-fit: contain;
}

.catalog-top_category .name {
  text-align: center;
  padding: 0 16px;
  overflow: hidden;
  height: 40px;
  align-items: center;
  justify-content: center;
  display: flex;
  color: var(--text-primary, #151515);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.catalog-top_category .name span {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.catalog-top_category a {
  display: block;
  padding: 8px 8px 19px;
  border-radius: 24px;
  background: #EFF2F7;
}

.catalog-top_brands {
  margin: 0 0 -2px;
}

.catalog-top_brands .swiper-slide {
  display: block;
}

.catalog-top_brands a {
  height: 140px;
  padding: 35px 28px;
  box-sizing: border-box;
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  margin: 0 0 24px;
}

.catalog-top_brands img {
  width: auto;
  height: auto;
  max-width: 80%;
  max-height: 80%;
}

.catalog-top_brands picture {
  width: 100%;
  height: 100%;
}

.new-catalog-list_filter {
  position: sticky;
  top: 85px;
  float: left;
  width: 248px;
  margin: 0 24px 0 0;
  overflow: -moz-scrollbars-none;
  -ms-overflow-style: none;
  max-height: calc(100vh - 85px);
}

.new-catalog-list_filter::-webkit-scrollbar {
  width: 0;
}

.new-catalog-list_filter.sc {
  overflow: auto;
}

.new-catalog-list_filter.scrolled-full:not(.sc) {
  max-height: none;
}

.new-catalog-list_filter .open-drop .drop {
  display: block;
}

.new-catalog-list_filter .open-drop .title:after {
  transform: translateY(-50%) scale(-1) !important;
}

.new-catalog-list_filter .drop {
  display: none;
}

.new-catalog-list_filter .title {
  padding: 6px 25px 6px 0;
  color: var(--text-primary, #151515);
  font-size: 16px;
  margin: 0 0 8px;
  font-weight: 600;
  line-height: 24px;
}

.new-catalog-list_filter a {
  color: var(--text-primary, #151515);
  transition: all 0.2s linear;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.new-catalog-list_filter a:hover {
  color: var(--icon-accent, #F29D00);
}

.new-catalog-list_filter .active a {
  color: rgba(21, 21, 21, 0.5);
}

.new-catalog-list_filter .active a:hover {
  color: rgba(21, 21, 21, 0.5);
}

.new-catalog-list_filter ul {
  padding-top: 2px;
}

.new-catalog-list_filter li {
  margin: 0 0 12px;
}

.new-catalog-list_filter .link {
  margin: 3px 0 0;
  cursor: pointer;
  color: #121E46;
  padding: 0;
  border: none;
  background: none;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
}

.new-catalog-list_filter .link:hover {
  color: var(--icon-accent, #F29D00);
}

.new-catalog-list_filter .color-list {
  padding: 0 0 2px;
  overflow: hidden;
}

.new-catalog-list_filter .color-list label:hover span {
  border-color: var(--icon-accent, #F29D00);
}

.new-catalog-list_filter .color-list label:hover input:disabled + span {
  border: 1px solid rgba(21, 21, 21, 0.08);
}

.new-catalog-list_filter .color-list input:checked + span {
  border-color: var(--orange-active, #DD8F00);
}

.new-catalog-list_filter .color-list input:disabled + span {
  opacity: 0.6;
}

.new-catalog-list_filter .color-list .custom-check {
  margin: 0;
}

.new-catalog-list_filter .color-list .icon {
  width: 30px;
  height: 30px;
  margin: 0 0 0 4px;
}

.new-catalog-list_filter .color-list li {
  float: left;
  margin: 0 4px 8px 0;
}

.new-catalog-list_filter .color-list i {
  position: absolute;
  border-radius: 3px;
  top: 3px;
  bottom: 3px;
  left: 3px;
  right: 3px;
}

.new-catalog-list_filter .color-list .icon {
  background: none;
}

.new-catalog-list_filter .form-item .clear {
  display: none;
  cursor: pointer;
  position: absolute;
  width: 24px;
  height: 24px;
  background: url(../images/svg/clear.svg) no-repeat center;
  top: 50%;
  right: 16px;
  transform: translateY(-50%);
}

.new-catalog-list_filter .form-item .clear svg {
  display: block;
}

.new-catalog-list_filter .has-clear input {
  padding-right: 50px;
}

.new-catalog-list_filter .form-item {
  margin: 0 0 12px;
  position: relative;
}

.new-catalog-list_filter .form-item input {
  margin: 0;
  color: var(--text-primary, #151515);
  width: 100%;
  font-size: 14px;
  border-radius: 12px;
  background: #F8FAFF !important;
  border: 1px solid #F8FAFF;
  padding: 4px 16px;
  outline: none !important;
  height: 48px;
  font-weight: 400;
  box-sizing: border-box;
  line-height: 24px;
}

.new-catalog-list_filter .form-item input:focus {
  border: 1px solid #121E46;
}

.new-catalog-list_filter .cash-range .form-item {
  margin: 0;
}

.new-catalog-list_filter .cash-range {
  margin: 0 0 13px;
  display: flex;
  gap: 8px;
}

.new-catalog-list_filter .cash-range input {
  color: var(--text-primary, #151515);
  width: 100%;
  font-size: 14px;
  border-radius: 12px;
  background: #F8FAFF !important;
  border: 1px solid #F8FAFF;
  padding: 4px 16px;
  outline: none !important;
  height: 48px;
  font-weight: 400;
  box-sizing: border-box;
  line-height: 24px;
}

.new-catalog-list_filter .has-clear input {
  padding-right: 50px !important;
}

.new-catalog-item .form-item {
  flex: 1;
}

.new-catalog-list_filter_item {
  margin: 0 0 23px;
}

.new-catalog-list_filter_item.open .js-scroll-filter {
  max-height: 226px;
}

.new-catalog-list_filter_item:not(.open) .hide {
  display: none;
}

.new-catalog-list_filter_item .hidden {
  display: none !important;
}

.custom-check {
  margin: 0 0 12px;
}

.custom-check label {
  display: flex;
  cursor: pointer;
  align-items: center;
  overflow: hidden;
  position: relative;
  color: var(--text-primary, #151515);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.custom-check label:hover {
  color: var(--icon-accent, #F29D00);
}

.custom-check input {
  position: absolute;
  bottom: 100%;
  padding-right: 100%;
}

.custom-check input:checked + span {
  background: var(--icon-accent, #F29D00) url(../images/svg/check-white.svg) no-repeat center;
  border-color: var(--icon-accent, #F29D00);
}

.custom-check input:checked + span + span {
  color: var(--text-primary, #151515);
}

.custom-check input:disabled + span {
  opacity: 0.25;
}

.custom-check input:disabled + span + span {
  color: #151515 !important;
  opacity: 0.25;
}

.custom-check .icon {
  width: 18px;
  margin: 0 10px 0 2px;
  height: 18px;
  background: #EFF2F7;
  border: 1px solid rgba(21, 21, 21, 0.08);
  border-radius: 5px;
  min-width: 18px;
  position: relative;
}

.custom-check a {
  color: var(--orange-active, #DD8F00);
}

.custom-check a:hover {
  color: var(--text-link-hover, #F29D00);
}

.new-catalog-list {
  position: relative;
  background: #fff;
  overflow: visible;
  padding: 15px 36px;
}

.new-catalog-list_filter_toggle {
  padding: 6px 0;
  margin: 0 0 16px;
}

.new-catalog-list_filter_toggle input {
  position: absolute;
  bottom: 100%;
  right: 100%;
}

.new-catalog-list_filter_toggle label {
  display: flex;
  align-items: center;
  overflow: hidden;
  color: var(--text-primary, #151515);
  font-size: 16px;
  position: relative;
  gap: 5px;
  font-weight: 600;
  line-height: 24px;
}

.new-catalog-list_filter_toggle input:checked + span {
  background: var(--orange-active, #DD8F00);
}

.new-catalog-list_filter_toggle input:checked + span:after {
  left: 25px;
}

.new-catalog-list_filter_toggle span {
  width: 45px;
  transition: all 0.2s linear;
  cursor: pointer;
  height: 24px;
  border-radius: 99px;
  background: #D5E5FF;
  position: relative;
  margin: 0 2px 0 auto;
}

.new-catalog-list_filter_toggle span:after {
  width: 16px;
  height: 16px;
  border-radius: 100%;
  background: #fff;
  content: "";
  position: absolute;
  top: 50%;
  left: 5px;
  transform: translateY(-50%);
}

.new-catalog-list_filter_toggle span:hover {
  background: var(--icon-accent, #F29D00);
}

.custom-radio {
  margin: 0 0 12px;
}

.custom-radio label {
  display: flex;
  cursor: pointer;
  align-items: center;
  overflow: hidden;
  position: relative;
  color: var(--text-primary, #151515);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.custom-radio label:hover {
  color: var(--icon-accent, #F29D00);
}

.custom-radio input {
  position: absolute;
  bottom: 100%;
  padding-right: 100%;
}

.custom-radio input:checked + span {
  background: var(--orange-active, #DD8F00);
}

.custom-radio input:checked + span:after {
  opacity: 1 !important;
}

.custom-radio input:disabled + span {
  opacity: 0.25;
}

.custom-radio input:disabled + span + span {
  color: #151515 !important;
  opacity: 0.25;
}

.custom-radio .icon {
  width: 18px;
  border-radius: 100%;
  margin: 0 10px 0 2px;
  height: 18px;
  transition: all 0.2s linear;
  background: #EFF2F7;
  border: 1px solid rgba(21, 21, 21, 0.08);
  min-width: 18px;
  position: relative;
}

.custom-radio .icon:after {
  content: "";
  position: absolute;
  background: #fff;
  border-radius: 100%;
  top: 5px;
  left: 5px;
  bottom: 5px;
  right: 5px;
  transition: all 0.2s linear;
  opacity: 0;
}

.new-catalog-list_wrap {
  overflow: hidden;
}

.new-catalog-list_in {
  overflow: hidden;
  margin: 0 -12px;
}

.new-catalog-list_sort {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}

.new-catalog-list_sort .count {
  margin-left: auto;
  color: var(--text-primary, #151515);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.new-catalog-item {
  padding: 0 12px;
  float: left;
  position: relative;
  margin: 0 0 24px;
  width: 20%;
}

.new-catalog-item a {
  transition: all 0.2s linear;
  border-radius: 20px;
  box-sizing: border-box;
  height: 356px;
  border: 1px solid rgba(21, 21, 21, 0.08);
  padding: 12px 0;
  display: block;
}

.new-catalog-item a:hover {
  border: 1px solid var(--icon-accent, #F29D00);
}

.new-catalog-item .type {
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  margin: 4px 11px 8px;
  display: block;
}

.new-catalog-item .type + .name {
  -webkit-line-clamp: 1;
  height: 24px;
  margin-bottom: 3px;
}

.new-catalog-item .type1 {
  color: #6D42F1;
  padding: 0 0 0 20px;
  background: url(../images/svg/type1.svg) no-repeat left center;
}

.new-catalog-item .name {
  margin: 0 11px 7px;
  overflow: hidden;
  color: var(--text-primary, #151515);
  font-size: 14px;
  font-weight: 400;
  height: 48px;
  line-height: 24px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.new-catalog-item .review {
  color: rgba(21, 21, 21, 0.5);
  font-size: 12px;
  font-weight: 400;
  margin: 0 11px;
  line-height: 16px;
}

.new-catalog-item .review strong {
  color: var(--text-primary, #151515);
  font-weight: 400;
  padding: 0 2px 0 20px;
  background: url(../images/svg/small-star.svg) no-repeat left center;
}

.new-catalog-item ul {
  position: absolute;
  bottom: 18px;
  left: 8px;
}

.new-catalog-item ul li {
  color: #FFF;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  margin: 4px 0 0;
  padding: 2px 8px;
  float: left;
  clear: left;
  border-radius: 4px;
  background: #121E46;
}

.new-catalog-item ul .sale {
  background: #E92487;
}

.new-catalog-item .preview {
  height: 224px;
  margin: 0 0 7px;
  position: relative;
  display: block;
}

.new-catalog-item .preview img {
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  position: absolute;
  max-width: 100%;
  height: 100%;
  object-fit: contain;
}

.best-product_carousel4 .like,
.best-product_carousel .like,
.best-product_carousel3 .like,
.new-catalog-promo .like,
.new-catalog-item .like {
  background: url(../images/svg/new-like.svg) 0 0/32px;
  cursor: pointer;
  z-index: 10;
  width: 32px;
  position: absolute;
  top: 20px;
  right: 32px;
  height: 32px;
  transition: transform 0.3s;
}

.best-product_carousel4 .like:hover,
.best-product_carousel .like:hover,
.new-catalog-promo .like:hover,
.best-product_carousel3 .like:hover,
.new-catalog-item .like:hover,
.best-product_carousel4.active,
.new-catalog-promo.active,
.best-product_carousel3.active,
.best-product_carousel.active {
  background: url(../images/svg/new-like-active.svg) 0 0/32px;
  transition: transform 0.3s;
}

.new-catalog-item .like.active {
  background: url(../images/svg/new-like-active.svg) 0 0/32px;
  transition: transform 0.3s;
}

.best-product_carousel .blue {
  color: var(--text-link-active, #0E22D4);
}

.new-catalog-item .blue {
  color: var(--text-link-active, #0E22D4);
}

.new-catalog-item .icon {
  padding-left: 28px;
  background: url(../images/svg/diamond.svg) no-repeat left center;
}

.new-catalog-item .price-stroka {
  display: flex;
  align-items: flex-end;
  gap: 10px;
  color: var(--text-primary, #151515);
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  padding: 0 12px 4px;
}

.best-product_carousel .last-cash,
.new-catalog-item .last-cash {
  color: rgba(21, 21, 21, 0.5);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  text-decoration: line-through;
}

.new-catalog-promo {
  height: 356px;
  float: left;
  width: 20%;
  padding: 0 12px;
  margin: 0 0 24px;
}

.new-catalog-promo .in {
  border-radius: 24px;
  display: flex;
  flex-direction: column;
  position: relative;
  height: 308px;
  align-items: flex-start;
  color: var(--text-primary, #151515);
  box-sizing: border-box;
  padding: 24px;
}

.new-catalog-promo .btn {
  margin: auto 0 0;
}

.new-catalog-promo .name {
  font-size: 28px;
  font-weight: 600;
  line-height: 36px;
  width: 50%;
}

.new-catalog-promo .label {
  width: 50%;
  opacity: 0.7;
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  display: block;
  margin: 2px 0 1px;
}

.new-catalog-promo .img {
  position: absolute;
  bottom: 0;
  right: 0;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.new-catalog-promo_height {
  float: right;
  height: 736px;
}

.new-catalog-promo_height .in {
  height: 640px;
}

.new-pagination {
  padding: 12px 0;
}

.new-pagination .btn {
  box-sizing: border-box;
  margin: 0 0 36px;
  border-radius: 100px;
  background: #EFF2F7;
  transition: all 0.2s linear;
  width: 100%;
  display: block;
  padding: 12px;
  color: #121E46;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.new-pagination .btn:hover {
  background: #B8CFFA;
}

.new-pagination .btn.disabled {
  background: #EFF2F7 !important;
  color: #B8CFFA !important;
}

.new-catalog-list_sort_item .select2 {
  min-width: 100%;
}

.new-catalog-list_sort {
  align-items: center;
  margin: 0 0 20px;
}

.new-catalog-list_sort_item {
  width: 20%;
  padding: 0 24px 0 0;
  box-sizing: border-box;
}

.new-pagination_in {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 18px;
}

.new-pagination_in .new-pagination_nav.disable {
  background: #EFF2F7 !important;
  cursor: default;
}

.new-pagination_in .new-pagination_nav.disable svg {
  fill: #B8CFFA !important;
}

.new-pagination_in .new-pagination_nav:hover svg {
  fill: var(--text-link-active, #0E22D4);
}

.new-pagination_in a:hover {
  background: #B8CFFA;
}

.new-pagination_in .active a {
  color: #fff !important;
  background: #121E46;
}

.new-pagination_in .tochki,
.new-pagination_in a {
  border-radius: 100px;
  background: #EFF2F7;
  width: 60px;
  height: 40px;
  text-align: center;
  padding: 0;
  line-height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.new-pagination_in .tochki {
  display: inline-block;
}

.new-pagination_in li {
  display: inline-block;
  vertical-align: top;
  margin: 0 6px;
}

.new-catalog-promo_w2 {
  width: 40%;
}

.new-catalog-promo_w2 .img {
  top: 0;
  bottom: auto;
}

.new-catalog-promo .title {
  margin: 0 0 36px;
}

.new-catalog-promo .list a {
  margin: 0 0 12px;
}

.catalog-list_filter_result {
  display: flex;
  clear: both;
  padding: 4px 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  width: 100%;
  gap: 8px;
  flex-wrap: wrap;
}

.catalog-list_filter_result .clear:hover {
  background: #B8CFFA;
  color: var(--text-primary, #151515);
}

.catalog-list_filter_result .item {
  border-radius: 100px;
  background: #121E46;
  transition: all 0.2s linear;
  padding: 6px 16px;
  cursor: pointer;
  color: #FFF;
}

.catalog-list_filter_result .item:hover {
  background: #B8CFFA;
  color: var(--text-primary, #151515);
}

.catalog-list_filter_result .item:after {
  content: "";
  background: url(../images/svg/close-white.svg) no-repeat;
  width: 16px;
  height: 16px;
  display: inline-block;
  float: right;
  margin: 2px 0 0 9px;
}

.catalog-list_filter_result .clear {
  border-radius: 100px;
  background: #EFF2F7;
  padding: 6px 16px;
  color: var(--text-primary, #151515);
  transition: all 0.2s linear;
  cursor: pointer;
}

.js-scroll-filter .simplebar-track.simplebar-vertical {
  right: 0;
}

.new-catalog-list_filter_item--drop .title {
  position: relative;
  cursor: pointer;
  padding-right: 25px;
}

.new-catalog-list_filter_item--drop .title:hover:after {
  opacity: 1;
  background: url(../images/svg/arr-search-blue.svg) no-repeat center;
}

.new-catalog-list_filter_item--drop .title:after {
  width: 24px;
  height: 24px;
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  background: url(../images/svg/arr-search.svg) no-repeat center;
  opacity: 0.4;
}

.new-catalog-list_filter_result {
  display: none;
}

.new-catalog-list_filter_top {
  display: none;
  color: var(--text-primary, #151515);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  font-size: 20px;
  flex-wrap: wrap;
  align-items: flex-start;
  font-weight: 600;
  padding: 13px 15px 10px 15px;
  line-height: 24px;
  border-bottom: 1px solid rgba(21, 21, 21, 0.08);
  background: #FFF;
}

.new-catalog-list_filter_top svg {
  display: block;
  margin: 0 auto;
}

.new-catalog-list_filter_top .close {
  float: right;
  border-radius: 16px;
  background: #EFF2F7;
  margin: -4px 0 0 auto;
  padding: 8px 18px;
  text-align: center;
}

.new-catalog-list_filter_result {
  padding: 16px 16px 10px;
}

.new-catalog-list_filter_item_top {
  display: none;
  color: var(--text-primary, #151515);
  background: #fff;
  text-align: center;
  font-size: 16px;
  box-sizing: border-box;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  border-bottom: 1px solid rgba(21, 21, 21, 0.08);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 14px;
}

.new-catalog-list_filter_item_top .back {
  border-radius: 16px;
  background: #EFF2F7 url(../images/svg/modal-close-arr.svg) no-repeat center;
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  width: 48px;
  height: 32px;
}

.new-catalog-list_filter_item_top .all {
  color: #121E46;
  text-align: center;
  font-size: 14px;
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  font-weight: 600;
  line-height: 20px;
}

.new-catalog-list_filter_bottom .btn-orange,
.new-catalog-list_filter_item .btn-orange {
  border-radius: 100px;
  color: #fff;
  display: none;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  border: 1px solid var(--icon-accent, #F29D00);
  background: var(--icon-accent, #F29D00);
  position: absolute;
  width: 343px;
  padding: 9px;
  left: 50%;
  bottom: 16px;
  transform: translateX(-50%);
}

.new-catalog-list_filter_bottom .btn-orange:disabled,
.new-catalog-list_filter_item .btn-orange:disabled {
  background: #FFC65D;
  border: 1px solid #FFC65D;
  color: rgba(255, 255, 255, 0.8);
}

.new-catalog-list,
.catalog-top {
  max-width: 1680px;
  box-sizing: border-box;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.new-catalog-list_sort_mobile {
  display: none;
  gap: 8px;
}

.new-catalog-list_sort_mobile span {
  position: relative;
  background: #EFF2F7;
  width: 48px;
  border-radius: 99px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 32px;
}

.new-catalog-list_sort_mobile i {
  position: absolute;
  border-radius: 100%;
  background: var(--orange-active, #DD8F00);
  display: flex;
  top: -4px;
  right: 4px;
  font-style: normal;
  min-width: 16px;
  max-width: 20px;
  min-height: 16px;
  justify-content: center;
  align-items: center;
  color: #FFF;
  text-align: center;
  font-size: 8px;
  font-weight: 500;
  line-height: 12px;
}

.mobile-delivery {
  white-space: nowrap;
  padding: 18px 11px 18px 16px;
  gap: 5px;
  display: none;
  color: rgba(21, 21, 21, 0.5);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.mobile-delivery a {
  color: var(--orange-active, #DD8F00);
  padding: 0 30px 0 0;
  margin-left: auto;
  float: right;
  background: url(../images/svg/arr-orange.svg) no-repeat right 5px center !important;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.mobile-delivery strong {
  color: var(--text-primary, #151515);
  overflow: hidden;
  padding-right: 5px;
  text-overflow: ellipsis;
  font-weight: 400;
}

.header_new .hc-r1-search .search-rezult .row {
  display: flex;
  gap: 12px;
  padding: 0 24px;
  margin: 0 -24px;
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.header_new .hc-r1-search .search-rezult .row::-webkit-scrollbar {
  display: none;
}

.category-group .in a:hover .preview {
  box-shadow: 0 0 0 1px var(--icon-accent, #F29D00);
}

.nav-menu .hc-r2-menu,
.header_new .header-content,
.nav-menu_second_item,
.category-group,
.small-category-list,
.row-main--slider,
.new-big-category {
  max-width: 1680px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}

.video-review > * {
  max-width: 1680px;
  width: 100%;
  padding-left: 36px;
  padding-right: 36px;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box;
}

.menu-block.link-all {
  display: none !important;
}

.new-catalog-list_filter_bottom {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 375px;
  background: #fff;
  z-index: 10;
  padding: 8px 16px 16px;
}

.new-catalog-list_filter_bottom .btn-orange {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  left: 0;
  bottom: 0;
  transform: none;
  display: block;
}

.small-crumbs a,
.small-crumbs li {
  color: rgba(21, 21, 21, 0.5);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  padding: 0;
}

.small-crumbs a:hover {
  color: var(--icon-accent, #F29D00);
}

.catalog-top_subcategory_item {
  color: var(--text-primary, #151515);
  text-align: center;
  width: 112px;
  min-width: 112px;
  margin: 0 24px 24px 0;
  float: left;
  flex-grow: 0;
  text-overflow: ellipsis;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}

.catalog-top_subcategory_item .preview {
  display: block;
  position: relative;
  border: 1px solid #EFF2F7;
  margin: 0 0 4px;
  overflow: hidden;
  border-radius: 12px;
  padding: 100% 0 0;
}

.catalog-top_subcategory_item .preview img {
  top: 0;
  transform: translateX(-50%);
  position: absolute;
  left: 50%;
  height: 100%;
  max-width: 100%;
  object-fit: contain;
}

.catalog-top_subcategory_item:hover .preview {
  border: 1px solid var(--icon-accent, #F29D00);
}

.catalog-top_subcategory_item.hide {
  display: none;
}

.catalog-top_subcategory_item .name {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.catalog-top_subcategory {
  overflow: hidden;
  display: flex;
  max-height: 178px;
  flex-wrap: nowrap;
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.catalog-top_subcategory::-webkit-scrollbar {
  display: none;
}

.catalog-top_subcategory .more {
  border-radius: 12px;
  display: flex;
  gap: 5px;
  cursor: pointer;
  min-height: 154px;
  align-items: center;
  justify-content: center;
  width: 112px;
  min-width: 112px;
  float: left;
  background: #EFF2F7;
  margin: 0 24px 24px 0;
}

.catalog-top_subcategory .more:hover {
  color: var(--text-link-active, #0E22D4);
}

.catalog-top_subcategory .more svg {
  width: 25px;
  fill: currentColor;
  height: 24px;
}

.catalog-top_subcategory .new-catalog-list_filter_top {
  display: none !important;
}

.new-catalog-list_filter_item .has-drop {
  position: relative;
  padding-left: 24px;
}

.new-catalog-list_filter_item .has-drop.open > i {
  transform: rotate(-90deg);
}

.new-catalog-list_filter_item .has-drop.open > ul {
  display: block;
}

.new-catalog-list_filter_item .has-drop i {
  width: 16px;
  cursor: pointer;
  height: 16px;
  background: url(../images/svg/arr-filter-drop.svg) no-repeat;
  content: "";
  position: absolute;
  top: 2px;
  left: 0;
  opacity: 0.3;
}

.new-catalog-list_filter_item .has-drop i:hover {
  opacity: 1;
}

.new-catalog-list_filter_item .has-drop ul {
  display: none;
  padding: 6px 0 0 !important;
}

.search-top-text {
  color: rgba(21, 21, 21, 0.5);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  padding: 20px 0 17px;
}

.search-top-text strong {
  color: var(--text-primary, #151515);
  font-weight: 400;
}

.search-top-text em {
  color: var(--orange-active, #DD8F00);
  font-style: normal;
  text-decoration: none;
  font-weight: 400;
}

.search-top-text a {
  font-size: 14px;
  margin: 0 0 0 12px;
  font-weight: 400;
  color: var(--text-primary, #151515);
  line-height: 20px;
}

.search-top-text a:hover {
  color: var(--icon-accent, #F29D00);
}

.empty-search {
  text-align: center;
  color: var(--text-primary, #151515);
  font-size: 14px;
  width: 100%;
  font-weight: 400;
  line-height: 24px;
  padding: 64px 16px;
  max-width: 556px;
  box-sizing: border-box;
  margin: 0 auto;
}

.empty-search h2 {
  color: var(--text-primary, #151515);
  text-align: center;
  margin: 0 0 10px;
  font-size: 28px;
  font-weight: 600;
  line-height: 36px;
}

.empty-search img,
.empty-search svg {
  height: auto;
  width: 120px;
  display: block;
  margin: 0 auto 30px;
}

.empty-search .btn-group {
  padding: 25px 0 0;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  gap: 24px;
}

.empty-search .btn-group a {
  flex: 1;
  display: flex;
  padding: 11px;
  justify-content: center;
  height: auto;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  border-radius: 99px;
}

.new-order-page .basket-right--fix {
  flex: 484px 0 0;
}

.new-order-page .is-fix .basket-right {
  width: 464px;
  margin-right: -720px;
}

.catalog-top_category--list {
  text-align: center;
}

.catalog-top_category--list a {
  box-sizing: border-box;
  flex: calc(12.5% - 21px) 0 0;
}

.catalog-top_category--list.open a {
  display: block;
}

.catalog-top_category--list .hide {
  display: none;
}

.catalog-top_category--list .btn-show {
  margin: 24px auto 0;
  transition: all 0.2s linear;
  border-radius: 100px;
  background: #EFF2F7;
  border: none;
  cursor: pointer;
  padding: 8px 16px;
  color: #121E46;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
}

.catalog-top_category--list .btn-show svg {
  width: 24px;
  height: 24px;
  margin-left: 8px;
  fill: currentColor;
  float: right;
}

.catalog-top_category--list .btn-show:hover {
  color: var(--text-link-active, #0E22D4);
}

.catalog-top_category--list .btn-show.active svg {
  transform: scale(-1);
}

.catalog-top_category--list_in {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}

.catalog-top_category--list_in button {
  display: none;
}

.new-catalog-list_filter.sc {
  overflow: auto;
}

.new-catalog-list_filter_item .hide-btn {
  display: none;
}

.toggle-li input {
  position: absolute;
  bottom: 100%;
  right: 100%;
  opacity: 0;
  visibility: hidden;
}

.toggle-li li {
  position: relative;
  overflow: auto;
}

.catalog-top_category--list a {
  box-sizing: border-box;
  flex: calc(12.5% - 21px) 0 0;
}

.open-subcategory .catalog-top_subcategory {
  max-height: none;
  margin-right: -24px;
  flex-wrap: wrap;
  height: auto;
}

.open-subcategory .catalog-top_subcategory .more svg {
  transform: scale(-1);
}

.open-subcategory .catalog-top_subcategory .hide {
  display: block;
}

.best-product_carousel {
  margin: 0 0 23px;
  padding: 24px 36px;
  border-radius: 24px;
  position: relative;
  overflow: hidden;
  background: #F8D1DE;
}

.best-product_carousel .swiper {
  overflow: hidden;
}

.best-product_carousel3 .preview,
.best-product_carousel .preview {
  position: relative;
  display: block;
  border-radius: 12px;
  overflow: hidden;
  padding: 100% 0 0;
  background: #fff;
  margin: 0 0 9px;
  border: 1px solid #fff;
}

.best-product_carousel3 .preview:hover,
.best-product_carousel .preview:hover {
  border-color: var(--icon-accent, #F29D00);
}

.best-product_carousel3 .preview img,
.best-product_carousel .preview img {
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  height: 100%;
  width: auto;
  position: absolute;
  max-width: 100%;
  object-fit: contain;
}

.best-product_carousel3 .blue,
.best-product_carousel .blue {
  color: var(--text-link-active, #0E22D4);
}

.best-product_carousel3 .cash,
.best-product_carousel .cash {
  color: var(--text-primary, #151515);
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.best-product_carousel4 .like,
.best-product_carousel3 .like,
.best-product_carousel .like {
  top: 8px;
  right: 8px;
}

.best-product_carousel4 .best-product_carousel_nav:after,
.best-product_carousel3 .best-product_carousel_nav:after,
.best-product_carousel2 .best-product_carousel_nav:after,
.best-product_carousel .best-product_carousel_nav:after {
  display: none;
}

.best-product_carousel4 .best-product_carousel_nav4,
.best-product_carousel3 .best-product_carousel_nav3,
.best-product_carousel2 .best-product_carousel2_nav,
.best-product_carousel .best-product_carousel_nav {
  border-radius: 24px;
  background: #EFF2F7;
  margin: -15px 4px 0 !important;
  padding: 0;
  width: 44px;
  height: 28px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.best-product_carousel4 .best-product_carousel_nav4:hover,
.best-product_carousel3 .best-product_carousel_nav3:hover,
.best-product_carousel2 .best-product_carousel2_nav:hover,
.best-product_carousel .best-product_carousel_nav:hover {
  background: #D5E5FF;
}

.best-product_carousel4 .best-product_carousel_nav4:hover path,
.best-product_carousel3 .best-product_carousel_nav3:hover path,
.best-product_carousel2 .best-product_carousel2_nav:hover path,
.best-product_carousel .best-product_carousel_nav:hover path {
  fill: var(--text-link-active, #0E22D4);
}

.best-product_carousel4 .best-product_carousel_nav4:after,
.best-product_carousel3 .best-product_carousel_nav3:after,
.best-product_carousel2 .best-product_carousel2_nav:after,
.best-product_carousel .best-product_carousel_nav:after {
  display: none !important;
}

.best-product_carousel3,
.best-product_carousel2 {
  margin: 0 0 23px;
  border-radius: 24px;
  padding: 25px 11px 26px 24px;
  align-items: center;
  background: #DDD2FF;
  display: flex;
}

.best-product_carousel3 .title,
.best-product_carousel2 .title {
  justify-content: center;
  display: flex;
  align-items: center;
  width: 472px;
  color: var(--text-primary, #151515);
  font-size: 28px;
  font-weight: 600;
  line-height: 36px;
  min-width: 500px;
}

.best-product_carousel2_in a {
  border-radius: 12px;
  background: #FFF;
  display: block;
  overflow: hidden;
  padding: 7px;
  border: 1px solid #fff;
}

.best-product_carousel2_in a:hover .preview,
.best-product_carousel2_in a:hover {
  border-color: var(--icon-accent, #F29D00);
}

.best-product_carousel2_in .preview {
  margin: 0 16px 0 0;
  height: 68px;
  width: 68px;
  display: block;
  overflow: hidden;
  border-radius: 8px;
  float: left;
  background: #FFF;
}

.best-product_carousel2_in .preview:hover {
  border-color: var(--icon-accent, #F29D00);
}

.best-product_carousel2_in .preview img {
  height: 100%;
  margin: 0 auto;
  display: block;
  max-width: 100%;
  width: auto;
  object-fit: contain;
}

.best-product_carousel2_in .name {
  overflow: hidden;
  color: var(--text-primary, #151515);
  text-overflow: ellipsis;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  display: block;
  white-space: nowrap;
  line-height: 24px;
}

.best-product_carousel2_in .cash {
  padding: 8px 0 4px;
  display: block;
  color: var(--text-primary, #151515);
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.best-product_carousel2_in .swiper {
  overflow: hidden;
}

.best-product_carousel3_in,
.best-product_carousel2_in {
  flex-grow: 1;
  overflow: hidden;
  position: relative;
  padding: 0 25px 0 45px;
}

.best-product_carousel2 .best-product_carousel2_nav {
  margin: 0 -7px 0 !important;
}

.best-product_carousel2_nav.swiper-button-prev {
  margin: 0 12px 0 !important;
}

.best-product_carousel3 {
  background: #DDD2FF;
  border-radius: 24px;
  padding: 25px 0 24px 58px;
}

.best-product_carousel3 .swiper {
  overflow: hidden;
}

.best-product_carousel3 .title {
  min-width: 271px;
  width: 271px;
}

.best-product_carousel3 .preview {
  padding: 90% 0 0;
}

.best-product_carousel3 .best-product_carousel_nav3 {
  margin-left: 12px !important;
}

.best-product_carousel3_in {
  padding: 0 37px 0 45px;
}

.best-product_carousel4 {
  margin: 30px 0 23px;
  position: relative;
}

.best-product_carousel4 .title {
  color: var(--text-primary, #151515);
  font-size: 28px;
  margin: 0 0 25px;
  font-weight: 600;
  line-height: 36px;
}

.best-product_carousel4 .swiper {
  overflow: hidden;
}

.best-product_carousel4 .last-cash {
  color: rgba(21, 21, 21, 0.5);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  text-decoration: line-through;
}

.best-product_carousel4 .preview {
  display: block;
  padding: 110% 0 0;
  position: relative;
  border: 1px solid #fff;
  margin: 0 0 8px;
  border-radius: 12px;
  background: #fff;
}

.best-product_carousel4 .preview img {
  max-width: 100%;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  position: absolute;
  height: 100%;
  object-fit: contain;
}

.best-product_carousel4 a:hover .preview {
  border: 1px solid var(--icon-accent, #F29D00);
}

.best-product_carousel4 .cash {
  color: var(--text-primary, #151515);
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.best-product_carousel4 .blue {
  color: var(--text-link-active, #0E22D4);
}

.best-product_carousel4 .icon {
  padding-left: 25px;
  background: url(../images/svg/diamond.svg) no-repeat left center;
}

.best-product_carousel4 .best-product_carousel_nav4 {
  margin: 14px -31px 0 !important;
}

.catalog-big-list {
  background: #fff;
  padding: 28px 36px 27px;
  box-sizing: border-box;
  max-width: 1680px;
  margin-left: auto;
  margin-right: auto;
  flex-wrap: wrap;
  display: flex;
  gap: 24px;
}

.catalog-big-list .item {
  border-radius: 24px;
  padding: 24px 23px 15px;
  width: calc(33.3% - 16px);
  border: 1px solid rgba(21, 21, 21, 0.08);
}

.catalog-big-list img,
.catalog-big-list svg {
  width: 32px;
  min-width: 32px;
  height: auto;
  fill: var(--dark, #151515);
  opacity: 0.3;
}

.catalog-big-list .title {
  color: #151515;
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  margin: 0 0 19px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.catalog-big-list .title:hover {
  color: #F29D00;
}

.catalog-big-list .title:hover svg,
.catalog-big-list .title:hover path {
  fill: #F29D00;
  opacity: 1;
}

.catalog-big-list li {
  margin: 0 0 12px;
}

.catalog-big-list a {
  color: #121E46;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.catalog-big-list a:hover {
  color: #0E22D4;
}

.cabinet-new-top {
  padding: 21px 36px 11px;
  max-width: 1680px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  box-sizing: border-box;
}

.cabinet-new-top h1 {
  margin: 10px 0 37px;
  color: var(--text-primary, #151515);
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 52px;
  /* 130% */
}

.cabinet-new-top .breadcrumb {
  margin: 0;
}

.cabinet-new-nav {
  margin: 0 0 17px;
}

.cabinet-new-nav a:hover {
  color: var(--icon-accent, #F29D00);
}

.cabinet-new-nav a {
  border-radius: 100px;
  padding: 8px 16px;
  display: flex;
  align-items: center;
  transition: all 0.2s linear;
  color: var(--text-primary, #151515);
  gap: 8px;
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  height: 100%;
}

.cabinet-new-nav .active a:hover,
.cabinet-new-nav .active a {
  background: #fff;
  color: rgba(21, 21, 21, 0.5);
}

.cabinet-new-nav .active a i {
  background: var(--orange-active, #DD8F00);
  color: #fff;
}

.cabinet-new-nav li {
  display: inline-block;
  vertical-align: top;
}

.cabinet-new-nav i {
  color: var(--text-primary, #151515);
  min-width: 36px;
  font-style: normal;
  max-width: 36px;
  min-height: 24px;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  border-radius: 100px;
  background: #D5E5FF;
}

.cabinet-new-nav ul {
  box-sizing: border-box;
  font-size: 0;
  padding: 2px;
  border-radius: 100px;
  background: #EFF2F7;
  display: inline-block;
}

.cabinet-new-top_sort {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.cabinet-new-top_sort a {
  color: var(--text-primary, #151515);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  display: flex;
  padding: 6px 16px;
  align-items: center;
  gap: 8px;
  border-radius: 100px;
  transition: all 0.2s linear;
  background: #EFF2F7;
}

.cabinet-new-top_sort a.active:hover,
.cabinet-new-top_sort a.active {
  background: #121E46 url(../images/svg/close-white.svg) no-repeat right 15px center;
  color: #fff;
  padding: 6px 40px 6px 16px;
}

.cabinet-new-top_sort a:hover {
  background: #B8CFFA;
}

.btn-gray {
  font: normal 600 14px/24px "Mulish", sans-serif;
  color: #121E46;
  transition: all 0.2s linear;
  text-align: center;
  padding: 8px 16px;
  border-radius: 100px;
  background: #EFF2F7;
}

.btn-gray:hover {
  color: #0E22D4;
}

.btn-gray:disabled {
  color: #B8CFFA;
  background: #F8FAFF;
}

.new-cabinet-order-list {
  padding: 36px 36px;
  max-width: 1680px;
  width: 100%;
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
}

.new-cabinet-order-list .year {
  color: rgba(21, 21, 21, 0.5);
  font-size: 28px;
  font-style: normal;
  margin: 0 0 24px;
  font-weight: 600;
  line-height: 36px;
}

.new-cabinet-order-item {
  border-radius: 24px;
  border: 1px solid #EFF2F7;
  margin: 0 0 24px;
}

.new-cabinet-order-item .top {
  padding: 24px;
  border-radius: 22px 22px 0 0;
  align-items: center;
  background: #F8FAFF;
  display: flex;
  justify-content: space-between;
}

.new-cabinet-order-item .number {
  color: #121E46;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  margin: 0 0 10px;
}

.new-cabinet-order-item .date {
  color: var(--text-primary, #151515);
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
}

.new-cabinet-order-item .open-drop .status_drop {
  display: block;
}

.new-cabinet-order-item .in {
  font-size: 0;
  overflow: hidden;
  position: relative;
  padding: 12px 0 11px;
  white-space: nowrap;
}

.new-cabinet-order-item .in img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: contain;
  display: block;
  border-radius: 8px;
}

.new-cabinet-order-item .in i {
  color: var(--text-primary, #151515);
  text-align: center;
  min-width: 36px;
  max-width: 36px;
  min-height: 24px;
  position: absolute;
  bottom: -8px;
  right: -8px;
  align-items: center;
  z-index: 3;
  font-size: 14px;
  font-style: normal;
  line-height: 24px;
  font-weight: 400;
  border-radius: 99px;
  background: #D5E5FF;
}

.new-cabinet-order-item .in a {
  display: inline-block;
  position: relative;
  padding: 9.1% 0 0;
  width: 11%;
  box-sizing: border-box;
  border: 12px solid #fff;
}

.new-cabinet-order-item .in[data-count]:after {
  content: "+" attr(data-count);
  position: absolute;
  color: #FFF;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  top: 50%;
  transform: translateY(-50%);
  right: 5%;
  display: inline-block;
  z-index: 10;
  border-radius: 100px;
  background: var(--text-primary, #151515);
  padding: 0 9px;
}

.new-cabinet-order-item .status {
  cursor: pointer;
  display: inline-block;
  padding: 4px 40px 4px 16px;
  position: relative;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  max-width: 297px;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #0E22D4;
  border-radius: 99px;
  background: #EFF2F7 url(../images/svg/info-blue.svg) no-repeat right 16px center;
}

.new-cabinet-order-item .status.small {
  border-radius: 8px;
  font-size: 12px;
  line-height: 16px;
  padding: 5px 29px 6px 8px;
  background-position: center right 8px;
}

.new-cabinet-order-item .status--blue {
  background: #D5E5FF url(../images/svg/info-blue.svg) no-repeat right 16px center;
  color: #0E22D4;
}

.new-cabinet-order-item .status--dark {
  background: #121E46 url(../images/svg/info-white.svg) no-repeat right 16px center;
  color: #fff;
}

.new-cabinet-order-item .status--disable {
  background: rgba(21, 21, 21, 0.08) url(../images/svg/info-gray.svg) no-repeat right 16px center;
  color: rgba(21, 21, 21, 0.3);
}

.new-cabinet-order-item .status--violet {
  background: #D6D5FF url(../images/svg/info-violet.svg) no-repeat right 16px center;
  color: #0E22D4;
}

.new-cabinet-order-item .status--pink {
  background: #F8D1DE url(../images/svg/info-gray.svg) no-repeat right 16px center;
  color: var(--text-primary, #151515);
}

.new-cabinet-order-item .status--white {
  color: #0E22D4;
  background: #fff url(../images/svg/info-gray.svg) no-repeat right 16px center;
}

.new-cabinet-order-item .status--gray {
  color: #121E46;
  background: #EFF2F7 url(../images/svg/info-gray.svg) no-repeat right 16px center;
}

.new-cabinet-order-item .status-warning {
  color: var(--orange-active, #DD8F00);
  background: #FFF8DE url(../images/svg/info-orange.svg) no-repeat right 16px center;
}

.new-cabinet-order-item .left {
  position: relative;
  z-index: 5;
  float: left;
  width: 300px;
  padding: 25px 0;
  margin: 0 7px 0 23px;
}

.new-cabinet-order-item .left .date {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  margin: 0 0 17px;
}

.new-cabinet-order-item .label {
  color: rgba(21, 21, 21, 0.5);
  font-size: 12px;
  margin: 0 0 3px;
  font-weight: 400;
  line-height: 16px;
}

.new-cabinet-order-item .item {
  border-bottom: 1px solid #EFF2F7;
  position: relative;
  z-index: 3;
  padding-right: 37px;
}

.new-cabinet-order-item .item:after {
  content: "";
  display: block;
  clear: both;
}

.new-cabinet-order-item .item.open-drop {
  z-index: 4;
}

.new-cabinet-order-item .bottom {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  padding: 24px 23px 24px;
}

.new-cabinet-order-item .btn {
  padding: 8px 24px;
  font-size: 14px;
  line-height: 24px;
}

.new-cabinet-order-item_list:last-child .item:last-child {
  border-bottom: none;
}

.cabinet-new-top_notification {
  margin: 49px 0 1px;
}

.cabinet-new-top_notification .btn-color {
  color: #FFF;
  text-align: center;
  font-size: 14px;
  padding: 7px 22px;
  font-weight: 600;
  border-radius: 100px;
  width: auto;
  height: auto;
  background: var(--icon-accent, #F29D00);
  border: 1px solid var(--icon-accent, #F29D00);
  line-height: 24px;
}

.cabinet-new-top_notification .btn-color:hover {
  background: var(--orange-active, #DD8F00);
  border-color: var(--orange-active, #DD8F00);
}

.cabinet-new-top_notification .btn-empty {
  border-radius: 100px;
  border: 1px solid #121E46;
  padding: 7px 24px;
  cursor: pointer;
  color: #121E46;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
}

.cabinet-new-top_notification .btn-empty:hover {
  border: 1px solid #0E22D4;
  color: #0E22D4;
}

.cabinet-new-top_notification .item {
  margin: 0 0 20px;
  display: flex;
  padding: 26px 24px;
  border-radius: 24px;
  overflow: hidden;
  align-items: center;
  gap: 24px;
  background: #EFF2F7;
}

.cabinet-new-top_notification .item:last-child {
  margin: 0;
}

.cabinet-new-top_notification .item--red {
  background: #F8D1DE;
}

.cabinet-new-top_notification .item--orange {
  background: #FFF8DE;
}

.cabinet-new-top_notification img,
.cabinet-new-top_notification svg {
  width: 68px;
  height: 68px;
  min-width: 68px;
}

.cabinet-new-top_notification .btn {
  white-space: nowrap;
}

.cabinet-new-top_notification p {
  color: var(--text-primary, #151515);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.cabinet-new-top_notification span {
  margin: -1px 0 2px;
  color: var(--text-primary, #151515);
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  display: block;
}

.cabinet-new-top_notification .text {
  flex-grow: 1;
  overflow: hidden;
}

.cabinet-new-top_notification .text a {
  color: #0E22D4;
}

.cabinet-new-top_notification .text a:hover {
  text-decoration: underline;
}

.cabinet-new-top_notification .btn-group {
  display: flex;
  gap: 24px;
}

.cabinet-new-top_notification .item--gray .btn-color,
.cabinet-new-top_notification .item--red .btn-color {
  background: #121E46;
  border: 1px solid #121E46;
}

.cabinet-new-top_notification .item--gray .btn-color:hover,
.cabinet-new-top_notification .item--red .btn-color:hover {
  background: var(--orange-active, #DD8F00);
  border-color: var(--orange-active, #DD8F00);
}

.status_drop {
  display: none;
  position: absolute;
  width: 384px;
  background: #FFF;
  box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.08);
  top: 100%;
  left: 0;
  border-radius: 16px;
}

.status_drop > ul {
  display: block;
  white-space: normal;
  color: var(--text-primary, #151515);
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  padding: 13px 16px 12px 52px;
}

.status_drop li span {
  color: rgba(21, 21, 21, 0.5);
  display: block;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}

.status_drop li:before,
.status_drop li:after {
  width: 2px;
  top: 0;
  left: -25px;
  bottom: 0;
  background: #B8CFFA;
  z-index: 5;
  content: "";
  position: absolute;
  display: inline-block;
}

.status_drop > ul > li:first-child:after {
  top: 50%;
}

.status_drop > ul > li:first-child i:before {
  display: none !important;
}

.status_drop > ul > li:last-child:after {
  bottom: 50%;
}

.status_drop > ul > li:not(.active):first-child:before,
.status_drop li:last-child:before {
  display: none !important;
}

.status_drop li {
  position: relative;
  z-index: 6;
  padding: 8px 0;
}

.status_drop i {
  position: absolute;
  left: -29px;
  width: 10px;
  border-radius: 100%;
  height: 10px;
  z-index: 6;
  background: #B8CFFA;
  content: "";
  display: inline-block;
  top: 50%;
  transform: translateY(-50%);
}

.status_drop .active:before {
  background: url(../images/svg/line.svg) no-repeat;
  width: 4px;
  height: 26px;
  top: 50%;
  bottom: auto;
  margin-left: -1px;
  z-index: 6;
  background-size: 100% 100%;
}

.status_drop .active:after {
  background: linear-gradient(to bottom, rgb(231, 237, 252) 50%, #B8CFFA 50%);
}

.status_drop .active i {
  background: #0E22D4;
  width: 20px;
  height: 20px;
  left: -34px;
}

.status_drop .active i:before {
  height: 26px;
  width: 4px;
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -2px;
  background: url(../images/line2.jpg) no-repeat;
}

.status_drop ul ul .active i {
  width: 8px;
  height: 8px;
  left: -28px;
}

.status_drop ul ul i {
  width: 6px;
  height: 6px;
  left: -27px;
}

.status_drop .prev span {
  color: rgba(21, 21, 21, 0.1);
}

.status_drop .title-after:after {
  position: absolute;
  top: -5px;
  background: rgb(231, 237, 252);
  width: 2px;
  content: "";
  bottom: -4px;
  left: -25px;
  z-index: 11;
}

.status_drop .prev {
  color: rgba(21, 21, 21, 0.2);
}

.status_drop .prev i,
.status_drop .prev:before,
.status_drop .prev:after {
  background: rgb(231, 237, 252);
}

.status_drop .delivery {
  padding: 4px 0 0;
}

.status_drop .title {
  padding: 11px 0 3px;
  color: var(--orange-active, #DD8F00);
  font-size: 12px;
  border-top: 1px solid rgba(21, 21, 21, 0.08);
  font-weight: 600;
  line-height: 16px;
  text-transform: uppercase;
}

.status_drop .title.title--color {
  color: rgba(221, 143, 0, 0.2);
  position: relative;
  border-top: 1px solid rgba(21, 21, 21, 0.02);
}

.status_drop .link {
  color: #121E46;
  font-size: 14px;
  display: block;
  margin: 4px 16px 11px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

.status_drop .link:hover {
  color: #0E22D4;
}

.status_drop .copy {
  margin: 0 17px 13px;
  cursor: pointer;
  color: var(--text-primary, #151515);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  position: relative;
  border-radius: 12px;
  background: #EFF2F7;
  padding: 10px 55px 10px 19px;
}

.status_drop .copy:after {
  content: "";
  width: 24px;
  height: 24px;
  top: 8px;
  right: 15px;
  background: url(../images/svg/copy.svg) no-repeat;
  position: absolute;
}

.status_drop .copy:hover {
  background: #B8CFFA;
}

.new-catalog-list--cabinet .new-catalog-list_sort_item {
  width: 16.666%;
}

.new-catalog-item .rating {
  border-radius: 8px;
  border: 1px solid rgba(21, 21, 21, 0.08);
  background: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(12px);
  padding: 3px 7px;
  position: absolute;
  bottom: 8px;
  left: 19px;
  z-index: 5;
}

.new-catalog-item .rating span {
  position: relative;
  width: 120px;
  display: block;
  height: 24px;
  background: url("../images/card/star-grey.svg") repeat-x left center;
  background-size: 24px;
}

.new-catalog-item .rating i {
  background: url("../images/card/star-gold.svg") repeat-x left center;
  background-size: 24px;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}

.new-catalog-item .status {
  position: absolute;
  bottom: 45px;
  left: 19px;
  color: var(--text-primary, #151515);
  text-align: center;
  font-size: 12px;
  font-style: normal;
  z-index: 5;
  font-weight: 600;
  line-height: 16px;
  border-radius: 4px;
  background: #D5E5FF;
  padding: 3px 8px;
}

.new-catalog-item--gray .name {
  margin: 0 11px 2px;
  height: 24px;
  -webkit-line-clamp: 1;
}

.new-catalog-item--gray .preview img {
  opacity: 0.5;
}

.new-catalog-item--gray .btn-gray {
  position: absolute;
  bottom: 12px;
  left: 24px;
  right: 24px;
  color: #121E46;
  text-align: center !important;
  font-size: 14px;
  height: auto !important;
  min-height: 1px !important;
  font-weight: 600;
  border: none !important;
  line-height: 24px;
  justify-content: center;
  display: flex;
  padding: 8px 16px;
}

.new-catalog-item--gray .btn-gray:hover {
  color: #0E22D4;
}

.new-catalog-list_in--size .new-catalog-item {
  width: 16.666%;
}

.cabinet-new-top_sort--style {
  margin: 0 0 -11px 0;
}

.cabinet-new-top_sort--style a.active:hover,
.cabinet-new-top_sort--style a.active {
  padding: 6px 16px;
  background: #121E46;
}

.small-crumbs li:after {
  content: "·";
  display: inline-block;
  margin: 0 7px;
}

.small-crumbs li:last-child:after {
  display: none;
}

.order-number {
  display: flex;
  align-items: center;
  color: var(--text-secondary, rgba(21, 21, 21, 0.5));
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  margin: -28px 0 0;
  gap: 8px;
  cursor: pointer;
}

.order-number:hover {
  color: var(--icon-accent, #DD8F00);
}

.order-number svg {
  opacity: 0.7;
  fill: currentColor;
}

.order-composition {
  padding: 35px 36px 28px;
  max-width: 1680px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  box-sizing: border-box;
  align-items: flex-start;
  display: flex;
  flex-direction: row-reverse;
}

.order-composition_right {
  width: 384px;
  min-width: 384px;
  overflow: hidden;
  margin: 0 0 0 24px;
  position: sticky;
  top: 110px;
  color: var(--text-primary, #151515);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  border-radius: 24px;
  border: 1px solid #EFF2F7;
}

.order-composition_right .gray {
  color: var(--text-secondary, rgba(21, 21, 21, 0.5));
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.order-composition_right .gray td {
  padding-top: 0;
  padding-bottom: 0;
}

.order-composition_right .toggle {
  display: flex;
  align-items: center;
}

.order-composition_right th {
  padding: 4px;
  text-align: left;
  color: var(--text-primary, #151515);
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.order-composition_right th:last-child {
  text-align: right;
}

.order-composition_right td {
  padding: 9px 4px 0;
  text-align: left;
}

.order-composition_right td:last-child {
  text-align: right;
}

.order-composition_right td[colspan="2"] {
  padding: 0;
  display: none !important;
}

.order-composition_right .toggle {
  cursor: pointer;
}

.order-composition_right .toggle:hover {
  color: var(--icon-accent, #F29D00);
}

.order-composition_right .toggle:hover svg {
  fill: var(--icon-accent, #F29D00);
}

.order-composition_right .toggle.open svg {
  transform: scale(-1);
}

.order-composition_right .open td[colspan="2"] {
  display: table-cell !important;
}

.order-composition_right svg {
  display: block;
  min-width: 24px;
  fill: rgba(21, 21, 21, 0.3);
}

.order-composition_right table {
  width: 100%;
}

.order-composition_right table .red {
  color: var(--text-error, #EC4651);
}

.order-composition_right .btn {
  margin: 23px 0 0;
  display: block;
  font-size: 16px;
  padding: 12px 10px;
}

.order-composition_right small {
  text-decoration: line-through;
  color: var(--text-primary-disabled, rgba(21, 21, 21, 0.5));
  text-align: right;
  font-size: 12px;
  display: block;
  font-weight: 400;
  line-height: 16px;
  /* 133.333% */
}

.order-composition_right_bg {
  padding: 20px 20px 25px;
  background: var(--element-bg-light, #F8FAFF);
  border-top: 1px solid var(--border-secondary, #EFF2F7);
}

.order-composition_right_bg:first-child {
  border-top: none;
}

.order-composition_in {
  overflow: hidden;
  flex-grow: 1;
  border-radius: 24px;
  border: 1px solid #EFF2F7;
}

.order-composition_right_events {
  padding: 28px 24px 14px;
}

.order-composition_right_events .red {
  color: var(--text-error, #EC4651);
  background: none;
}

.order-composition_right_events .red:hover {
  color: var(--text-error, #EC4651);
  text-decoration: underline;
}

.order-composition_right_events .red:before,
.order-composition_right_events .red:after {
  display: none !important;
}

.order-composition_right_events a {
  margin: 0 0 15px;
  color: var(--text-elements, #121E46);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  position: relative;
  padding: 0 20px 0 0;
  display: block;
}

.order-composition_right_events a:before,
.order-composition_right_events a:after {
  content: "";
  position: absolute;
  top: 50%;
  width: 16px;
  height: 16px;
  right: 0;
  transform: translateY(-50%);
  background: url(../images/svg/arr-right-text-element.svg) no-repeat;
}

.order-composition_right_events a:after {
  background: url(../images/svg/arr-right-orange.svg) no-repeat;
  opacity: 0;
  z-index: 2;
}

.order-composition_right_events a:hover {
  color: var(--icon-accent, #F29D00);
}

.order-composition_right_events a:hover:after {
  opacity: 1;
}

.order-composition_top {
  display: flex;
  background: var(--element-bg-light, #F8FAFF);
  padding: 24px 24px 22px;
  gap: 24px;
  color: var(--text-primary, #151515);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

.order-composition_top .item {
  flex: 1;
  display: flex;
}

.order-composition_top .name {
  margin: 0 0 4px;
  font-size: 16px;
  gap: 8px;
  display: flex;
  align-items: center;
  font-weight: 600;
}

.order-composition_top .icon {
  color: #151515;
  opacity: 0.3;
  min-width: 24px;
  margin: 0 7px 0 0;
}

.order-composition_top div {
  overflow: hidden;
}

.order-composition_top svg {
  min-width: 24px;
  fill: currentColor;
}

.order-composition_top a:hover {
  color: var(--icon-accent, #DD8F00);
}

.order-composition_item {
  border-top: 1px solid #EFF2F7;
}

.order-composition_item .question {
  color: var(--text-elements, #121E46);
  font-size: 14px;
  font-weight: 400;
  box-shadow: none;
  border-radius: 0;
  margin: 0;
  line-height: 24px;
  display: inline-block;
  padding: 0 24px 0 0;
  cursor: pointer;
  position: relative;
}

.order-composition_item .question:hover {
  color: var(--text-elements-hover, #0E22D4);
}

.order-composition_item .question:hover:after {
  opacity: 1;
}

.order-composition_item .question:before,
.order-composition_item .question:after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url("../images/svg/arr-small-right.svg") no-repeat center;
}

.order-composition_item .question:after {
  z-index: 2;
  opacity: 0;
  background: url("../images/svg/arr-color-blue.svg") no-repeat center;
  background-size: contain;
}

.order-composition_item .question--order {
  display: none;
}

.order-composition_item .top {
  border-top: 1px solid var(--border-secondary, #EFF2F7);
  align-items: flex-start;
  display: flex;
  padding: 25px 21px 12px 22px;
  gap: 16px;
}

.order-composition_item .status-label {
  margin-left: auto;
}

.order-composition_item .flag {
  min-width: 34px;
  width: 34px;
}

.order-composition_item .flag img,
.order-composition_item .flag svg {
  width: 100%;
  height: auto;
  border-radius: 3px;
  display: block;
}

.order-composition_item .info {
  color: var(--text-secondary, rgba(21, 21, 21, 0.5));
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.order-composition_item .info strong {
  padding-right: 10px;
  font-weight: 400;
  color: var(--text-primary, #151515);
}

.order-composition_item .info strong:last-child {
  padding-right: 0;
}

.order-composition_item .info .btn {
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  line-height: 16px;
  padding: 4px 8px;
  border: none;
}

.order-composition_item .date {
  color: var(--text-primary, #151515);
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
  display: block;
  margin: 0 0 4px;
}

.order-composition_item .date span.first:before {
  display: none !important;
}

.order-composition_item .bottom {
  display: flex;
  color: var(--text-secondary, rgba(21, 21, 21, 0.5));
  align-items: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  justify-content: space-between;
  padding: 0 24px 23px;
  line-height: 20px;
}

.order-composition_item .bottom .last-cash {
  color: var(--text-secondary, rgba(21, 21, 21, 0.5));
  text-decoration-line: line-through;
}

.order-composition_item .bottom .dark-cash {
  color: var(--text-primary, #151515);
}

.order-composition_item .right {
  color: var(--text-primary, #151515);
  white-space: nowrap;
}

.order-composition_item small {
  color: var(--text-elements, #121E46);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
}

.status-label {
  cursor: pointer;
  display: inline-block;
  padding: 4px 40px 4px 16px;
  position: relative;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  max-width: 297px;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #0E22D4;
  border-radius: 99px;
  background: #EFF2F7 url(../images/svg/info-blue.svg) no-repeat right 16px center;
}

.status-label.small {
  border-radius: 8px;
  font-size: 12px;
  line-height: 16px;
  padding: 5px 29px 6px 8px;
  background-position: center right 8px;
}

.status-label.status--blue {
  background: #D5E5FF url(../images/svg/info-blue.svg) no-repeat right 16px center;
  color: #0E22D4;
}

.status-label.status--dark {
  background: #121E46 url(../images/svg/info-white.svg) no-repeat right 16px center;
  color: #fff;
}

.status-label.status--disable {
  background: rgba(21, 21, 21, 0.08) url(../images/svg/info-gray.svg) no-repeat right 16px center;
  color: rgba(21, 21, 21, 0.3);
}

.status-label.status--violet {
  background: #D6D5FF url(../images/svg/info-violet.svg) no-repeat right 16px center;
  color: #0E22D4;
}

.status-label.status--pink {
  background: #F8D1DE url(../images/svg/info-gray.svg) no-repeat right 16px center;
  color: var(--text-primary, #151515);
}

.status-label.status--white {
  color: #0E22D4;
  background: #fff url(../images/svg/info-gray.svg) no-repeat right 16px center;
}

.status-label.status--gray {
  color: #121E46;
  background: #EFF2F7 url(../images/svg/info-gray.svg) no-repeat right 16px center;
}

.status-label.status-warning {
  color: var(--orange-active, #DD8F00);
  background: #FFF8DE url(../images/svg/info-orange.svg) no-repeat right 16px center;
}

.order-composition_item_list {
  padding: 0 0 12px;
}

.order-composition_item_list .item {
  display: flex;
  align-items: center;
  padding: 0 22px 0 24px;
}

.order-composition_item_list .product {
  flex: 1;
  overflow: hidden;
  display: flex;
  align-items: center;
  padding: 12px 24px 12px 0;
  font-size: 14px;
  line-height: 20px;
}

.order-composition_item_list .product span {
  overflow: hidden;
}

.order-composition_item_list .product:hover img {
  opacity: 0.5;
}

.order-composition_item_list .product:hover .name {
  color: var(--icon-accent, #F29D00);
}

.order-composition_item_list .preview {
  width: 80px;
  height: 80px;
  margin: 0 15px 0 0;
  min-width: 80px;
  overflow: visible !important;
  position: relative;
}

.order-composition_item_list .preview .count {
  position: absolute;
  top: 100%;
  left: 100%;
  border-radius: 100px;
  background: var(--icon-bg-dark, #D5E5FF);
  min-width: 36px;
  box-sizing: border-box;
  text-align: center;
  color: var(--text-primary, #151515);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin: 5px -5px -5px 5px;
  padding: 0 10px;
  height: 24px;
  transform: translate(-100%, -100%);
}

.order-composition_item_list .cash {
  margin: 0 0 4px;
  color: var(--text-primary, #151515);
  font-weight: 600;
  display: block;
}

.order-composition_item_list .gray {
  color: var(--text-secondary, rgba(21, 21, 21, 0.5));
}

.order-composition_item_list .name {
  overflow: hidden;
  color: var(--text-primary, #151515);
  text-overflow: ellipsis;
  font-style: normal;
  display: block;
  white-space: nowrap;
  font-weight: 400;
}

.order-composition_item_list .params {
  padding: 3px 0 0;
  overflow: hidden;
  color: var(--text-secondary, rgba(21, 21, 21, 0.5));
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  display: block;
}

.order-composition_item_list .like {
  border-radius: 24px;
  margin: 0 0 0 16px;
  background: #EFF2F7;
  padding: 8px 16px;
}

.order-composition_item_list .like:hover {
  background: var(--icon-bg-dark, #D5E5FF);
}

.order-composition_item_list .like:hover i:before {
  opacity: 1;
}

.order-composition_item_list .like.active i:before {
  display: none;
}

.order-composition_item_list .like.active i:after {
  opacity: 1;
}

.order-composition_item_list .like i {
  width: 24px;
  height: 24px;
  position: relative;
  background: url(../images/svg/like.svg) no-repeat center;
  display: block;
}

.order-composition_item_list .like i:before,
.order-composition_item_list .like i:after {
  opacity: 0;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../images/svg/like-active.svg) no-repeat center;
}

.order-composition_item_list .like i:before {
  background: url(../images/svg/like-hover.svg) no-repeat center;
}

.order-composition_item_list .btn {
  margin: 0 0 0 16px;
  width: 119px;
  text-align: center;
  box-sizing: border-box;
}

.order-composition_item_list .bonus {
  background: url(../../images/svg/diamond.svg) no-repeat left 4px center;
  background-size: 16px;
  padding: 0 0 0 24px;
  color: var(--text-bonuses, #0E22D4);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}

.order-composition_item_list .disabled .cash .gray,
.order-composition_item_list .disabled .cash,
.order-composition_item_list .disabled .params,
.order-composition_item_list .disabled .name,
.order-composition_item_list .disabled .product {
  color: var(--text-primary-disabled, rgba(21, 21, 21, 0.3)) !important;
}

.order-composition_item_list .disabled img {
  opacity: 0.5;
}

.order-composition_item_list img {
  border-radius: 8px;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.order-composition_right_buttons {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  padding: 24px;
  border-bottom: 1px solid var(--border-secondary, #EFF2F7);
}

.order-composition_right_buttons .btn {
  flex: 1;
  width: auto;
  margin: 0;
  font-size: 14px;
  padding: 8px 4px;
}

.order-composition_right_buttons .btn-orange {
  flex: 100% 1 1;
}

.cabinet-new-top_notification:empty {
  display: none;
}

.cabinet-new-top_notification .item {
  position: relative;
  overflow: visible;
}

.cabinet-new-top_notification .close {
  position: absolute;
  top: -8px;
  right: -8px;
  padding: 4px 12px;
  color: var(--text-elements, #121E46);
  box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.08);
  border-radius: 24px;
  box-sizing: border-box;
  background: #EFF2F7;
}

.cabinet-new-top_notification .close:hover {
  color: #0E22D4;
  background: var(--icon-bg-dark, #D5E5FF);
}

.cabinet-new-top_notification .close svg {
  fill: currentColor;
  display: block !important;
  min-width: 24px;
  width: 24px;
  height: 24px;
}

.catalog-top .subtitle {
  color: var(--text-primary, #151515);
  font-size: 28px;
  font-style: normal;
  font-weight: 600;
  line-height: 36px;
}

.catalog-top .subtitle span {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.group-similar {
  display: flex;
  align-items: flex-start;
  overflow: hidden;
  justify-content: space-between;
  color: var(--text-secondary, rgba(21, 21, 21, 0.5));
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
}

.group-similar p {
  margin: -37px 0 49px;
}

.group-similar .subtitle {
  margin: -37px 0 49px;
}

.similar-products-top--new {
  width: 40%;
  max-width: 520px;
  margin: 19px 0 0 20px;
}

.similar-products-top--new a {
  box-sizing: border-box;
  padding: 8px;
  border-radius: 12px;
  border: 1px solid rgba(21, 21, 21, 0.08);
  width: 100%;
  display: flex;
  gap: 16px;
  align-items: flex-start;
  justify-content: flex-start;
}

.similar-products-top--new .preview {
  display: block;
  background: rgba(255, 255, 255, 0.5);
  width: 68px;
  min-width: 68px;
  height: 68px;
  overflow: hidden;
  border-radius: 6px;
}

.similar-products-top--new .status {
  display: inline-block;
  border-radius: 4px;
  color: var(--text-primary, #151515);
  text-align: center;
  font-size: 12px;
  font-style: normal;
  padding: 2px 8px 4px;
  font-weight: 600;
  margin: 0 0 3px;
  line-height: 16px;
  background: #D5E5FF;
}

.similar-products-top--new .name {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  overflow: hidden;
  color: var(--text-primary, #151515);
  text-overflow: ellipsis;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

.similar-products-top--new img {
  width: 100%;
  display: block;
  height: 100%;
  opacity: 0.5;
  object-fit: contain;
}

.new-cabinet-order-item_cards {
  display: flex;
  flex-wrap: wrap;
  padding: 23px 22px 24px;
  gap: 20px;
  border-bottom: 1px solid var(--border-secondary, #EFF2F7);
}

.new-cabinet-order-item_cards span {
  width: 180px;
  height: 112px;
  border-radius: 5px;
  display: block;
}

.new-cabinet-order-item_cards img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.card-info {
  padding: 24px;
}

.card-info.disabled {
  opacity: 0.5;
}

.card-info_item {
  display: flex;
  gap: 16px;
  align-items: center;
}

.card-info_item .preview {
  width: 129px;
  min-width: 129px;
  height: 80px;
}

.card-info_item img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 8px;
}

.card-info_item .in {
  overflow: hidden;
  color: var(--text-primary, #151515);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

.card-info_item .name {
  font-weight: 600;
}

.page-top {
  max-width: 1680px;
  box-sizing: border-box;
  width: 100%;
  margin: 0 auto;
  padding: 28px 36px 1px;
  overflow: hidden;
  position: relative;
  background: #fff;
}

.page-top h1 {
  font: 700 40px/52px "Mulish", sans-serif;
  color: var(--text-primary, #151515);
  margin: 0 0 39px;
}

.page-top h1 span {
  color: var(--text-primary, #151515);
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.text-page {
  max-width: 1680px;
  box-sizing: border-box;
  width: 100%;
  margin: 0 auto;
  padding: 10px 36px;
  background: #fff;
}

.info-page .info-page-left--new {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 50px;
}

.info-page .info-page-left--new .info-page-menu {
  border-radius: 20px;
  overflow: hidden;
  border: none;
  padding: 8px 0px 8px 8px;
  background: #EFF2F7;
}

.info-page .info-page-left--new .info-page-menu .current > .name,
.info-page .info-page-left--new .info-page-menu .active > .name {
  background: #F8FAFF !important;
  color: var(--text-primary, #151515) !important;
}

.info-page .info-page-left--new .info-page-menu .name {
  font: normal 400 14px/20px "Mulish", sans-serif;
  border-radius: 12px;
  color: var(--text-primary, #151515);
  padding: 8px 16px 8px 20px;
  min-height: 40px;
  gap: 5px;
  display: flex;
  box-sizing: border-box;
  justify-content: space-between;
  align-items: center;
}

.info-page .info-page-left--new .info-page-menu .name:hover {
  background: var(--bg-primary-hover, #B8CFFA);
}

.info-page .info-page-left--new .info-page-menu .name svg {
  min-width: 24px;
}

.info-page .info-page-left--new .info-page-menu .is-open .arr {
  transform: scale(-1);
}

.info-page .info-page-left--new .info-page-menu .is-open > .name {
  background: #F8FAFF;
}

.info-page .info-page-left--new .info-page-menu .arr {
  margin: -10px;
  border: 10px solid transparent;
  position: static !important;
}

.info-page .info-page-left--new .info-page-menu .arr svg {
  display: block;
}

.info-page .info-page-left--new .info-page-menu li {
  margin: 0 0 24px;
}

.info-page .info-page-left--new .info-page-menu li a {
  padding: 0 10px 0 28px;
  color: var(--text-primary, #151515);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.info-page .info-page-left--new .info-page-menu li a:hover {
  background: none;
  color: var(--text-primary-hover, #F29D00);
}

.info-page .info-page-left--new .info-page-menu li.active a {
  color: var(--text-secondary, rgba(21, 21, 21, 0.5));
}

.info-page-left.info-page-left--new {
  width: 384px;
  min-width: 384px;
  max-width: 384px;
  display: block;
  margin: 0;
}

.info-page-left.info-page-left--new.only-mobile {
  display: none;
}

.info-page-left.info-page-left--new .item {
  margin: 0 0 6px;
}

.info-page-left.info-page-left--new .item:last-child {
  margin-bottom: 0;
}

.info-page-left.info-page-left--new ul {
  padding: 16px 0 0;
}

.info-page_wrap {
  position: sticky;
  border-radius: 12px;
  overflow: hidden;
  top: 130px;
}

.info-page-left_nav {
  max-height: calc(100vh - 160px);
  overflow: auto;
  padding-right: 8px;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.info-page-left_nav::-webkit-scrollbar {
  display: none;
}

.info-page-right {
  width: 100%;
  margin-left: 25px;
}

.info-page-right h1,
.info-page-right .big-title {
  color: var(--text-primary, #151515);
  font-size: 28px;
  font-style: normal;
  font-weight: 600;
  line-height: 36px;
  margin: 0 0 28px;
}

.info-page-right .group {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 24px;
}

.info-page-right .group-item {
  border-radius: var(--l, 24px);
  border: 1px solid var(--border-tetriary-2, rgba(21, 21, 21, 0.08));
  padding: 24px 23px 18px 21px;
}

.info-page-right .group-item .title {
  margin: 0 0 16px;
  text-decoration: none !important;
  color: var(--text-primary, #151515);
  font-size: 20px;
  font-style: normal;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 600;
  line-height: 28px;
}

.info-page-right .group-item .title:hover {
  color: var(--icon-accent, #F29D00);
}

.info-page-right .group-item .title:hover svg {
  opacity: 1;
}

.info-page-right .group-item .title svg {
  min-width: 32px;
  opacity: 0.3;
  fill: currentColor;
}

.info-page-right .group-item li {
  padding: 0;
  margin: 0 0 8px;
}

.info-page-right .group-item a {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: var(--text-elements, #121E46);
}

.info-page-right .group-item a:hover {
  color: var(--text-link-active, #0E22D4);
}

.info-page-right .group-item ul {
  list-style: none;
  margin: 0;
}

.info-page-right .accordion .drop {
  padding: 4px 0 0;
  display: none;
  color: var(--text-secondary, rgba(21, 21, 21, 0.5));
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}

.info-page-right .accordion p:last-child {
  margin-bottom: 0;
}

.info-page-right .accordion i {
  background: url(../images/svg/arr2.svg) no-repeat;
  width: 24px;
  height: 24px;
  position: relative;
  opacity: 0.3;
}

.info-page-right .accordion i:before,
.info-page-right .accordion i:after {
  content: "";
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../images/svg/arr-search-blue.svg) no-repeat;
}

.info-page-right .accordion i:before {
  background: url(../images/svg/arr-down-orange.svg) no-repeat;
}

.info-page-right .accordion ul {
  font-size: inherit;
  margin: 0 0 8px;
  color: inherit;
  font-weight: inherit;
}

.info-page-right .accordion .active .accordion-title:hover,
.info-page-right .accordion .active .accordion-title {
  color: var(--text-link-active, #0E22D4);
}

.info-page-right .accordion .active .accordion-title:hover i,
.info-page-right .accordion .active .accordion-title i {
  transform: scale(-1);
  opacity: 1;
}

.info-page-right .accordion .active .accordion-title:hover i:after,
.info-page-right .accordion .active .accordion-title i:after {
  opacity: 1;
  z-index: 5;
}

.info-page-right .accordion .accordion-title {
  color: var(--text-primary, #151515);
  gap: 10px;
  padding: 12px 0 0;
  font-size: 14px;
  font-weight: 400;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  line-height: 20px;
}

.info-page-right .accordion .accordion-title:hover {
  color: var(--icon-accent, #F29D00);
}

.info-page-right .accordion .accordion-title:hover i {
  opacity: 1;
}

.info-page-right .accordion .accordion-title:hover i:before {
  opacity: 1;
}

.info-page-right .accordion .accordion-item {
  padding: 0 0 12px;
  border-bottom: 1px solid var(--border-tetriary-2, rgba(21, 21, 21, 0.08));
}

.info-page-right .accordion .accordion-item:last-child {
  border-bottom: none;
}

.info-page-right .accordion ol {
  color: inherit;
  list-style: decimal;
  margin: 0 0 15px 13px;
}

.info-page-right .cabinet-new-top_notification {
  margin-top: 0;
}

.info-page-right .cabinet-new-top_notification .item {
  padding: 16px 24px;
}

.info-page-right .cabinet-new-top_notification p {
  margin: 0;
}

.info-page-right .cabinet-new-top_notification a {
  color: #fff;
  border: none;
  font: 600 14px/24px "Mulish", sans-serif;
  border-radius: 100px;
  display: inline-block;
  text-align: center;
  padding: 7px 15px;
  text-decoration: none !important;
}

.info-page-right_item {
  padding: 25px 24px 24px 29px;
  border-radius: 24px;
  border: 1px solid rgba(21, 21, 21, 0.08);
  color: var(--text-primary, #151515);
  font-size: 14px;
  margin: 0 0 23px;
  font-weight: 400;
  line-height: 20px;
}

.info-page-right_item:last-child {
  margin-bottom: 0;
}

.info-page-right_item p {
  font-size: inherit;
  margin: 0 0 8px;
  line-height: inherit;
  color: inherit;
  font-weight: inherit;
}

.info-page-right_item h2 {
  color: var(--text-primary, #151515);
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  margin: 0 0 18px;
}

.info-page-right_item h3 {
  color: var(--text-primary, #151515);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  margin: 8px 0 0;
  line-height: 24px;
}

.info-page-right_item ul {
  list-style: disc;
  color: var(--text-primary, #151515);
  font-size: 14px;
  padding: 4px 0 0;
  font-weight: 400;
  margin: 0 0 12px 14px;
  line-height: 20px;
}

.info-page-right_item ul li {
  margin: 0;
}

.info-page-right_item a {
  font-weight: 400;
  font-size: inherit;
  line-height: inherit;
  color: var(--orange-active, #DD8F00);
}

.info-page-right_item a:hover {
  color: #F29D00;
}

.info-page-right_item li {
  padding: 0;
  margin: 0 0 10px;
}

.info-page-right_item li:last-child {
  margin-bottom: 0;
}

.info-page-right_item ol ol {
  padding: 12px 0 0 25px;
}

.info-page-right_item ol ol li {
  margin: 0 0 8px;
}

.info-page-left_tab-name {
  border-radius: 8px;
  background: var(--bg-primary, #EFF2F7);
  z-index: 10;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.05);
  padding: 8px 45px 8px 20px;
  display: none;
  position: absolute;
  bottom: 16px;
  left: 24px;
  right: 24px;
  width: auto !important;
  color: #151515;
  font-size: 14px;
  font-weight: 500;
  opacity: 1 !important;
  line-height: 24px;
  background: var(--bg-primary, #EFF2F7) url(../images/svg/arr2.svg) no-repeat right 22px center;
}

.info-page-left_tab-name:after {
  content: "";
  width: 18px;
  height: 18px;
  background: url(../images/svg/close-gray.svg) no-repeat center;
  position: absolute;
  right: 18px;
  background-size: contain;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0;
}

.info-page-left_tab-name.active {
  background: var(--element-bg-light, #F8FAFF);
}

.info-page-left_tab-name.active:after {
  opacity: 0.9;
}

.loader {
  width: 40px;
  height: 40px;
  margin: 0 auto;
  display: block;
}

.info-page-right--list ol ol,
.info-page-right--list ol {
  font-size: inherit;
  font-weight: inherit;
  margin-left: 0;
  line-height: inherit;
}

.info-page-right--list ol ol > li::before,
.info-page-right--list ol > li::before {
  display: none !important;
}

.info-page-right--list ol ol li,
.info-page-right--list ol li {
  padding: 0;
}

.page-top .text {
  float: right;
  max-width: 520px;
  min-width: 520px;
  color: var(--text-primary, #151515);
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  margin: 0 0 39px 20px;
}

.page-top_row {
  justify-content: space-between;
  display: flex;
  align-items: center;
}

.masthead-about {
  max-width: 1680px;
  box-sizing: border-box;
  width: 100%;
  margin: 0 auto;
  padding: 10px 36px;
}

.masthead-about .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.masthead-about .info {
  color: var(--text-primary, #151515);
  font-size: 14px;
  font-weight: 400;
  display: inline-block;
  line-height: 20px;
  min-width: 300px;
  border-radius: 12px;
  background: var(--bg-secondary, rgba(255, 255, 255, 0.3));
  backdrop-filter: blur(12px);
  padding: 8px 24px;
}

.masthead-about .info .item {
  display: flex;
  white-space: nowrap;
  border-top: 1px solid rgba(255, 255, 255, 0.6);
  padding: 12px 0;
  align-items: center;
}

.masthead-about .info .item:first-child {
  border-top: none;
}

.masthead-about .info .item span {
  min-width: 110px;
  margin: 0 20px 0 0;
  color: var(--text-elements, #121E46);
  font-size: 28px;
  font-weight: 600;
  line-height: 36px;
  /* 128.571% */
}

.masthead-about .info p {
  margin: 0;
}

.masthead-about_in {
  overflow: hidden;
  position: relative;
  border-radius: 24px;
  padding: 249px 0 32px 32px;
}

.about-info {
  max-width: 1680px;
  box-sizing: border-box;
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  padding: 39px 36px 13px;
}

.about-nav {
  max-width: 1680px;
  box-sizing: border-box;
  width: 100%;
  margin: 0 auto;
  padding: 10px 36px 28px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 24px;
}

.about-nav a {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--text-elements, #121E46);
  text-align: center;
  font-size: 16px;
  gap: 8px;
  height: 100px;
  box-sizing: border-box;
  font-style: normal;
  padding: 8px 16px;
  border-radius: 12px;
  background: var(--element-bg, #EFF2F7);
  font-weight: 600;
  line-height: 24px;
}

.about-nav a:hover {
  color: var(--text-link-active, #0E22D4);
}

.about-nav svg {
  min-width: 24px;
  fill: currentColor;
}

.about-pick-up-points {
  max-width: 1680px;
  box-sizing: border-box;
  width: 100%;
  margin: 0 auto;
  padding: 10px 36px;
  display: flex;
  align-items: flex-start;
}

.about-pick-up-points.focus-field .form-item .drop {
  display: block;
}

.about-pick-up-points_map {
  position: sticky;
  top: 110px;
  background: #fff;
  right: 0;
  height: calc(100vh - 120px);
  flex-grow: 1;
  overflow: hidden;
  border-radius: 24px;
}

.about-pick-up-points_map iframe {
  height: 100%;
  width: 100%;
}

.about-pick-up-points_map .top {
  display: none;
  position: absolute;
  text-align: center;
  padding: 11px;
  border-bottom: 1px solid var(--border-tetriary-2, rgba(21, 21, 21, 0.08));
  background: #FFF;
  z-index: 5;
  top: 0;
  left: 0;
  width: 100%;
  color: var(--text-primary, #151515);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

.about-pick-up-points_map .link {
  color: var(--text-elements, #121E46);
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  position: absolute;
  right: 16px;
  top: 14px;
}

.about-pick-up-points_map .back {
  position: absolute;
  top: 8px;
  left: 16px;
  border-radius: 16px;
  background: var(--icon-bg, #EFF2F7);
  padding: 4px 12px;
}

.about-pick-up-points_map .back svg {
  display: block;
}

.about-pick-up-points_left {
  min-width: 384px;
  width: 384px;
  margin: 0 20px 0 0;
}

.about-pick-up-points_left .mobile-top {
  display: none;
  color: var(--text-primary, #151515);
  font-size: 20px;
  font-style: normal;
  padding: 0 0 22px;
  font-weight: 600;
  line-height: 24px;
  justify-content: space-between;
  align-items: center;
}

.about-pick-up-points_left .mobile-top i {
  border: 1px solid var(--border-tetriary-2, rgba(21, 21, 21, 0.08));
  width: 48px;
  height: 32px;
  border-radius: 100px;
  background: #fff url(../images/svg/close-dark.svg) no-repeat center;
  background-size: 20px;
}

.about-pick-up-points_left .form-item {
  position: relative;
  margin: 0 0 10px;
  z-index: 10;
}

.about-pick-up-points_left .form-item label {
  font: 400 14px/24px "Mulish", sans-serif;
  color: var(--text-secondary, rgba(21, 21, 21, 0.5));
  position: absolute;
  top: 11px;
  left: 16px;
}

.about-pick-up-points_left .form-item .drop {
  position: absolute;
  margin: 10px 0 0;
  top: 100%;
  left: 0;
  width: 100%;
  border-radius: var(--s, 12px);
  background: var(--bg-contrast, #FFF);
  box-shadow: 0px 4px 28px 0px rgba(0, 0, 0, 0.12);
}

.about-pick-up-points_left .form-item ul {
  padding: 4px;
  max-height: 180px;
  overflow: auto;
}

.about-pick-up-points_left .form-item li {
  border-radius: 12px;
  padding: 8px 12px;
  color: var(--text-primary, #151515);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.about-pick-up-points_left .form-item li:hover {
  background: var(--element-bg, #EFF2F7);
}

.about-pick-up-points_left .line {
  height: 1px;
  background: var(--border-tetriary-2, rgba(21, 21, 21, 0.08));
}

.about-pick-up-points_left .drop {
  display: none;
}

.about-pick-up-points_left input {
  font: normal 400 14px/24px "Mulish", sans-serif;
  border-radius: var(--s, 12px);
  background: var(--element-bg-light, #F8FAFF);
  color: var(--text-primary, #151515);
  border: 1px solid var(--element-bg-light, #F8FAFF);
  padding: 23px 15px 4px;
  width: 100%;
  display: block;
  box-sizing: border-box;
  height: 48px;
}

.about-pick-up-points_left input:hover {
  border: 1px solid var(--border-dark-hover, #0E22D4);
  background: var(--element-bg-light, #F8FAFF);
}

.about-pick-up-points_left input:focus {
  border: 1px solid var(--border-dark, #121E46);
}

.about-pick-up-points_left input:focus + label {
  font-size: 12px;
  line-height: 16px;
  top: 6px;
}

.about-pick-up-points_left .clear {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  color: var(--text-primary, #151515);
  opacity: 0;
  cursor: pointer;
  visibility: hidden;
  right: 16px;
}

.about-pick-up-points_left .clear:hover {
  color: var(--icon-accent, #F29D00);
  opacity: 1 !important;
}

.about-pick-up-points_left .clear svg {
  fill: currentColor;
  display: block;
}

.about-pick-up-points_left .has-text label {
  font-size: 12px;
  line-height: 16px;
  top: 6px;
}

.about-pick-up-points_left .has-text .clear {
  opacity: 0.3;
  visibility: visible;
}

.about-pick-up-points_left .delivery-list {
  padding: 10px 0;
  color: var(--text-primary, #151515);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  margin: 0 0 14px;
}

.about-pick-up-points_left .delivery-list p {
  margin: 0 0 12px;
}

.about-pick-up-points_left .delivery-list span {
  font: 400 14px/20px "Mulish", sans-serif;
  color: var(--text-primary, #151515);
  border-radius: 100px;
  background: var(--bg-primary, #EFF2F7);
  cursor: pointer;
  padding: 4px 16px 4px 4px;
  display: flex;
  gap: 8px;
  align-items: center;
}

.about-pick-up-points_left .delivery-list span:hover {
  background: var(--bg-primary-hover, #B8CFFA);
}

.about-pick-up-points_left .delivery-list span:hover i {
  background: var(--icon-bg, #EFF2F7);
}

.about-pick-up-points_left .delivery-list i {
  padding: 4px;
  border-radius: 24px;
  background: #FFF;
  box-sizing: border-box;
  width: 44px;
  height: 28px;
  align-items: center;
  justify-content: center;
  display: flex;
}

.about-pick-up-points_left .delivery-list img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}

.about-pick-up-points_left .delivery-list .row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.about-pick-up-points_left .delivery-list label {
  position: relative;
  display: block;
}

.about-pick-up-points_left .delivery-list input {
  position: absolute;
  bottom: 100%;
  opacity: 0;
  visibility: hidden;
  width: 0;
  height: 0;
  right: 100%;
}

.about-pick-up-points_left .delivery-list input:checked + span {
  background: var(--bg-primary-dark, #121E46) url(../images/svg/close-white.svg) no-repeat right 15px center;
  color: #fff;
  padding: 4px 40px 4px 4px;
}

.about-pick-up-points_left .delivery-list input:checked i {
  background: var(--icon-bg, #EFF2F7);
}

.about-pick-up-points_left .tab-nav {
  display: none;
  color: var(--text-primary, #151515);
  font-size: 16px;
  font-weight: 600;
  padding: 10px 0;
  line-height: 20px;
}

.about-pick-up-points_left .tab-nav svg {
  fill: currentColor;
}

.about-pick-up-points_left .tab-nav img {
  display: none;
  width: 100%;
  margin: 10px 0 2px;
  height: auto;
  border-radius: 16px;
}

.about-pick-up-points_left .toggle-view {
  display: flex;
  align-items: center;
  color: var(--text-elements, #121E46);
  font-size: 14px;
  gap: 8px;
  padding: 16px 0 6px;
  font-weight: 600;
  line-height: 20px;
}

.about-pick-up-points_left .btn-orange {
  font-size: 16px;
  padding: 12px;
  margin: 0 0 27px;
  line-height: 24px;
  width: 100%;
}

.get-loc {
  display: flex;
  cursor: pointer;
  margin: 0 0 10px;
  padding: 12px 0;
  align-items: center;
  color: var(--text-elements, #121E46);
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  gap: 10px;
}

.get-loc:hover {
  color: var(--icon-accent, #F29D00);
}

.get-loc svg {
  min-width: 24px;
  fill: currentColor;
}

.about-pick-up-points_list .back {
  display: flex;
  align-items: center;
  color: var(--text-elements, #121E46);
  font-size: var(--size-200, 14px);
  cursor: pointer;
  font-style: normal;
  gap: 8px;
  margin: 0 0 10px;
  font-weight: 600;
  line-height: var(--lineheight-200, 24px);
}

.about-pick-up-points_list .back:last-child {
  margin-bottom: 0;
}

.about-pick-up-points_list .back:hover {
  color: var(--text-link-active, #0E22D4);
}

.about-pick-up-points_list .back svg {
  fill: currentColor;
  min-width: 24px;
}

.about-pick-up-points_list .accordion-item {
  margin: 0 0 20px;
}

.about-pick-up-points_list .accordion-item.active .accordion-title:after {
  transform: scale(-1);
}

.about-pick-up-points_list .accordion-title {
  margin: 0 0 12px;
  padding: 8px 16px 8px 20px;
  cursor: pointer;
  border-radius: 12px;
  background: var(--bg-primary, #EFF2F7);
  color: var(--text-primary, #151515);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  display: flex;
  justify-content: space-between;
}

.about-pick-up-points_list .accordion-title:after {
  width: 24px;
  height: 24px;
  background: url(../images/svg/arr2.svg) no-repeat;
  content: "";
  display: inline-block;
  min-width: 24px;
}

.about-pick-up-points_list .accordion-title:hover {
  background: var(--bg-primary-hover, #B8CFFA);
}

.about-pick-up-points_item {
  padding: 22px 23px;
  position: relative;
  cursor: pointer;
  margin: 0 0 16px;
  border-radius: 12px;
  border: 1px solid var(--border-tetriary-2, rgba(21, 21, 21, 0.08));
}

.about-pick-up-points_item.active:hover,
.about-pick-up-points_item.active {
  border: 1px solid var(--text-elements, #121E46);
}

.about-pick-up-points_item:hover {
  border: 1px solid var(--icon-accent, #F29D00);
}

.about-pick-up-points_item .name {
  color: var(--text-primary, #151515);
  font-size: 16px;
  font-style: normal;
  padding: 0 30px 0 0;
  font-weight: 600;
  line-height: 24px;
  /* 150% */
}

.about-pick-up-points_item .small-map {
  display: none;
}

.about-pick-up-points_item span {
  display: block;
  color: var(--text-secondary, rgba(21, 21, 21, 0.5));
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  margin: 12px 0 4px;
}

.about-pick-up-points_item span:first-child {
  margin-top: 0;
}

.about-pick-up-points_item p {
  font-size: 14px;
  line-height: 20px;
}

.about-pick-up-points_item i {
  width: 24px;
  height: 24px;
  position: absolute;
  top: 43px;
  right: 23px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.about-pick-up-points_item i img {
  width: 24px;
  display: block;
}

.about-pick-up-points_left_contacts {
  display: flex;
  margin: 0 0 24px;
  border-bottom: 1px solid var(--border-tetriary-2, rgba(21, 21, 21, 0.08));
}

.about-pick-up-points_left_contacts .item {
  flex: 1;
  color: var(--text-secondary, rgba(21, 21, 21, 0.5));
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  padding: 0 20px 26px 0;
}

.about-pick-up-points_left_contacts span {
  display: block;
  margin: 0 0 3px;
}

.about-pick-up-points_left_contacts p,
.about-pick-up-points_left_contacts a {
  color: var(--text-primary, #151515);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  /* 142.857% */
}

.wrap-small {
  max-width: 980px;
  margin: 0 auto;
}

.contacts-info {
  max-width: 1680px;
  box-sizing: border-box;
  width: 100%;
  margin: 0 auto;
  padding: 10px 36px;
}

.contacts-info .item {
  margin: 0 0 24px;
  padding: 25px 23px 32px;
  border-radius: 24px;
  border: 1px solid var(--border-tetriary-2, rgba(21, 21, 21, 0.08));
  color: var(--text-primary, #151515);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.contacts-info .title {
  margin: 0 0 -7px;
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
}

.contacts-info svg {
  fill: currentColor;
}

.contacts-info .row {
  display: flex;
  margin: 34px 0 0;
  gap: 12px;
}

.contacts-info .left {
  min-width: 248px;
  width: 248px;
}

.contacts-info .left svg {
  position: absolute;
  left: 0;
  top: 0;
}

.contacts-info .left span,
.contacts-info .left a {
  color: var(--text-elements, #121E46);
  font-size: 14px;
  font-style: normal;
  padding: 0 0 0 32px;
  display: block;
  position: relative;
  font-weight: 600;
  line-height: 20px;
}

.contacts-info .left span:hover,
.contacts-info .left a:hover {
  color: var(--text-link-active, #0E22D4);
}

.contacts-info .left small {
  color: var(--text-secondary, rgba(21, 21, 21, 0.5));
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  /* 133.333% */
  display: block;
}

.contacts-info .copy-icon {
  cursor: pointer;
}

.contacts-info .copy-icon:hover {
  color: var(--text-link-active, #0E22D4);
}

.contacts-info .info-gray {
  padding: 12px 16px 12px 52px;
  border-radius: 12px;
  background: var(--element-banner-light, #EFF2F7) url(../images/svg/info-blue-bg.svg) no-repeat top 12px left 15px;
  color: var(--text-primary, #151515);
  font-size: var(--size-200, 14px);
  font-weight: 600;
  line-height: var(--lineheight-200, 24px);
  margin: 26px 0 -9px;
}

.contacts-info .info-gray ul {
  list-style: disc;
  margin: 4px 0 0 21px;
}

.contacts-info .info-gray li {
  color: var(--text-secondary, rgba(21, 21, 21, 0.5));
  font-weight: 400;
  line-height: 20px;
}

.empty-search--size {
  max-width: 792px;
}

.empty-search--size .akcent-button {
  display: inline-block;
  padding: 11px 20px;
  justify-content: center;
  margin-top: 28px;
  width: auto;
  height: auto;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  border-radius: 99px;
}

.empty-search--size .btn-group .akcent-button {
  margin-top: 0;
}

.masthead-business {
  margin-bottom: 28px;
}

.masthead-business_in {
  border-radius: 24px;
  background: #121E46;
  padding: 62px 120px 60px;
  display: flex;
  gap: 24px;
}

.masthead-business_left {
  padding: 2px 0 0;
  color: #FFF;
  overflow: hidden;
  flex: 1;
}

.masthead-business_left .title {
  font-size: 28px;
  font-weight: 600;
  line-height: 36px;
  margin: 0 0 18px;
}

.masthead-business_left i {
  border-radius: 8px;
  background: var(--icon-accent, #F29D00);
  width: 32px;
  min-width: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  align-self: flex-start;
}

.masthead-business_left li {
  display: flex;
  gap: 12px;
  margin: 0 0 8px;
  font-size: 16px;
  align-items: center;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.masthead-business_right {
  flex: 1;
  border-radius: 24px;
  max-width: 49%;
  background: #D5E5AE;
  min-height: 288px;
  padding: 24px;
  color: var(--text-primary, #151515);
}

.masthead-business_right .title {
  font-size: 16px;
  margin: 0 0 12px;
  font-weight: 600;
  line-height: 24px;
}

.masthead-business_right .form-item {
  position: relative;
}

.masthead-business_right .clear {
  position: absolute;
  top: 24px;
  opacity: 0;
  transform: translateY(-50%);
  right: 21px;
  cursor: pointer;
}

.masthead-business_right .clear:hover svg {
  opacity: 1;
}

.masthead-business_right .clear svg {
  display: block;
  opacity: 0.3;
}

.masthead-business_right .has-text .clear {
  opacity: 1;
  visibility: visible;
}

.masthead-business_right .has-text.done textarea,
.masthead-business_right .has-text.done input {
  padding-right: 100px;
}

.masthead-business_right .has-text.done .clear {
  right: 54px;
}

.masthead-business_right .has-text.done:after {
  width: 24px;
  height: 24px;
  position: absolute;
  content: "";
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  background: url(../images/svg/check-blue.svg) no-repeat;
}

.masthead-business_right textarea,
.masthead-business_right input {
  font: normal 400 14px/24px "Mulish", sans-serif;
  color: var(--text-primary, #151515);
  box-sizing: border-box;
  border: 1px solid var(--element-bg-light, #F8FAFF);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  height: 48px;
  border-radius: 12px;
  background: var(--element-bg-light, #F8FAFF);
  width: 100%;
  padding: 12px 16px;
}

.masthead-business_right textarea::-webkit-input-placeholder,
.masthead-business_right input::-webkit-input-placeholder {
  color: var(--text-secondary, rgba(21, 21, 21, 0.5));
}

.masthead-business_right textarea::-moz-placeholder,
.masthead-business_right input::-moz-placeholder {
  color: var(--text-secondary, rgba(21, 21, 21, 0.5));
}

.masthead-business_right textarea:-moz-placeholder,
.masthead-business_right input:-moz-placeholder {
  color: var(--text-secondary, rgba(21, 21, 21, 0.5));
}

.masthead-business_right textarea:-ms-input-placeholder,
.masthead-business_right input:-ms-input-placeholder {
  color: var(--text-secondary, rgba(21, 21, 21, 0.5));
}

.masthead-business_right textarea:hover,
.masthead-business_right input:hover {
  border: 1px solid var(--border-dark-hover, #0E22D4);
}

.masthead-business_right textarea:focus,
.masthead-business_right input:focus {
  border-color: #121E46 !important;
  background: #F8FAFF !important;
}

.masthead-business_right textarea {
  height: auto;
  min-height: 48px;
  padding-bottom: 0;
}

.masthead-business_right .btn {
  font-size: 16px;
  margin: 25px 0 0;
  width: 100%;
  padding: 12px;
}

.masthead-business_right .polit {
  padding: 13px 0;
  text-align: center;
}

.masthead-business_right .polit a {
  color: var(--orange-active, #DD8F00);
}

.masthead-business_right .polit a:hover {
  color: var(--icon-accent, #F29D00);
}

.masthead-business_right .result {
  padding: 14px 0 0;
  color: var(--text-secondary, #151515);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}

.masthead-business_right li {
  margin: 0 0 5px;
  color: var(--text-primary, #151515);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  display: inline-block;
  vertical-align: top;
}

.masthead-business_right li:before {
  content: "・ ";
}

.masthead-business_right li:first-child:before {
  display: none;
}

.has-label label {
  color: var(--text-secondary, rgba(21, 21, 21, 0.5));
  font-size: 14px;
  font-weight: 400;
  position: absolute;
  top: 1px;
  right: 1px;
  width: auto;
  border-radius: 0 99px 0 0;
  padding: 11px 0 0;
  left: 16px;
  background: #F8FAFF;
  line-height: 24px;
}

.has-label textarea,
.has-label input {
  padding: 28px 45px 11px 15px;
}

.has-label textarea:focus + label,
.has-label input:focus + label {
  font-size: 10px;
  padding: 5px 0 0;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
}

.has-label.has-text label {
  font-size: 10px;
  padding: 5px 0 0;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
}

.business-info {
  display: flex;
  gap: 24px;
  margin-bottom: 85px;
}

.business-info .item {
  flex: 1;
  color: var(--text-primary, #151515);
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  min-height: 224px;
  display: flex;
  flex-direction: column;
  border-radius: 24px;
  padding: 26px 24px 24px;
}

.business-info .bottom {
  color: #FFF;
  font-size: 40px;
  margin-top: auto;
  font-weight: 700;
  line-height: 52px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  text-transform: uppercase;
}

.business-info p {
  margin: 0 0 20px;
}

.business-info img,
.business-info svg {
  width: 56px;
  height: auto;
  min-width: 56px;
}

.business-info span {
  margin: 0 0 4px;
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
}

.category-carousel {
  padding: 65px 0 70px;
  overflow: hidden;
  margin: 0 0 86px;
  background: var(--element-bg-light, #F8FAFF);
}

.category-carousel_top {
  display: flex;
  margin: 0 0 26px;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.category-carousel_top .title {
  color: var(--text-primary, #151515);
  font-size: 28px;
  font-style: normal;
  font-weight: 600;
  line-height: 36px;
}

.category-carousel_top .title:hover {
  color: var(--icon-accent, #F29D00);
}

.category-carousel_top .link {
  color: #121E46;
  text-align: center;
  font-size: 14px;
  border: none;
  font-weight: 600;
  align-items: center;
  padding: 5px 34px 5px 0;
  background: url(../images/svg/arr-color.svg) no-repeat right center;
  gap: 10px;
  line-height: 24px;
}

.category-carousel_top .link:hover {
  color: #0E22D4;
  background: url(../images/svg/arr-color-blue.svg) no-repeat right center;
}

.category-carousel_in {
  position: relative;
}

.category-carousel_in .swiper-slide {
  height: auto;
}

.category-carousel_in a {
  min-height: 100%;
  border-radius: 24px;
  background: #EFF2F7;
  padding: 8px 8px 20px;
  box-sizing: border-box;
  display: block;
  overflow: hidden;
  color: var(--text-primary, #151515);
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.category-carousel_in a:hover {
  background: var(--bg-primary-hover, #B8CFFA);
}

.category-carousel_in .name {
  padding: 0 5px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.category-carousel_in .preview {
  padding: 100% 0 0;
  display: block;
  overflow: hidden;
  margin: 0 0 12px;
  position: relative;
  border-radius: 20px;
  background: #fff url(../images/svg/category-search-empty.svg) no-repeat center;
}

.category-carousel_in img {
  position: absolute;
  top: 0;
  left: 0;
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.category-carousel_in .category-carousel_nav {
  width: 44px;
  height: 28px;
  border-radius: 24px;
  position: absolute;
  left: 0 !important;
  top: 82px !important;
  transform: translateY(-50%) !important;
  margin: 0 -22px !important;
  color: var(--dark, #151515);
  background: #EFF4FC;
  padding: 4px 12px;
}

.category-carousel_in .category-carousel_nav:after {
  display: none !important;
}

.category-carousel_in .category-carousel_nav:hover {
  background: #D5E5FF;
}

.category-carousel_in .category-carousel_nav:hover svg {
  fill: #0E22D4;
}

.category-carousel_in .category-carousel_nav svg {
  width: 20px;
  height: 20px;
  color: var(--dark, #151515);
}

.category-carousel_in .swiper-button-next {
  left: auto !important;
  right: 0 !important;
}

.category-carousel_in .swiper-button-disabled {
  opacity: 0 !important;
}

.business-promo {
  margin-bottom: 76px;
}

.business-promo .bg {
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  object-fit: cover;
  height: 100%;
  object-position: left;
}

.business-promo-wrap {
  padding: 62px 120px 52px;
  overflow: hidden;
  position: relative;
  border-radius: 24px;
  background: var(--element-banner-primary, #B8CFFA);
  color: var(--text-primary, rgba(21, 21, 21, 0.7));
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
}

.business-promo-wrap h3 {
  color: var(--text-primary, #151515);
  font-size: 28px;
  font-weight: 600;
  line-height: 36px;
  margin: 0 0 4px;
  max-width: 340px;
}

.business-promo-wrap p {
  max-width: 340px;
}

.business-promo-wrap .btn-white {
  display: inline-flex;
  align-items: center;
  background: #fff;
  padding: 12px 19px 12px 28px;
  border-radius: 99px;
  margin: 26px 0 0;
  color: var(--text-elements, #121E46);
  gap: 10px;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
}

.business-promo-wrap .btn-white svg {
  fill: currentColor;
}

.business-promo-wrap .btn-white:hover {
  color: var(--text-link-active, #0E22D4);
}

.business-faq {
  gap: 12px;
  display: flex;
}

.business-faq .title {
  color: var(--text-primary, #151515);
  font-size: 28px;
  font-weight: 600;
  width: 50%;
  line-height: 36px;
  /* 128.571% */
}

.business-faq_in {
  flex: 1;
}

.business-faq_in i {
  background: url(../images/svg/arr2.svg) no-repeat;
  width: 24px;
  height: 24px;
  position: relative;
  opacity: 0.3;
}

.business-faq_in i:before,
.business-faq_in i:after {
  content: "";
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../images/svg/arr-search-blue.svg) no-repeat;
}

.business-faq_in i:before {
  background: url(../images/svg/arr-down-orange.svg) no-repeat;
}

.business-faq_in .active .accordion-title:hover,
.business-faq_in .active .accordion-title {
  color: var(--text-link-active, #0E22D4);
}

.business-faq_in .active .accordion-title:hover i,
.business-faq_in .active .accordion-title i {
  transform: scale(-1);
  opacity: 1;
}

.business-faq_in .active .accordion-title:hover i:after,
.business-faq_in .active .accordion-title i:after {
  opacity: 1;
  z-index: 5;
}

.business-faq_in .accordion-item {
  padding: 0 0 12px;
  border-bottom: 1px solid var(--border-tetriary-2, rgba(21, 21, 21, 0.08));
}

.business-faq_in .accordion-item:last-child {
  border-bottom: none;
}

.business-faq_in .accordion-title {
  color: var(--text-primary, #151515);
  gap: 10px;
  padding: 12px 0 0;
  font-size: 16px;
  font-weight: 400;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  line-height: 20px;
}

.business-faq_in .accordion-title:hover {
  color: var(--icon-accent, #F29D00);
}

.business-faq_in .accordion-title:hover i {
  opacity: 1;
}

.business-faq_in .accordion-title:hover i:before {
  opacity: 1;
}

.business-faq_in .drop {
  display: none;
  font-size: 14px;
  line-height: 20px;
}

.business-faq_in a {
  color: var(--orange-active, #DD8F00);
  text-decoration: none;
}

.business-faq_in a:hover {
  color: var(--text-link-hover, #F29D00);
}

.business-bottom {
  position: relative;
  overflow: hidden;
  padding: 50px 0;
  text-align: center;
}

.business-bottom_btn {
  position: sticky;
  bottom: 30px;
  z-index: 50;
  width: 220px;
  margin: -198px auto 106px;
  display: block;
}

.cabinet-user-top {
  display: flex;
  gap: 24px;
  padding-top: 29px;
  padding-bottom: 29px;
}

.cabinet-user-top .photo {
  border-radius: 12px;
  border: 1px solid #EFF2F7;
  background: #EFF2F7;
  height: 100px;
  position: relative;
  width: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--text-primary-disabled, rgba(21, 21, 21, 0.3));
  text-align: center;
  font-size: 28px;
  font-style: normal;
  font-weight: 600;
  line-height: 36px;
}

.cabinet-user-top .photo img {
  border-radius: 12px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.cabinet-user-top .title {
  margin: 0 0 13px;
  color: var(--text-primary, #151515);
  font-size: 40px;
  font-weight: 700;
  line-height: 52px;
}

.cabinet-user-top a {
  color: var(--text-elements, #121E46);
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
}

.cabinet-user-top a:hover {
  color: var(--text-link-active, #0E22D4);
}

.cabinet-user-top svg {
  display: block;
}

.cabinet-user-top .btn-message {
  position: relative;
  margin: 15px 0 auto auto;
}

.cabinet-user-top .btn-message svg {
  fill: currentColor;
}

.cabinet-user-top .btn-message i {
  position: absolute;
  top: 0;
  width: 12px;
  height: 12px;
  border-radius: 100px;
  background: #DD8F00;
  right: 0;
}

.cabinet-user-top .btn-edit {
  padding: 4px 12px;
  margin: -8px;
  position: absolute;
  bottom: 0;
  right: 0;
}

.cabinet-global-nav {
  padding-top: 21px;
  padding-bottom: 1px;
}

.cabinet-global-nav .title {
  color: var(--text-primary, #151515);
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  margin: 0 0 24px;
  line-height: 28px;
}

.cabinet-global-nav .row {
  margin: 0 0 52px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 24px;
}

.cabinet-global-nav .link {
  padding: 12px;
  border-radius: 12px;
  border: 1px solid var(--border-tetriary-2, rgba(21, 21, 21, 0.08));
  display: flex;
  justify-content: space-between;
  min-height: 108px;
  height: 100%;
  flex-direction: column;
  box-sizing: border-box;
  color: var(--text-primary, #151515);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.cabinet-global-nav .link:hover {
  border: 1px solid var(--icon-accent, #F29D00);
}

.cabinet-global-nav .link img,
.cabinet-global-nav .link svg {
  width: 32px;
  height: 32px;
  fill: #B8CFFA;
}

.cabinet-global-nav .top {
  margin: 0 0 10px;
  font-size: 16px;
  display: flex;
  gap: 8px;
  align-items: center;
  font-weight: 600;
  line-height: 24px;
  /* 150% */
}

.cabinet-global-nav .link--color {
  background: #F8FAFF;
  border-color: #F8FAFF;
}

.cabinet-global-nav .item {
  position: relative;
}

.cabinet-global-nav .item i {
  color: #FFF;
  border-radius: 100px;
  min-width: 36px;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  display: inline-block;
  margin-left: 3px;
  background: var(--orange-active, #DD8F00);
}

.cabinet-global-nav .item-disabled .link {
  opacity: 0.5;
}

.cabinet-global-nav .item-disabled .link:hover {
  border: 1px solid var(--border-tetriary-2, rgba(21, 21, 21, 0.08));
}

.cabinet-global-nav .btn-blue-dark {
  position: absolute;
  bottom: 12px;
  right: 12px;
}

.cabinet-global-nav .cabinet-new-top_notification {
  margin: 0 0 48px;
}

.small-order-list {
  overflow: auto;
  white-space: nowrap;
  margin: 0 0 52px;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.small-order-list::-webkit-scrollbar {
  display: none;
}

.small-order-list .item {
  color: var(--text-primary, #151515);
  font-size: 16px;
  font-weight: 600;
  line-height: 27px;
  /* 150% */
  white-space: normal;
  display: inline-block;
  vertical-align: top;
  border-radius: 12px;
  border: 1px solid var(--border-tetriary-2, rgba(21, 21, 21, 0.08));
  width: calc(25% - 18px);
  box-sizing: border-box;
  padding: 11px;
  margin: 0 20px 0 0;
}

.small-order-list .item:last-child {
  margin-right: 0;
}

.small-order-list .item:hover {
  border: 1px solid var(--icon-accent, #F29D00);
}

.small-order-list ul {
  max-width: 300px;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 12px;
  padding: 14px 0 0;
  overflow: hidden;
}

.small-order-list li {
  position: relative;
}

.small-order-list img {
  display: block;
  width: 100%;
  height: 60px;
  object-fit: contain;
  border-radius: 8px;
}

.small-order-list .status-label {
  overflow: hidden;
  max-width: 180px;
  margin: 0 7px 0 0;
  border-radius: 8px;
  vertical-align: middle;
}

.small-order-list .status-label.small {
  padding: 5px 40px 6px 8px;
}

.small-order-list .count {
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  color: #FFF;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  min-width: 36px;
  border-radius: 100px;
  background: var(--icon-primary, #151515);
  padding: 0 5px;
}

.cabinet-await-events {
  padding-top: 0;
}

.cabinet-await-events .title {
  color: var(--text-primary, #151515);
  font-size: 20px;
  margin: 0 0 24px;
  font-weight: 600;
  line-height: 28px;
}

.cabinet-await-events_carousel {
  position: relative;
  margin: 0 0 24px;
}

.cabinet-await-events_carousel .item {
  border-radius: 12px;
  display: block;
  min-height: 100%;
  text-align: center;
  border: 1px solid var(--border-tetriary-2, rgba(21, 21, 21, 0.08));
  padding: 24px;
}

.cabinet-await-events_carousel .item:hover {
  border: 1px solid var(--icon-accent, #F29D00);
}

.cabinet-await-events_carousel .big-preview {
  width: 112px;
  height: 112px;
  border-radius: 8px;
  margin: 0 auto 8px;
}

.cabinet-await-events_carousel .name {
  margin: 0 0 23px;
  overflow: hidden;
  color: var(--text-primary, #151515);
  text-align: center;
  text-overflow: ellipsis;
  display: block;
  font-size: 12px;
  white-space: nowrap;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  /* 133.333% */
}

.cabinet-await-events_carousel .rating {
  width: 120px;
  display: block;
  margin: 0 auto;
}

.cabinet-await-events_carousel .rating span {
  position: relative;
  width: 120px;
  display: block;
  height: 24px;
  background: url(../images/card/star-grey.svg) repeat-x left center;
  background-size: 24px;
}

.cabinet-await-events_carousel .rating i {
  background: url(../images/card/star-gold.svg) repeat-x left center;
  background-size: 24px;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}

.cabinet-await-events_carousel .label {
  margin: 0 0 4px;
  color: var(--text-secondary, rgba(21, 21, 21, 0.5));
  text-align: center;
  display: block;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}

.cabinet-await-events_carousel .delivery {
  margin: -13px 0 11px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  overflow: hidden;
  color: var(--text-primary, #151515);
  text-overflow: ellipsis;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  white-space: nowrap;
}

.cabinet-await-events_carousel .delivery img,
.cabinet-await-events_carousel .delivery svg {
  width: 24px;
  height: 24px;
  object-fit: contain;
}

.cabinet-await-events_carousel ul {
  margin: 0 0 9px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 4px;
}

.cabinet-await-events_carousel ul img {
  width: 100%;
  height: 32px;
  border-radius: 8px;
  display: block;
  object-fit: contain;
}

.cabinet-await-events_carousel .last {
  border-radius: 8px;
  background: #D5E5FF;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--text-primary, #151515);
  text-align: center;
  font-size: 8px;
  font-weight: 500;
  line-height: 16px;
  /* 200% */
}

.cabinet-await-events_carousel img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
}

.cabinet-await-events_carousel .swiper-notification {
  display: none !important;
}

.cabinet-await-events_carousel_in {
  overflow: hidden;
}

.cabinet-await-events_carousel_nav {
  border-radius: 24px;
  background: #EFF2F7;
  padding: 4px 12px;
  width: auto;
  height: auto;
  top: 50% !important;
  transform: translateY(-50%) !important;
  margin: 0 -26px !important;
  color: var(--text-elements, #121E46);
}

.cabinet-await-events_carousel_nav:after {
  display: none;
}

.cabinet-await-events_carousel_nav:hover {
  background: var(--icon-bg-dark, #D5E5FF);
}

.cabinet-await-events_carousel_nav.swiper-button-disabled {
  opacity: 0 !important;
}

.cabinet-await-events_carousel_nav svg {
  display: block;
  width: 20px;
  height: 20px;
  fill: currentColor;
}

.cabinet-info-top {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 24px;
  margin-bottom: 30px;
}

.cabinet-info-top .item {
  border-radius: 24px;
  border: 1px solid var(--border-tetriary-2, rgba(21, 21, 21, 0.08));
  padding: 25px 24px;
  color: var(--text-primary, #151515);
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  position: relative;
}

.cabinet-info-top .btn-right {
  position: absolute;
  bottom: 25px;
  right: 24px;
}

.cabinet-info-top .label {
  margin: 0 0 4px;
  color: var(--text-secondary, rgba(21, 21, 21, 0.5));
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}

.cabinet-info-top span,
.cabinet-info-top .tel {
  color: var(--text-primary, #151515);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  gap: 7px;
  display: flex;
  align-items: center;
}

.cabinet-info-top span:after,
.cabinet-info-top .tel:after {
  width: 12px;
  height: 12px;
  background: url(../images/svg/arr.svg);
  background-size: contain;
  content: "";
  display: inline-block;
  opacity: 0.3;
}

.cabinet-info-top span {
  width: 100%;
}

.cabinet-info-top span:after {
  display: none;
}

.cabinet-info-top .row {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 24px;
}

.cabinet-info-top p {
  margin: 0 0 20px;
}

.sessions-devices {
  margin-bottom: 39px;
  position: relative;
}

.sessions-devices .dots-btn {
  right: 36px;
  top: 12px;
  position: absolute;
  color: var(--text-secondary, rgba(21, 21, 21, 0.5));
}

.sessions-devices .dots-btn svg {
  fill: currentColor;
}

.sessions-devices .title {
  color: var(--text-primary, #151515);
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  margin: 0 0 18px;
}

.sessions-devices .row {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 24px;
}

.sessions-devices .in {
  border-radius: 12px;
  border: 1px solid var(--border-tetriary-2, rgba(21, 21, 21, 0.08));
  padding: 9px 19px 4px;
  min-height: 80px;
  color: var(--text-primary, #151515);
  flex-grow: 1;
  overflow: hidden;
  font-size: 14px;
  width: 100%;
  font-weight: 400;
  margin: 0 0 12px;
  line-height: 20px;
}

.sessions-devices .in svg,
.sessions-devices .in img {
  float: left;
  margin: 0 8px 0 0;
  width: 32px;
  height: 32px;
  min-width: 32px;
}

.sessions-devices .label {
  margin: 0 0 4px;
  color: var(--text-secondary, rgba(21, 21, 21, 0.5));
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  /* 133.333% */
}

.sessions-devices p {
  margin: 0 0 5px;
}

.sessions-devices span {
  color: var(--orange-active, #DD8F00);
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.sessions-devices .item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.sessions-devices .exit {
  cursor: pointer;
  color: var(--text-elements, #121E46);
  font-weight: 600;
}

.sessions-devices .exit:hover {
  color: var(--text-elements-hover, #0E22D4);
}

.control-account {
  margin-bottom: 30px;
  color: var(--text-primary, #151515);
  font-size: 14px;
  font-weight: 400;
  position: relative;
  line-height: 20px;
}

.control-account .title {
  color: var(--text-primary, #151515);
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  margin: 0 0 19px;
}

.control-account .dots-btn {
  right: 36px;
  top: 12px;
  position: absolute;
  color: var(--text-secondary, rgba(21, 21, 21, 0.5));
}

.control-account .dots-btn svg {
  fill: currentColor;
}

.control-account a:hover {
  text-decoration: underline;
}

.control-account p {
  margin: 0 0 20px;
}

.control-account .red {
  padding: 8px 0;
  display: inline-block;
  color: var(--text-error, #EC4651);
}

.sessions-devices--mobile .in {
  min-height: 60px;
}

.cabinet-account-info {
  margin-bottom: 34px;
  position: relative;
}

.cabinet-account-info .title {
  color: var(--text-primary, #151515);
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  margin: 0 0 18px;
}

.cabinet-account-info .row {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 24px;
}

.cabinet-account-info .label {
  margin: 0 0 4px;
  color: var(--text-secondary, rgba(21, 21, 21, 0.5));
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}

.cabinet-account-info .item {
  border-radius: 24px;
  border: 1px solid var(--border-tetriary-2, rgba(21, 21, 21, 0.08));
  padding: 25px 24px 23px;
  color: var(--text-primary, #151515);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  position: relative;
}

.cabinet-account-info .copy {
  display: inline-flex;
  color: var(--text-primary, #151515);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  align-items: center;
  padding: 8px 19px;
  border-radius: 12px;
  cursor: pointer;
  background: #EFF2F7;
  gap: 8px;
}

.cabinet-account-info .copy:hover {
  background: var(--bg-primary-hover, #B8CFFA);
}

.cabinet-account-info_nav {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0 0 16px;
}

.cabinet-account-info_nav ul {
  display: flex;
  align-items: center;
  gap: 12px;
}

.cabinet-account-info_nav li,
.cabinet-account-info_nav a {
  border-radius: 12px;
  padding: 10px 20px;
  background: #EFF2F7;
  color: var(--text-primary, #151515);
  font-size: var(--size-200, 14px);
  font-style: normal;
  cursor: pointer;
  font-weight: 400;
  line-height: var(--lineheight-150, 20px);
  /* 142.857% */
}

.cabinet-account-info_nav li:hover,
.cabinet-account-info_nav a:hover {
  background: var(--bg-primary-hover, #B8CFFA);
}

.cabinet-account-info_nav .active:hover,
.cabinet-account-info_nav .active {
  background: var(--bg-primary-dark, #121E46);
  color: #fff;
}

.tab-item {
  display: none;
}

.tab-item:first-child {
  display: block;
}

.cabinet-account-info-accordion .accordion-item {
  border-radius: 24px;
  margin: 0 0 24px;
  border: 1px solid var(--border-tetriary-2, rgba(21, 21, 21, 0.08));
}

.cabinet-account-info-accordion .accordion-item:last-child {
  margin-bottom: 0;
}

.cabinet-account-info-accordion .accordion-title {
  padding: 25px 23px 26px;
  display: flex;
  gap: 4px;
  align-items: center;
  color: var(--text-primary, #151515);
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
}

.cabinet-account-info-accordion .accordion-title:hover {
  color: var(--icon-accent, #F29D00);
}

.cabinet-account-info-accordion .left,
.cabinet-account-info-accordion .arr {
  cursor: pointer;
}

.cabinet-account-info-accordion .subname {
  margin: 0 0 5px;
  color: var(--text-primary, #151515);
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
}

.cabinet-account-info-accordion .comp {
  color: var(--text-secondary, rgba(21, 21, 21, 0.5));
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  /* 133.333% */
}

.cabinet-account-info-accordion .left {
  flex-grow: 1;
}

.cabinet-account-info-accordion .active .arr {
  transform: scale(-1);
}

.cabinet-account-info-accordion .drop {
  color: var(--text-primary, #151515);
  font-size: 14px;
  font-weight: 400;
  padding: 27px 23px 10px;
  line-height: 20px;
  border-top: 1px solid var(--border-tetriary-2, rgba(21, 21, 21, 0.08));
}

.cabinet-account-info-accordion .drop a:hover {
  color: var(--icon-accent, #F29D00);
}

.cabinet-account-info-accordion .row {
  display: flex;
}

.cabinet-account-info-accordion .col {
  flex: 1;
}

.cabinet-account-info-accordion .col--2x {
  flex: 2;
}

.cabinet-account-info-accordion .label {
  margin: 0 0 3px;
  padding: 2px 0 0;
  color: var(--text-secondary, rgba(21, 21, 21, 0.5));
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}

.cabinet-account-info-accordion .name {
  margin: 0 0 3px;
}

.cabinet-account-info-accordion svg {
  min-width: 24px;
}

.cabinet-account-info-accordion p {
  margin: 0 0 15px;
}

.dn {
  display: none;
}

.control-account .dots-btn,
.sessions-devices .dots-btn {
  padding-bottom: 4px;
  cursor: pointer;
}

.control-account .dots-btn:hover ul,
.sessions-devices .dots-btn:hover ul {
  opacity: 1;
  visibility: visible;
}

.control-account .dots-btn ul,
.sessions-devices .dots-btn ul {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 100%;
  right: 0;
  border-radius: 12px;
  overflow: hidden;
  background: #FFF;
  box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.08);
}

.control-account .dots-btn .red,
.sessions-devices .dots-btn .red {
  color: var(--text-error, #EC4651);
}

.control-account .dots-btn a,
.sessions-devices .dots-btn a {
  text-decoration: none !important;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  padding: 10px 19px;
  display: block;
  white-space: nowrap;
}

.control-account .dots-btn a:hover,
.sessions-devices .dots-btn a:hover {
  background: var(--element-bg, #EFF2F7);
}

.brand-carousel {
  padding-top: 4px;
  margin-bottom: 19px;
}

.brand-carousel .row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin: 0 0 15px;
}

.brand-carousel .title {
  color: var(--text-primary, #151515);
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
}

.brand-carousel .title:hover {
  color: var(--icon-primary-hover, #F29D00);
}

.brand-carousel .link {
  color: var(--text-elements, #121E46);
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  padding: 5px 34px 5px 0;
  background: url(../images/svg/arr-color.svg) no-repeat right center;
}

.brand-carousel .link:hover {
  color: var(--text-link-active, #0E22D4);
  background: url(../images/svg/arr-color-blue.svg) no-repeat right center;
}

.brand-carousel_in {
  position: relative;
}

.brand-carousel_in .swiper-notification {
  display: none !important;
}

.brand-carousel_in .swiper {
  overflow: hidden;
}

.brand-carousel_in .item {
  position: relative;
}

.brand-carousel_in .name {
  margin: 0 0 4px;
  overflow: hidden;
  color: var(--text-primary, #151515);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.brand-carousel_in .type {
  color: var(--text-secondary, rgba(21, 21, 21, 0.5));
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.brand-carousel_in a {
  display: block;
  overflow: hidden;
  padding: 9px 45px 9px 16px;
  border-radius: 12px;
  border: 1px solid var(--border-tetriary-2, rgba(21, 21, 21, 0.08));
}

.brand-carousel_in a:hover {
  background: var(--element-bg, #EFF2F7);
}

.brand-carousel_in a:active {
  border: 1px solid var(--border-tetriary-2, rgba(21, 21, 21, 0.08));
  background: var(--element-bg-light, #F8FAFF);
}

.brand-carousel_in .preview {
  width: 37px;
  height: 38px;
  border-radius: 8px;
  float: left;
  margin: 0 8px 0 0;
  border: 1px solid var(--border-secondary, #EFF2F7);
  background: var(--bg-contrast, #FFF);
  display: block;
}

.brand-carousel_in img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

.brand-carousel_in .like {
  position: absolute;
  top: 16px;
  right: 14px;
  background: url(../images/svg/like2.svg) no-repeat;
  background-size: contain !important;
  cursor: pointer;
  z-index: 10;
  width: 26px;
  height: 26px;
  opacity: 0.5;
}

.brand-carousel_in .like:hover {
  opacity: 1;
  background: url(../images/svg/like-hover.svg) no-repeat;
}

.brand-carousel_in .like:active,
.brand-carousel_in .like.active {
  opacity: 1;
  background: url(../images/svg/like-active.svg) no-repeat;
}

.brand-carousel-nav {
  border-radius: 24px;
  background: #EFF2F7;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 28px;
  top: 50%;
  transform: translateY(-50%);
  margin: 0 -16px;
  left: 0;
}

.brand-carousel-nav:after {
  display: none !important;
}

.brand-carousel-nav:hover {
  background: #D5E5FF;
}

.brand-carousel-nav:hover svg {
  fill: var(--text-link-active, #0E22D4);
}

.brand-carousel-nav.swiper-button-next {
  left: auto;
  right: 0;
}

.brand-carousel-nav.swiper-button-disabled {
  opacity: 0 !important;
}

.cabinet-favorite-list .top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin: 0 0 16px;
}

.cabinet-favorite-list .title {
  color: var(--text-primary, #151515);
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
}

.cabinet-favorite-list .title:hover {
  color: var(--icon-primary-hover, #F29D00);
}

.cabinet-favorite-list .link {
  color: var(--text-elements, #121E46);
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  padding: 5px 34px 5px 0;
  background: url(../images/svg/arr-color.svg) no-repeat right center;
}

.cabinet-favorite-list .link:hover {
  color: var(--text-link-active, #0E22D4);
  background: url(../images/svg/arr-color-blue.svg) no-repeat right center;
}

.cabinet-favorite-list_nav {
  display: flex;
  justify-content: space-between;
  margin: 0 0 37px;
  white-space: nowrap;
  gap: 24px;
}

.cabinet-favorite-list_nav ul {
  display: flex;
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.cabinet-favorite-list_nav ul::-webkit-scrollbar {
  display: none;
}

.cabinet-favorite-list_nav .btn {
  white-space: nowrap;
}

.cabinet-favorite-list_nav .active a:hover,
.cabinet-favorite-list_nav .active a {
  color: var(--text-primary, #151515);
  border-bottom: 2px solid var(--text-elements, #121E46);
}

.cabinet-favorite-list_nav a {
  color: var(--text-primary, #151515);
  font-size: 16px;
  font-weight: 400;
  display: flex;
  align-items: center;
  padding: 8px 16px;
  gap: 10px;
  line-height: 28px;
  border-bottom: 2px solid #B8CFFA;
}

.cabinet-favorite-list_nav a:hover {
  color: var(--text-primary-hover, #F29D00);
}

.cabinet-favorite-list_nav a:hover svg {
  opacity: 1;
}

.cabinet-favorite-list_nav a svg {
  fill: currentColor;
  opacity: 0.3;
}

.cabinet-favorite-list_sort {
  position: relative;
  z-index: 10;
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0 0 24px;
}

.cabinet-favorite-list_sort .select2 {
  min-width: 248px;
}

.cabinet-favorite-list_sort .custom-check {
  padding: 0 32px;
  margin: 0;
}

.cabinet-favorite-list_sort .custom-check label {
  gap: 10px;
  flex-direction: row-reverse;
}

.cabinet-favorite-list_dots,
.cabinet-favorite-list_share {
  margin-left: auto;
  border-radius: 24px;
  background: #EFF2F7;
  cursor: pointer;
  border: none;
  padding: 8px 16px;
  color: var(--text-elements, #121E46);
}

.cabinet-favorite-list_dots svg,
.cabinet-favorite-list_share svg {
  display: block;
  fill: currentColor;
}

.cabinet-favorite-list_dots:hover,
.cabinet-favorite-list_share:hover {
  background: var(--icon-bg-dark, #D5E5FF);
  color: var(--text-link-active, #0E22D4);
}

.cabinet-favorite-list_share {
  margin-left: 0;
}

.cabinet-favorite-list_in {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-gap: 0;
  margin: 0 -12px;
}

.cabinet-favorite-list_in .new-catalog-item {
  width: auto;
}

.cabinet-favorite-list_in .custom-check {
  display: none;
  position: absolute;
  top: 22px;
  z-index: 11;
  right: 25px;
}

.cabinet-favorite-list_in .custom-check .icon {
  background: #EFF2F7;
  padding: 0;
  width: 28px;
  height: 28px;
}

.cabinet-favorite-list_in .custom-check input:checked + span {
  background: var(--icon-accent, #F29D00) url(../images/svg/check-white.svg) no-repeat center;
  border-color: var(--icon-accent, #F29D00);
}

.cabinet-favorite-list_in.is-selected-product .like {
  display: none;
}

.cabinet-favorite-list_in.is-selected-product .custom-check {
  display: block;
}

.cabinet-favorite-list_wish-list {
  border-radius: 24px;
  background: var(--element-banner-green, #D5E5AE);
  display: flex;
  align-items: center;
  padding: 24px 36px;
  margin: 0 0 24px;
}

.cabinet-favorite-list_wish-list svg {
  fill: currentColor;
  float: left;
  margin: 0 10px 0 0;
}

.cabinet-favorite-list_wish-list .left {
  white-space: nowrap;
  flex-grow: 1;
  color: var(--text-primary, #151515);
  font-size: 20px;
  font-weight: 600;
  align-items: center;
  line-height: 28px;
  display: flex;
  gap: 24px;
}

.cabinet-favorite-list_wish-list .user {
  border-radius: var(--s, 12px);
  background: var(--bg-secondary, rgba(255, 255, 255, 0.3));
  display: flex;
  gap: 4px;
  align-items: center;
  padding: 10px 21px 10px 18px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  /* 142.857% */
}

.cabinet-favorite-list_wish-list .btn {
  font-size: 16px;
  padding: 11px 26px;
}

.cabinet-favorite-list_wish-list .btn-blue-dark {
  padding: 12px 28px;
  margin: 0 0 0 25px;
}

.cabinet-favorite-list_wish-list img {
  width: 27px;
  height: 27px;
  min-width: 27px;
  border-radius: 100%;
  overflow: hidden;
  margin: 0 7px 0 0;
  object-fit: contain;
}

.counter-favorite,
.counter-favorite--remove {
  border-radius: 12px;
  background: var(--bg-primary-dark, #121E46);
  display: flex;
  padding: 9px 16px;
  gap: 8px;
  width: 448px;
  left: 50%;
  margin-left: -224px;
  z-index: 110;
  position: fixed;
  bottom: 36px;
  color: #FFF;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  align-items: center;
  opacity: 0;
  visibility: hidden;
}

.counter-favorite.show,
.show.counter-favorite--remove {
  opacity: 1;
  visibility: visible;
}

.counter-favorite .btn,
.counter-favorite--remove .btn {
  border: none;
}

.counter-favorite .orange-button,
.counter-favorite--remove .orange-button {
  padding: 9px 24px;
}

.counter-favorite p,
.counter-favorite--remove p {
  flex-grow: 1;
  overflow: hidden;
}

.counter-favorite svg,
.counter-favorite--remove svg {
  display: block;
  fill: currentColor;
}

.counter-favorite--remove i {
  width: 24px;
  height: 24px;
  background: url(../images/svg/loader-white.svg) no-repeat;
  background-size: contain;
  display: inline-block;
  line-height: 24px;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
}

.brand-cabinet-list {
  padding-top: 0;
}

.brand-cabinet-list .title {
  color: var(--text-primary, #151515);
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  margin: 38px 0 14px;
}

.brand-cabinet-list .title:first-child {
  margin-top: 0;
}

.brand-cabinet-list .item {
  margin: 0 0 12px;
}

.brand-carousel_in .new-catalog-list_filter_toggle {
  margin: 0;
  padding: 0;
}

.brand-carousel_in .point {
  position: absolute;
  top: 18px;
  right: 6px;
  padding: 0 10px 0 0;
}

.brand-carousel_in .point .like {
  position: relative;
  top: 0;
  left: 0;
}

.brand-carousel_in .point ul {
  display: none;
  white-space: nowrap;
  position: absolute;
  padding: 17px 0;
  border-radius: 16px;
  background: #fff;
  left: 100%;
  min-width: 212px;
  box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.08);
  top: 50%;
  transform: translateY(-50%);
}

.brand-carousel_in .point ul:after {
  border-right: 12px solid #fff;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  content: "";
  position: absolute;
  left: -12px;
  top: 50%;
  transform: translateY(-50%);
}

.brand-carousel_in .point a {
  border: none;
  padding: 8px 24px;
  font-weight: 400;
  align-items: center;
  font-size: 14px;
  line-height: 20px;
  display: flex;
  justify-content: space-between;
  border-radius: 0;
}

.brand-carousel_in .point a:hover {
  color: var(--icon-accent, #F29D00);
  background: none !important;
}

.brand-carousel_in .point a:hover .like {
  opacity: 1;
  background: url(../images/svg/like-orange-border.svg) no-repeat center;
}

.brand-carousel_in .point a:hover .share {
  opacity: 1;
  background: url(../images/svg/share-orange.svg) no-repeat;
}

.brand-carousel_in .point a:hover .clone {
  opacity: 1;
  background: url(../images/svg/clone-orange.svg) no-repeat;
}

.brand-carousel_in .point a:hover .rename {
  opacity: 1;
  background: url(../images/svg/rename-orange.svg) no-repeat;
}

.brand-carousel_in .point:hover {
  z-index: 15;
}

.brand-carousel_in .point:hover ul {
  display: block;
}

.brand-carousel_in .point .red {
  color: var(--text-error, #EC4651) !important;
}

.brand-carousel_in .point .red:hover {
  text-decoration: underline;
}

.brand-carousel_in .line {
  margin: 0 24px 10px;
  padding: 0 0 10px;
  border-bottom: 1px solid var(--border-tetriary-2, rgba(21, 21, 21, 0.08));
}

.brand-carousel_in .remove {
  width: 24px;
  height: 24px;
  background: url(../images/svg/basket-red.svg) no-repeat;
}

.brand-carousel_in .clone,
.brand-carousel_in .rename,
.brand-carousel_in .share {
  width: 24px;
  height: 24px;
  opacity: 0.3;
  background: url(../images/svg/share.svg) no-repeat;
}

.brand-carousel_in .clone:hover,
.brand-carousel_in .rename:hover,
.brand-carousel_in .share:hover {
  opacity: 1;
  background: url(../images/svg/share-orange.svg) no-repeat;
}

.brand-carousel_in .clone {
  background: url(../images/svg/clone.svg) no-repeat;
}

.brand-carousel_in .clone:hover {
  background: url(../images/svg/clone-orange.svg) no-repeat;
}

.brand-carousel_in .rename {
  background: url(../images/svg/rename.svg) no-repeat;
}

.brand-carousel_in .rename:hover {
  background: url(../images/svg/rename-orange.svg) no-repeat;
}

.brand-carousel_in label {
  font: 400 14px/20px "Mulish", sans-serif;
  gap: 10px;
}

.basket-top-page {
  padding: 28px 36px 20px;
  overflow: hidden;
  position: relative;
  background: #fff;
  display: flex;
  align-items: center;
  gap: 16px;
}

.basket-top-page h1 {
  color: var(--text-primary, #151515);
  font-size: 40px;
  font-weight: 700;
  line-height: 52px;
  margin: 0 auto 0 0;
}

.basket-top-page button {
  display: flex;
  cursor: pointer;
  padding: 8px 16px;
  align-items: center;
  border-radius: 24px;
  border: none;
  background: #EFF2F7;
  justify-content: center;
  color: var(--text-elements, #121E46);
}

.basket-top-page button:hover {
  color: var(--text-elements-hover, #0E22D4);
}

.basket-top-page button svg {
  display: block;
  fill: currentColor;
}

.basket-table {
  padding-top: 29px;
  display: flex;
  gap: 24px;
}

.basket-table .icon-tooltip-text {
  vertical-align: middle;
  cursor: pointer;
  color: var(--text-primary, #151515);
  opacity: 0.3;
}

.basket-table .icon-tooltip-text:hover {
  opacity: 1;
  color: var(--text-elements-hover, #0E22D4);
}

.basket-table .icon-tooltip-text svg {
  fill: currentColor;
}

.basket-table_result {
  border-radius: 24px;
  min-width: 384px;
  overflow: hidden;
  flex-shrink: 0;
  position: sticky;
  top: 100px;
  border: 1px solid #EFF2F7;
}

.basket-table_result .help {
  padding: 24px;
  color: var(--text-primary-disabled, rgba(21, 21, 21, 0.3));
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  /* 171.429% */
}

.basket-table_result .drop {
  display: none;
  margin: -5px 0 0;
  opacity: 0.5;
  padding: 0 0 3px;
}

.basket-table_result .drop .item {
  margin: 0 0 4px;
}

.basket-table_result_bg {
  background: var(--element-bg-light, #F8FAFF);
  padding: 22px 22px 24px;
  color: var(--text-primary, #151515);
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.basket-table_result_bg .item {
  margin: 0 0 8px;
  display: flex;
  justify-content: space-between;
}

.basket-table_result_bg .item.active svg {
  transform: scale(-1);
}

.basket-table_result_bg .item--big {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.basket-table_result_bg .btn-orange {
  border: none !important;
  font-size: 16px;
  margin: 19px 0 0;
  width: 100%;
  padding: 8px;
}

.basket-table_result_bg .icon-tooltip-text {
  opacity: 1;
  display: inline-block;
  margin-top: -2px;
}

.basket-table_result_bg .icon-tooltip-text svg {
  display: block;
}

.basket-table_result_bg svg {
  color: var(--text-primary, #151515);
  opacity: 0.3;
  cursor: pointer;
  fill: currentColor;
  vertical-align: middle;
}

.basket-table_result_bg svg:hover {
  opacity: 1;
  color: var(--text-elements-hover, #0E22D4);
}

.basket-table_in {
  flex-grow: 1;
  overflow: hidden;
}

.basket-table_in .custom-check .icon {
  width: 20px;
  height: 20px;
}

.basket-table_top {
  background: var(--element-bg-light, #F8FAFF);
  display: flex;
  align-items: center;
  padding: 24px;
  gap: 5px;
  margin-bottom: 8px;
  border-bottom: 1px solid #EFF2F7;
  color: var(--text-primary, #151515);
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  /* 140% */
}

.basket-table_top .custom-check {
  margin: 0;
}

.basket-table_top .clear {
  color: var(--text-primary, #151515);
  border: none;
  cursor: pointer;
  padding: 4px 12px;
  border-radius: 24px;
  margin-left: auto;
  background: #EFF2F7;
}

.basket-table_top .clear:hover svg {
  opacity: 1;
}

.basket-table_top .clear:active svg {
  color: var(--text-elements-hover, #0E22D4);
}

.basket-table_top svg {
  opacity: 0.3;
  display: block;
  fill: currentColor;
}

.basket-table_top small {
  align-self: flex-end;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.basket-table_active {
  overflow: hidden;
  border-radius: 24px;
  margin: 0 0 24px;
  border: 1px solid #EFF2F7;
}

.basket-table_item {
  display: flex;
  gap: 8px;
  padding: 16px 22px 15px;
  border-bottom: 1px solid #EFF2F7;
}

.basket-table_item:last-child {
  border-bottom: none;
}

.basket-table_item .custom-check {
  margin: 0;
  align-self: flex-start;
}

.basket-table_item .preview {
  min-width: 100px;
  width: 100px;
  height: 100px;
  border-radius: 8px;
  overflow: hidden;
}

.basket-table_item .info {
  padding: 0 7px;
  overflow: hidden;
  flex-grow: 1;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}

.basket-table_item .info small {
  overflow: hidden;
  color: var(--text-secondary, rgba(21, 21, 21, 0.5));
  font-size: 12px;
  display: block;
  margin: -12px 0 12px;
  font-weight: 400;
  line-height: 16px;
  /* 133.333% */
}

.basket-table_item .info .cash {
  display: none;
}

.basket-table_item .name {
  margin: 0 0 13px;
  overflow: hidden;
  color: var(--text-primary, #151515);
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.basket-table_item .name:hover {
  color: var(--text-elements-hover, #0E22D4);
}

.basket-table_item .delivery {
  color: var(--text-secondary, rgba(21, 21, 21, 0.5));
  padding: 0 0 0 20px;
  margin: 0 0 16px;
  background: url(../images/svg/car.svg) no-repeat left center;
  background-size: 16px 16px;
}

.basket-table_item .actions svg {
  display: block;
  fill: currentColor;
}

.basket-table_item .actions .btn {
  height: 28px;
  padding-top: 0;
  font-size: 12px;
  line-height: 28px;
  vertical-align: top;
  padding-bottom: 0;
}

.basket-table_item .actions .active svg {
  fill: #ec4652;
}

.basket-table_item .calc {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  min-width: 148px;
}

.basket-table_item .cash {
  color: var(--text-secondary, rgba(21, 21, 21, 0.5));
  font-size: 10px;
  font-weight: 400;
  line-height: 12px;
  min-width: 128px;
}

.basket-table_item .cash small {
  display: block;
  margin: 12px 0 0;
}

.basket-table_item .last-cash {
  margin: 0 0 11px;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  display: block;
  text-decoration-line: line-through;
}

.basket-table_item .actual-cash {
  margin: 0 0 6px;
  display: block;
  color: var(--text-primary, #151515);
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}

.basket-table_item .color-red {
  color: #FF2877;
}

.basket-table_item .diamond {
  background: url(../images/svg/diamond.svg) no-repeat left center;
  color: var(--text-bonuses, #0E22D4);
  padding: 0 0 0 27px;
}

.basket-table_item .bonus {
  padding: 0 0 0 19px;
  color: var(--text-bonuses, #0E22D4);
  font-size: 12px;
  font-weight: 400;
  background: url(../images/svg/diamond.svg) no-repeat left center;
  background-size: 16px auto;
  line-height: 16px;
}

.basket-table_item .remove {
  border-radius: 24px;
  padding: 4px 12px;
  box-sizing: border-box;
  cursor: pointer;
  border: none;
  background: #EFF2F7;
  align-self: flex-start;
  color: var(--text-primary, #151515);
}

.basket-table_item .remove svg {
  display: block;
  opacity: 0.5;
  fill: currentColor;
}

.basket-table_item .remove:hover svg {
  opacity: 1;
}

.basket-table_item img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

.stroke-count--new {
  margin: 0 0 4px;
  border-right: 0;
  border: none;
  width: 148px;
  min-width: 148px;
  padding: 0;
}

.stroke-count--new input {
  color: var(--text-primary, #151515);
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  /* 142.857% */
}

.stroke-count--new div {
  color: var(--text-primary, #151515) !important;
  width: 44px;
  min-width: 44px;
  border-radius: 24px !important;
  background: #EFF2F7 !important;
  border: none !important;
  box-shadow: none !important;
  line-height: 23px !important;
  height: 28px;
  padding: 0 !important;
  display: block !important;
}

.stroke-count--new div:hover {
  color: var(--text-elements-hover, #0E22D4) !important;
}

.stroke-count--new div.error-max-count:hover,
.stroke-count--new div.error-max-count {
  opacity: 1 !important;
  color: #B8CFFA !important;
  cursor: default !important;
}

.basket-table_disabled {
  overflow: hidden;
  border-radius: 24px;
  border: 1px solid #EFF2F7;
}

.basket-table_disabled .name,
.basket-table_disabled .preview {
  opacity: 0.5;
}

.basket-table_disabled .custom-check input:disabled + span {
  opacity: 0.5 !important;
}

main {
  padding-bottom: 20px;
}

.new-footer {
  border-top: 1px solid rgba(21, 21, 21, 0.08);
  padding: 0;
  margin-top: auto;
}

.new-footer .footer {
  max-width: 1680px !important;
  width: 100% !important;
  padding: 0;
  margin: 0 auto;
}

.new-footer .footer .f-logo {
  background: none !important;
  width: 180px;
  height: 36px;
}

.new-footer .footer .f-logo svg {
  width: 180px;
  height: 36px;
  fill: var(--text-primary, #151515);
}

.new-footer .footer .f-logo:hover svg {
  fill: var(--icon-primary-hover, #F29D00);
}

.new-footer .footer .f-social {
  margin: 24px 0 53px;
  display: flex;
}

.new-footer .footer .f-social > a {
  margin-right: 8px;
}

.new-footer .footer .f-social .f-soc-tg,
.new-footer .footer .f-social .f-soc-vk,
.new-footer .footer .f-social .f-soc-yt,
.new-footer .footer .f-social .f-soc-in {
  width: 56px;
  border-radius: 99px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  background: #EFF2F7;
}

.new-footer .footer .f-social .f-soc-tg svg,
.new-footer .footer .f-social .f-soc-vk svg,
.new-footer .footer .f-social .f-soc-yt svg,
.new-footer .footer .f-social .f-soc-in svg {
  fill: var(--text-primary, #151515);
}

.new-footer .footer .f-social .f-soc-tg:hover,
.new-footer .footer .f-social .f-soc-vk:hover,
.new-footer .footer .f-social .f-soc-yt:hover,
.new-footer .footer .f-social .f-soc-in:hover {
  background: #D5E5FF;
}

.new-footer .footer .f-social .f-soc-tg:hover svg,
.new-footer .footer .f-social .f-soc-vk:hover svg,
.new-footer .footer .f-social .f-soc-yt:hover svg,
.new-footer .footer .f-social .f-soc-in:hover svg {
  fill: var(--text-link-active, #0E22D4);
}

.new-footer .footer .f-contacts li {
  margin-bottom: 15px;
  padding: 0;
  background: none;
  color: #121E46;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.new-footer .footer .f-ul-lvl1 div a,
.new-footer .footer .f-ul-lvl1 li {
  color: var(--text-primary, #151515);
  text-transform: none;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.new-footer .footer .f-ul-lvl1 li {
  margin: 0 0 15px;
}

.new-footer .footer .f-ul-lvl2 {
  margin-top: 16px;
}

.new-footer .footer .f-ul-lvl2 li {
  margin-bottom: 11px;
}

.new-footer .footer .f-ul-lvl2 a {
  text-transform: none;
  color: #121E46;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

.new-footer .f-row-01 {
  display: flex;
  justify-content: space-between;
  padding: 59px 36px 49px;
  border: none;
}

.new-footer .f-row-02 {
  color: rgba(21, 21, 21, 0.6);
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  padding: 12px 36px 20px;
  border-top: 1px solid rgba(21, 21, 21, 0.08);
}

.new-footer .footer .f-ul-lvl1,
.new-footer .footer .f-ul-lvl1 a {
  color: #121E46;
  font-size: 14px;
  font-weight: 400;
  text-transform: none;
  line-height: 24px;
}

.new-footer .f-links a:hover,
.new-footer .footer .f-ul-lvl1 a:hover,
.new-footer .footer .f-ul-lvl2 a:hover {
  color: var(--blue);
}

.new-footer .f-links {
  width: 50%;
  display: flex;
  gap: 20px;
  align-items: flex-start;
  justify-content: space-between;
  margin-left: 20px;
}

.new-footer .f-links a {
  color: #121E46;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.new-footer .f-column-4,
.new-footer .f-column-3,
.new-footer .f-column-2 {
  min-width: 248px;
  margin: 0 0 0 24px;
}

.new-footer .f-column-2 {
  margin-left: auto;
}

.new-footer footer > div > div {
  justify-content: flex-start;
}

.new-footer .footer-menu-strelka {
  display: none;
}

.share-favorite-modal,
.modal-notification-info,
.open-city-modal--orange,
.new-reason-modal,
.cancel-order,
.text-new-modal {
  border-radius: 24px;
  width: 520px;
  overflow: visible !important;
}

.mobile-order-popup {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
  background: #fff;
  border-radius: 16px 16px 0 0;
  box-shadow: 0 0 0 99999px rgba(21, 21, 21, 0.4);
  color: var(--text-primary, #151515);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.mobile-order-popup .close {
  position: absolute;
  top: -48px;
  right: 16px;
  box-sizing: border-box;
  border-radius: 24px;
  display: block;
  z-index: 10;
  border: 1px solid var(--border-contrast, rgba(255, 255, 255, 0.5));
  width: 48px;
  background: url(../images/svg/close-white.svg) no-repeat center;
  background-size: 24px;
  height: 32px;
}

.mobile-order-popup .top {
  color: var(--text-primary, #151515);
  font-size: 20px;
  font-weight: 600;
  display: block;
  width: 100%;
  line-height: 24px;
  margin: 0 0 6px;
}

.mobile-order-popup small {
  display: none;
}

.mobile-order-popup .item {
  display: block;
  overflow: hidden;
  padding: 0 0 12px;
  border-bottom: 1px solid var(--border-secondary, #EFF2F7);
}

.mobile-order-popup .item:last-child {
  border-bottom: none;
}

.mobile-order-popup .question {
  color: var(--text-elements, #121E46);
  font-size: 12px;
  font-weight: 400;
  margin: 0;
  box-shadow: none;
  border-radius: 0;
  float: left;
  line-height: 14px;
  display: inline-block;
  padding: 0 24px 0 0;
  cursor: pointer;
  position: relative;
}

.mobile-order-popup .question:before {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url("../images/svg/arr-small-right.svg") no-repeat center;
}

.mobile-order-popup .question--order {
  display: none !important;
}

.mobile-order-popup .product {
  width: 100%;
  overflow: hidden;
  display: flex;
  align-items: flex-start;
  padding: 12px 0;
  font-size: 14px;
  line-height: 20px;
}

.mobile-order-popup .product span {
  flex: 1;
  overflow: hidden;
}

.mobile-order-popup .product:hover img {
  opacity: 0.5;
}

.mobile-order-popup .product:hover .name {
  color: var(--icon-accent, #F29D00);
}

.mobile-order-popup .preview {
  flex: 0 !important;
  width: 68px;
  height: 68px;
  margin: 0 12px 0 0;
  min-width: 68px;
  overflow: visible !important;
  position: relative;
}

.mobile-order-popup .preview .count {
  position: absolute;
  top: 100%;
  left: 100%;
  border-radius: 100px;
  background: var(--icon-bg-dark, #D5E5FF);
  min-width: 28px;
  box-sizing: border-box;
  text-align: center;
  color: var(--text-primary, #151515);
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
  margin: 5px -5px -5px 5px;
  padding: 0 10px;
  height: 16px;
  transform: translate(-100%, -100%);
}

.mobile-order-popup .cash {
  margin: 0 0 4px;
  color: var(--text-primary, #151515);
  font-weight: 600;
  display: block;
}

.mobile-order-popup .like {
  border-radius: 24px;
  margin: -5px 91px 0 0;
  background: #EFF2F7;
  padding: 4px 8px;
  float: right;
}

.mobile-order-popup .like.active i:before {
  display: none;
}

.mobile-order-popup .like.active i:after {
  opacity: 1;
}

.mobile-order-popup .like i {
  width: 16px;
  height: 16px;
  position: relative;
  background: url(../images/svg/like.svg) no-repeat center;
  background-size: contain;
  display: block;
}

.mobile-order-popup .like i:before,
.mobile-order-popup .like i:after {
  opacity: 0;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../images/svg/like-active.svg) no-repeat center;
  background-size: contain;
}

.mobile-order-popup .like i:before {
  background: url(../images/svg/like-hover.svg) no-repeat center;
  background-size: contain;
}

.mobile-order-popup .gray {
  color: var(--text-secondary, rgba(21, 21, 21, 0.5));
}

.mobile-order-popup .name {
  font-size: 12px;
  line-height: 14px;
  overflow: hidden;
  color: var(--text-primary, #151515);
  text-overflow: ellipsis;
  font-style: normal;
  display: block;
  white-space: nowrap;
  font-weight: 400;
}

.mobile-order-popup .params {
  padding: 3px 0 0;
  overflow: hidden;
  color: var(--text-secondary, rgba(21, 21, 21, 0.5));
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
  display: block;
}

.mobile-order-popup .btn {
  float: right;
  margin: -6px -123px 0 16px;
  text-align: center;
  box-sizing: border-box;
  font-size: 12px;
  line-height: 14px;
  width: 76px;
  padding: 5px 0 5px;
}

.mobile-order-popup .bonus {
  background: url(../../images/svg/diamond.svg) no-repeat left 4px center;
  background-size: 16px;
  padding: 0 0 0 24px;
  float: right;
  color: var(--text-bonuses, #0E22D4);
  font-size: 10px;
  font-weight: 400;
  line-height: 16px;
}

.mobile-order-popup .disabled .cash .gray,
.mobile-order-popup .disabled .cash,
.mobile-order-popup .disabled .params,
.mobile-order-popup .disabled .name,
.mobile-order-popup .disabled .product {
  color: var(--text-primary-disabled, rgba(21, 21, 21, 0.3)) !important;
}

.mobile-order-popup .disabled img {
  opacity: 0.5;
}

.mobile-order-popup img {
  border-radius: 8px;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.mobile-order-popup_in {
  max-height: calc(90vh - 100px);
  overflow: auto;
  padding: 18px 16px;
}

@keyframes slidein {
  from {
    opacity: 0;
    transform: translateX(100%);
  }

  to {
    opacity: 1;
    transform: translateX(0%);
  }
}

.notification-popup {
  display: none;
  color: #1D2020;
  height: 0;
  position: fixed;
  z-index: 10000;
  top: 171px;
  box-sizing: border-box;
  width: var(--main-width);
  transform: translateX(50%);
  right: 50%;
}

.notification-popup .hide {
  transform: translateX(100%);
  opacity: 0;
}

.notification-popup .green {
  background: #ddf1e1;
}

.notification-popup .green:after {
  background: url(../../images/check-green.svg) no-repeat center;
}

.notification-popup .red {
  background: var(--red);
  color: #fff !important;
}

.notification-popup .red i {
  background: url(../../images/close-small-white.svg) no-repeat center;
}

.notification-popup .red:after {
  background: url(../../images/info.svg) no-repeat center;
}

.notification-popup .black {
  color: #fff;
  background: var(--black, #151515);
}

.notification-popup .black i {
  background: url(../../images/close-small-white.svg);
}

.notification-popup .black:after {
  background: url(../../images/notification-check.svg) no-repeat;
  background-size: contain;
}

.notification-popup span {
  animation: slidein 0.2s 0s;
  box-shadow: 0px 0px 20px 0px rgba(21, 21, 21, 0.15);
  border: 1px solid #fff;
  cursor: pointer;
  border-radius: 16px;
  font-size: 16px;
  position: relative;
  opacity: 1;
  transform: translateX(0);
  display: block;
  padding: 20px 80px 20px 55px;
  font-weight: 700;
  line-height: 1.4;
  transition: all 0.2s linear;
  float: right;
  clear: right;
  text-align: left;
  box-sizing: border-box;
  margin: 10px 0 0;
}

.notification-popup span:hover i {
  transform: translateY(-50%) scale(1.1);
}

.notification-popup span:first-child {
  margin: 0;
}

.notification-popup span:after {
  content: "";
  top: 50%;
  transform: translateY(-50%);
  left: 20px;
  position: absolute;
  width: 24px;
  height: 24px;
  background: #fff;
  border-radius: 100%;
}

.notification-popup span i {
  content: "";
  top: 50%;
  transition: all 0.2s linear;
  transform: translateY(-50%);
  right: 20px;
  position: absolute;
  width: 14px;
  height: 14px;
  background: url(../../images/close-small.svg) no-repeat center;
}

.open-city-modal--orange,
.modal-close,
.new-reason-modal,
.cancel-order,
.text-new-modal,
.authorization-orange,
.similar-product--new,
.current-city-modal {
  overflow: visible !important;
}

.open-city-modal--orange .fancybox-close-small,
.modal-close .fancybox-close-small,
.new-reason-modal .fancybox-close-small,
.cancel-order .fancybox-close-small,
.text-new-modal .fancybox-close-small,
.authorization-orange .fancybox-close-small,
.similar-product--new .fancybox-close-small,
.current-city-modal .fancybox-close-small {
  padding: 4px 12px;
  box-sizing: border-box;
  border-radius: 24px;
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.5);
  right: -73px;
  top: 0;
  opacity: 1;
  width: 48px;
  height: 32px;
}

.open-city-modal--orange .fancybox-close-small:hover,
.modal-close .fancybox-close-small:hover,
.new-reason-modal .fancybox-close-small:hover,
.cancel-order .fancybox-close-small:hover,
.text-new-modal .fancybox-close-small:hover,
.authorization-orange .fancybox-close-small:hover,
.similar-product--new .fancybox-close-small:hover,
.current-city-modal .fancybox-close-small:hover {
  border: 1px solid rgba(255, 255, 255, 0.5);
  background: rgba(255, 255, 255, 0.3);
}

.open-city-modal--orange .fancybox-close-small svg path,
.modal-close .fancybox-close-small svg path,
.new-reason-modal .fancybox-close-small svg path,
.cancel-order .fancybox-close-small svg path,
.text-new-modal .fancybox-close-small svg path,
.authorization-orange .fancybox-close-small svg path,
.similar-product--new .fancybox-close-small svg path,
.current-city-modal .fancybox-close-small svg path {
  fill: #fff !important;
}

.modal-close {
  padding: 36px;
}

.current-city-modal {
  width: 520px;
  overflow: visible !important;
  border-radius: 24px;
  padding: 38px 36px 36px 36px;
}

.current-city-modal .modal-h1 {
  text-align: left;
  margin: 0 0 19px;
  color: var(--black, #151515);
  font-size: 28px;
  font-weight: 600;
  line-height: 36px;
  /* 128.571% */
}

.current-city-modal .form-item {
  position: relative;
}

.current-city-modal .has-text .clear {
  opacity: 1;
  visibility: visible;
}

.current-city-modal .has-text .modal-search:focus {
  background: #fff;
}

.current-city-modal .clear {
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 22px;
  right: 15px;
}

.current-city-modal .clear:hover path {
  fill: var(--blue);
  fill-opacity: 100;
}

.current-city-modal .modal-spisok-01 {
  max-height: calc(50vh - 130px);
  overflow: auto;
  margin: 20px 0 0;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.current-city-modal .modal-spisok-01::-webkit-scrollbar {
  display: none;
}

.current-city-modal .modal-spisok-01 a {
  color: var(--text-primary, #151515);
  padding-right: 30px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.current-city-modal li {
  margin: 0 0 16px;
}

.current-city-modal .active a {
  background: url(../images/svg/check-city.svg) no-repeat right center;
}

.current-city-modal .modal-search:focus {
  background: #fff;
}

.current-city-modal .auto-loc {
  margin: 0 0 32px;
  cursor: pointer;
  color: #485BFE;
  gap: 8px;
  font-size: 14px;
  display: flex;
  align-items: center;
  font-weight: 400;
  line-height: 24px;
}

.current-city-modal .auto-loc:hover {
  text-decoration: underline;
}

.current-city-modal input {
  width: 100%;
  margin: 10px 0 15px 0;
  border-radius: 12px;
  background: #F8FAFF url(../images/search-grey.svg) no-repeat right 15px center;
  border: 1px solid #F8FAFF;
  height: 48px;
  padding: 8px 75px 8px 16px;
  color: var(--black);
  transition: none !important;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

.current-city-modal input:focus {
  background: #F8FAFF;
  border-radius: 12px;
  border: 1px solid #121E46;
}

.current-city-modal input::-webkit-input-placeholder {
  color: rgba(21, 21, 21, 0.5);
}

.current-city-modal input::-moz-placeholder {
  color: rgba(21, 21, 21, 0.5);
}

.current-city-modal input:-moz-placeholder {
  color: rgba(21, 21, 21, 0.5);
}

.current-city-modal input:-ms-input-placeholder {
  color: rgba(21, 21, 21, 0.5);
}

.cookie-modal {
  z-index: 10;
  display: none;
  border-radius: 24px;
  background: #FFF;
  padding: 24px;
  width: 90%;
  max-width: 520px;
  position: fixed;
  bottom: 30px;
  right: 30px;
  box-shadow: 0px 4px 28px 0px rgba(0, 0, 0, 0.12);
  color: rgba(21, 21, 21, 0.5);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}

.cookie-modal h5 {
  margin: 0 0 5px;
  color: var(--text-primary, #151515);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  /* 142.857% */
}

.cookie-modal a {
  color: #DD8F00;
}

.cookie-modal .cookie-buttons {
  display: flex;
  gap: 12px;
  margin: 17px 0 0;
}

.cookie-modal .akcent-button {
  border: none;
}

.cookie-modal .akcent-button,
.cookie-modal .akcent-button-white-blue {
  flex: 1;
  height: auto;
  line-height: 35px;
  border-radius: 99px;
  font-size: 14px;
}

.text-new-modal {
  padding: 39px 36px 36px;
}

.text-new-modal .modal-text-01 {
  color: var(--text-primary, #151515);
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  gap: 22px;
  display: flex;
  flex-direction: column;
}

.text-new-modal .modal-text-01 strong {
  color: var(--text-primary, #151515);
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  /* 171.429% */
}

.text-new-modal .modal-text-01 a {
  color: #DD8F00;
  text-decoration: none;
}

.text-new-modal .modal-text-01 a:hover {
  color: #DD8F00;
}

.text-new-modal .modal-text-01 ul {
  margin-left: 17px;
  list-style: disc;
}

.text-new-modal .modal-h1 {
  color: var(--text-primary, #151515);
  margin: 0 0 10px;
  font-size: 28px;
  font-weight: 600;
  line-height: 36px;
  text-align: left;
}

.text-new-modal p + ul {
  margin-top: -22px;
}

.text-new-modal b,
.text-new-modal strong {
  font-weight: 600;
}

.text-new-modal h3 {
  color: var(--text-primary, #151515);
  margin: 14px 0 -12px;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
}

.text-new-modal h3:first-child {
  margin-top: 0;
}

.text-new-modal .fancybox-close-small {
  top: 0;
}

.text-new-modal .btn-full {
  width: 100%;
  display: block;
  margin-top: 36px;
  text-align: center;
}

.text-new-modal .btn-empty-border {
  font: normal 600 16px/24px "Mulish", sans-serif;
  border: 1px solid #121E46;
  color: var(--text-elements, #121E46);
  text-align: center;
  min-height: 1px;
  height: auto;
  padding: 6px;
  border-radius: 99px;
  background: none;
}

.text-new-modal .btn-empty-border:hover {
  border: 1px solid var(--text-link-active, #0E22D4);
  color: var(--text-link-active, #0E22D4);
}

.text-new-modal .btn-group {
  display: flex;
  padding: 26px 0 0;
  gap: 20px;
}

.text-new-modal .btn-group * {
  margin: 0;
  flex: 1;
}

.otzyv-page-detail--new .dropzone .dz-details {
  display: none !important;
}

.modal-text-01 h5 {
  margin: 0 0 -18px;
  color: var(--text-primary, #151515);
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.cancel-order {
  padding: 39px 30px 0 36px;
}

.cancel-order .fancybox-close-small {
  top: 0;
}

.cancel-order .podzagolovok {
  margin: 0 0 35px;
  color: var(--text-primary, #151515);
  font-size: 28px;
  font-style: normal;
  font-weight: 600;
  line-height: 36px;
}

.cancel-order .simplebar-content {
  min-height: 100%;
  display: flex;
  flex-direction: column;
}

.cancel-order .order-composition_item_list .item {
  padding: 0;
}

.cancel-order .order-composition_item_list .custom-check {
  margin: 0 6px 0 0;
}

.cancel-order .custom-check label:hover .icon {
  border-color: var(--icon-accent, #F29D00);
}

.cancel-order .custom-check .icon {
  width: 20px;
  margin: 0 12px 0 2px;
  height: 20px;
}

.cancel-order .date {
  color: var(--text-primary, #151515);
  font-size: 14px;
  font-weight: 600;
  margin: 0 0 1px;
  line-height: 20px;
}

.cancel-order .empty {
  text-align: center;
  color: var(--text-primary-disabled, rgba(21, 21, 21, 0.3));
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  margin-top: auto;
  line-height: 24px;
  padding: 1px 0 36px;
    width: auto;
    height: auto;
}

.cancel-order .simplebar-track.simplebar-vertical {
  bottom: 36px;
}

.cancel-order.has-check .empty {
  display: none;
}

.cancel-order.has-check .bottom {
  display: flex;
}

.cancel-order .bottom {
  display: none;
  gap: 24px;
  color: var(--text-primary, #151515);
  font-size: 16px;
  font-weight: 600;
  align-items: center;
  padding: 10px 0 36px;
  margin-top: -10px;
  line-height: 24px;
  position: relative;
  background: #fff;
}

.cancel-order .bottom .cash {
  color: var(--text-secondary, rgba(21, 21, 21, 0.5));
  font-size: 12px;
  font-weight: 400;
  margin: 5px 0 0;
  line-height: 16px;
}

.cancel-order .bottom .btn,
.cancel-order .bottom div {
  flex: 1;
}

.cancel-order .btn {
  padding: 12px 5px;
  font-size: 16px;
  border: none;
}

.cancel-order_list {
  height: 50vh;
  overflow: auto;
  padding: 4px 0 0;
}

.cancel-order_list .custom-check {
  margin: 0 0 23px;
}

.cancel-order_list label {
  margin: 0;
}

.new-reason-modal {
  padding: 39px 36px 36px;
}

.new-reason-modal label.radio-container {
  display: block;
  position: relative;
  cursor: pointer;
  user-select: none;
  padding-left: 34px;
  color: var(--text-primary, #151515);
  font-size: 14px;
  font-weight: 400;
  margin: 0 0 16px;
  line-height: 20px;
}

.new-reason-modal textarea.error {
  border-color: #f55555;
}

.new-reason-modal .modal-text-01 {
  color: var(--text-primary, #151515);
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  gap: 22px;
  display: flex;
  flex-direction: column;
}

.new-reason-modal .modal-text-01 strong {
  color: var(--text-primary, #151515);
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  /* 171.429% */
}

.new-reason-modal .modal-text-01 a {
  color: #DD8F00;
  text-decoration: none;
}

.new-reason-modal .modal-text-01 a:hover {
  color: #DD8F00;
}

.new-reason-modal .podzagolovok {
  color: var(--black, #151515);
  margin: 0 0 35px;
  font-size: 28px;
  font-weight: 600;
  line-height: 36px;
  text-align: left;
}

.new-reason-modal .fancybox-close-small {
  top: 0;
}

.new-reason-modal .checkmark {
  width: 20px;
  box-sizing: border-box;
  background: #EFF2F7;
  border: 1px solid rgba(21, 21, 21, 0.08);
  height: 20px;
  left: 2px;
}

.new-reason-modal .checkmark:after {
  width: 8px;
  height: 8px;
  border-radius: 100%;
  background: #fff;
  margin: 0;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
}

.new-reason-modal .radio-container input:checked ~ .checkmark {
  border-color: var(--icon-accent, #F29D00);
  background: var(--icon-accent, #F29D00);
}

.new-reason-modal .form-item {
  margin: 73px 0 -11px;
  position: relative;
}

.new-reason-modal .form-item label {
  color: var(--text-secondary, rgba(21, 21, 21, 0.5));
  font-size: 14px;
  font-weight: 400;
  position: absolute;
  top: 1px;
  right: 1px;
  width: auto;
  border-radius: 0 12px 0 0;
  padding: 11px 0 0;
  left: 16px;
  background: #F8FAFF;
  line-height: 24px;
}

.new-reason-modal textarea {
  padding: 15px 15px 7px;
  margin: 0;
  line-height: 24px;
  min-height: 48px;
  border-radius: 12px;
  box-sizing: border-box;
  background: #F8FAFF;
  border: 1px solid #F8FAFF;
  transition: none;
  max-height: 130px;
}

.new-reason-modal textarea.has-text + label {
  font-size: 10px;
  padding: 5px 0 0;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
}

.new-reason-modal textarea:focus {
  border: 1px solid var(--l-grey);
}

.new-reason-modal textarea:focus + label {
  background: #fff;
  font-size: 10px;
  padding: 5px 0 0;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
}

.new-reason-modal .info-blue {
  margin: 23px 0 0;
  padding: 12px 16px 12px 52px;
  border-radius: 12px;
  background: #EFF2F7 url(../images/svg/info-blue-bg.svg) no-repeat top 12px left 15px;
  color: var(--text-secondary, rgba(21, 21, 21, 0.5));
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}

.new-reason-modal .info-blue strong {
  display: block;
  color: var(--text-primary, #151515);
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
}

.new-reason-modal .button-bottom {
  border: none;
  padding: 7px 40px 0 40px;
  gap: 22px;
}

.new-reason-modal .button-bottom p {
  color: var(--black, #151515);
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.new-reason-modal .button-bottom span {
  color: var(--text-secondary, rgba(21, 21, 21, 0.5));
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}

.new-reason-modal .button-bottom .btn-default {
  width: 100%;
}

.new-reason-modal .left {
  flex: 1;
  padding: 3px 0 0;
}

.new-reason-modal .right {
  flex: 1;
}

.hide-filed {
  display: none;
}

.similar-product--new_top {
  justify-content: space-between;
  display: flex;
  align-items: center;
  margin: 0 0 47px;
}

.similar-product--new {
  width: 1608px;
  margin: 100px 0 0 !important;
  padding: 36px !important;
  border-radius: 24px;
  overflow: visible !important;
}

.similar-product--new .row-main--slider {
  padding: 0 35px;
  width: auto;
  margin: 0 -35px;
}

.similar-product--new .fancybox-close-small {
  top: -55px;
  right: 0;
  width: 47px;
  height: 32px;
  padding: 4px;
}

.similar-product--new .similar-products-top--new {
  margin-top: 0;
}

.similar-product--new .recommendation-title {
  overflow: hidden;
}

.similar-product--new .modal-h1 {
  color: var(--text-primary, #151515);
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  margin: 0;
  text-align: left;
  line-height: 52px;
}

.similar-product--new .modal-h2 {
  margin: 4px 0 0;
  color: var(--text-secondary, rgba(21, 21, 21, 0.5));
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
}

.similar-product--new .category-group {
  margin: 48px 0 50px;
  padding: 0;
}

.similar-product--new .category-group .name {
  overflow: hidden;
  color: var(--text-primary, #151515);
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.similar-product--new .category-group .preview {
  border: none !important;
  border-radius: 8px;
  box-shadow: none !important;
  width: 68px;
  min-width: 68px;
  height: 68px;
  margin: 0 15px 0 0;
  overflow: hidden;
  float: left;
  background: #FFF;
}

.similar-product--new .category-group .in-link {
  display: none;
}

.similar-product--new .category-group .in-link:after {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(../images/svg/arr.svg) no-repeat center;
  background-size: 20px;
}

.similar-product--new .category-group .col {
  padding: 24px 25px;
}

.similar-product--new .category-group .in {
  gap: 9px;
}

.similar-product--new .category-group .in a {
  border-radius: 12px;
  padding: 8px;
  border: 1px solid #fff;
  background: #FFF;
}

.similar-product--new .category-group .in a:hover {
  border: 1px solid var(--icon-accent, #F29D00);
}

.similar-product--new .category-group .cash {
  padding: 9px 0 4px;
  display: block;
}

.authorization-orange {
  width: 520px;
  overflow: visible !important;
  border-radius: 24px;
  padding: 38px 36px 36px 36px;
}

.authorization-orange .fancybox-close-small {
  top: 0;
}

.authorization-orange .modal-h1 {
  color: var(--text-primary, #151515);
  font-size: 28px;
  font-weight: 600;
  text-align: left;
  line-height: 36px;
  margin: 0 0 10px;
}

.authorization-orange .modal-text-01 {
  color: var(--text-primary, #151515);
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  margin: 10px 0 28px;
}

.authorization-orange .modal-text-01 h5 {
  color: var(--text-primary, #151515);
  font-size: 16px;
  margin: 32px 0 6px;
  font-weight: 600;
  line-height: 24px;
}

.authorization-orange .modal-text-01 a {
  color: #DD8F00;
  text-decoration: none;
}

.authorization-orange .modal-text-01 a:hover {
  color: #DD8F00;
}

.authorization-orange .polit {
  padding: 1px 0 0;
  color: var(--text-secondary, rgba(21, 21, 21, 0.5));
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}

.authorization-orange .polit:last-child {
  padding-top: 13px;
}

.authorization-orange .polit a {
  color: var(--orange-active, #DD8F00);
}

.authorization-orange .polit a:hover {
  color: var(--text-link-hover, #F29D00);
}

.authorization-orange .field-list {
  padding: 26px 0 24px;
}

.authorization-orange .field-list .form-item {
  margin-bottom: 12px;
}

.authorization-orange .field-list .error-text {
  margin-top: 5px;
}

.authorization-orange .btn-orange {
  margin: 0 0 12px;
  padding: 12px 20px;
  font-size: 16px;
  width: 100%;
}

.authorization-orange .btn-orange + .polit {
  padding-top: 1px;
}

.authorization-orange .clear {
  position: absolute;
  top: 24px;
  opacity: 0;
  transform: translateY(-50%);
  right: 21px;
  cursor: pointer;
}

.authorization-orange .clear:hover svg {
  opacity: 1;
}

.authorization-orange .clear svg {
  display: block;
  opacity: 0.3;
}

.authorization-orange .or {
  margin: 19px 0 20px;
  position: relative;
  overflow: hidden;
  text-align: center;
  color: var(--text-secondary, rgba(21, 21, 21, 0.5));
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}

.authorization-orange .or:after {
  background: var(--border-tetriary-2, rgba(21, 21, 21, 0.08));
  content: "";
  height: 1px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 100%;
}

.authorization-orange .or span {
  padding: 0 12px;
  background: #fff;
  z-index: 4;
  position: relative;
}

.authorization-orange .mail-btn {
  display: flex;
  gap: 12px;
  justify-content: center;
}

.authorization-orange .mail-btn .btn {
  padding: 11px 20px;
  border-radius: 100px;
  border: 1px solid var(--border-tetriary-2, rgba(21, 21, 21, 0.08));
  color: var(--text-elements, #121E46);
  text-align: center;
  font-size: 16px;
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 600;
  flex: 1;
  justify-content: center;
  line-height: 24px;
}

.authorization-orange .mail-btn .btn:hover {
  border: 1px solid var(--text-link-active, #0E22D4);
  color: var(--text-link-active, #0E22D4);
}

.authorization-orange .mail-btn svg {
  min-width: 25px;
  width: 25px;
  height: 24px;
}

.authorization-orange .bottom-link {
  margin: 20px 0 0;
  color: var(--text-elements, #121E46);
  text-align: center;
  font-size: 14px;
  font-style: normal;
  display: block;
  font-weight: 600;
  line-height: 24px;
}

.authorization-orange .bottom-link:hover {
  color: var(--text-link-active, #0E22D4);
}

.authorization-orange .iti {
  width: 100%;
  position: relative;
}

.authorization-orange .iti:hover input {
  border: 1px solid var(--border-dark-hover, #0E22D4);
}

.authorization-orange .has-text .clear {
  opacity: 1;
  visibility: visible;
}

.authorization-orange .form-item {
  position: relative;
  z-index: 10;
  margin: 0 0 28px;
}

.authorization-orange .form-item input {
  margin: 0;
  width: 100%;
  border-radius: 12px;
  border: 1px solid #F8FAFF;
  background: #F8FAFF;
  color: var(--text-primary, #151515);
  font-size: 14px;
  padding: 11px 50px 11px 130px !important;
  font-weight: 400;
  line-height: 24px;
}

.authorization-orange .form-item input:focus {
  border-color: #121E46 !important;
  background: #F8FAFF !important;
}

.authorization-orange .form-item input[type=text],
.authorization-orange .form-item input[type=email] {
  padding: 11px 45px 11px 15px !important;
}

.authorization-orange .form-item input[type=text]:hover,
.authorization-orange .form-item input[type=email]:hover {
  border: 1px solid var(--border-dark-hover, #0E22D4);
}

.authorization-orange .iti__a11y-text {
  font-size: 0;
}

.authorization-orange .error-text {
  color: var(--text-error, #EC4651);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  margin: 13px 12px -1px;
}

.authorization-orange .tac {
  text-align: center;
}

.authorization-orange .iti__selected-dial-code {
  color: var(--text-primary, #151515);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.authorization-orange .iti__arrow {
  display: none !important;
}

.authorization-orange .iti__selected-country {
  font: inherit inherit/inherit inherit;
  z-index: 1;
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
  background: none;
  border: 0;
  margin: 0;
  color: inherit;
  text-decoration: none;
  background: #EFF2F7;
  border-radius: 8px;
  padding: 8px 12px;
}

.authorization-orange .iti__selected-country:hover {
  background: var(--bg-primary, #EFF2F7);
}

.authorization-orange .iti__selected-country[aria-expanded=true] {
  background: var(--bg-primary-hover, #B8CFFA);
}

.authorization-orange .iti__selected-country[aria-expanded=true]:after {
  transform: scale(-1);
}

.authorization-orange .iti__selected-country:after {
  width: 24px;
  background: url(../images/svg/arr-search.svg) no-repeat;
  content: "";
  height: 24px;
  margin: 0 0 0 4px;
  display: inline-block;
}

.authorization-orange .iti__country-container {
  position: absolute;
  padding: var(--iti-border-width);
  top: 5px;
  left: 5px !important;
  bottom: 5px;
}

.authorization-orange .iti__selected-country-primary {
  display: flex;
  align-items: center;
  padding: 0;
  background: none !important;
}

.authorization-orange .iti--inline-dropdown .iti__dropdown-content {
  margin-top: 12px;
  margin-left: -5px;
}

.authorization-orange .iti__dropdown-content {
  border-radius: 12px;
  border: 1px solid #fff !important;
  background: #FFF;
  box-shadow: 0px 4px 28px 0px rgba(0, 0, 0, 0.12) !important;
  padding: 0 0 0 4px;
}

.authorization-orange .iti__dropdown-content ul {
  padding-top: 4px;
  padding-bottom: 4px;
}

.authorization-orange .iti__dropdown-content li {
  margin-right: 4px;
}

.authorization-orange .iti__country {
  color: var(--text-primary, #151515);
  font-size: 14px;
  font-weight: 400;
  padding: 11px 36px 11px 8px;
  line-height: 20px;
}

.authorization-orange .iti__country:hover {
  border-radius: 12px;
  background: #EFF2F7;
}

.authorization-orange .iti__country.active {
  background: url(../images/svg/check-orange.svg) no-repeat right 14px center !important;
}

.authorization-orange .iti__country .iti__country-name {
  margin-left: 4px;
}

.authorization-orange .iti__dial-code {
  margin-left: auto;
  color: var(--text-secondary, rgba(21, 21, 21, 0.5));
  text-align: right;
  font-weight: 400;
}

.authorization-orange .iti__flag {
  transform: scale(1.37);
  margin: 0 7px 0 6px;
}

.authorization-orange .field-group {
  display: flex;
  gap: 8px;
}

.authorization-orange .field-group .col {
  flex: 1;
}

.authorization-orange .field-group input {
  height: 48px;
  padding: 0 !important;
  text-align: center;
}

.authorization-orange .empty-button {
  width: 100%;
  padding: 11px;
  font-size: 16px;
  line-height: 24px;
  display: block;
  font-weight: 600;
  text-align: center;
  border-radius: 99px;
}

.authorization-orange .blue-text {
  color: var(--text-elements-disabled, #B8CFFA);
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  margin: -5px 0 36px;
  display: flex;
  gap: 10px;
  justify-content: center;
  flex-direction: column;
}

.authorization-orange .blue-text.active {
  color: var(--text-elements, #121E46);
}

.authorization-orange .dark-text {
  margin: -5px 0 36px;
  color: var(--text-elements, #121E46);
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  justify-content: center;
  line-height: 24px;
  flex-direction: column;
  display: flex;
  gap: 10px;
}

.authorization-orange .dark-text .link,
.authorization-orange .dark-text a {
  cursor: pointer;
  color: inherit;
}

.authorization-orange .dark-text .link:hover,
.authorization-orange .dark-text a:hover {
  color: #DD8F00;
}

.authorization-orange .step {
  display: none;
}

.authorization-orange .step1 {
  display: block;
}

.authorization-orange .notification {
  padding: 12px 16px 12px 52px;
  display: none;
  margin: -11px 0 27px;
  border-radius: 12px;
  background: #fff8de url(../../images/attention.svg) no-repeat left 16px top 10px;
  background-size: 22px auto;
  color: var(--text-secondary, rgba(21, 21, 21, 0.5));
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}

.authorization-orange .notification p {
  color: var(--text-primary, #151515);
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
}

.authorization-orange .custom-check label:hover {
  color: var(--text-primary, #151515);
}

.authorization-orange .btn-empty-border {
  font: normal 600 16px/24px "Mulish", sans-serif;
  border: 1px solid #121E46;
  color: var(--text-elements, #121E46);
  text-align: center;
  min-height: 1px;
  height: auto;
  padding: 6px;
  border-radius: 99px;
  background: none;
}

.authorization-orange .btn-empty-border:hover {
  border: 1px solid var(--text-link-active, #0E22D4);
  color: var(--text-link-active, #0E22D4);
}

.authorization-orange .btn-group {
  display: flex;
  gap: 20px;
  margin: 0 0 12px;
}

.authorization-orange .btn-group * {
  margin: 0;
  flex: 1;
}

.authorization-orange .info {
  border-radius: 12px;
  background: var(--element-banner-light, #EFF2F7) url(../images/svg/info-blue-bg.svg) no-repeat left 18px center;
  padding: 12px 16px 12px 52px;
  color: var(--text-primary, #151515);
  font-size: 14px;
  font-weight: 600;
  margin: 0 0 28px;
  line-height: 20px;
}

.iti__search-input {
  display: none;
}

.iti__hide {
  display: none;
}

.open-city-modal--orange {
  padding: 39px 36px 36px;
  width: 980px;
}

.open-city-modal--orange .iti__a11y-text {
  font-size: 0;
}

.open-city-modal--orange .error-text {
  color: var(--text-error, #EC4651);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  margin: 13px 12px -1px;
}

.open-city-modal--orange .tac {
  text-align: center;
}

.open-city-modal--orange .modal-h1 {
  color: var(--text-primary, #151515);
  font-size: 28px;
  font-weight: 600;
  text-align: left;
  line-height: 36px;
  margin: 0 0 10px;
}

.open-city-modal--orange .modal-text-01 {
  color: var(--text-primary, #151515);
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  margin: 10px 0 28px;
}

.open-city-modal--orange .modal-text-01 h5 {
  color: var(--text-primary, #151515);
  font-size: 16px;
  margin: 32px 0 6px;
  font-weight: 600;
  line-height: 24px;
}

.open-city-modal--orange .modal-text-01 a {
  color: #DD8F00;
  text-decoration: none;
}

.open-city-modal--orange .modal-text-01 a:hover {
  color: #DD8F00;
}

.open-city-modal--orange .polit {
  padding: 1px 0 0;
  color: var(--text-secondary, rgba(21, 21, 21, 0.5));
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}

.open-city-modal--orange .polit a {
  color: var(--orange-active, #DD8F00);
}

.open-city-modal--orange .polit a:hover {
  color: var(--text-link-hover, #F29D00);
}

.open-city-modal--orange .field-list {
  padding: 26px 0 24px;
}

.open-city-modal--orange .field-list .form-item {
  margin-bottom: 12px;
}

.open-city-modal--orange .field-list .error-text {
  margin-top: 5px;
}

.open-city-modal--orange .btn-orange {
  margin: 0 0 12px;
  padding: 12px 20px;
  font-size: 16px;
  width: 100%;
}

.open-city-modal--orange .btn-orange + .polit {
  padding-top: 1px;
}

.open-city-modal--orange .clear {
  position: absolute;
  top: 24px;
  opacity: 0;
  transform: translateY(-50%);
  right: 21px;
  cursor: pointer;
}

.open-city-modal--orange .clear:hover svg {
  opacity: 1;
}

.open-city-modal--orange .clear svg {
  display: block;
  opacity: 0.3;
}

.open-city-modal--orange .has-text .clear {
  opacity: 1;
  visibility: visible;
}

.open-city-modal--orange .form-item {
  position: relative;
  z-index: 10;
  margin: 0;
}

.open-city-modal--orange .form-item input {
  margin: 0;
  width: 100%;
  height: 48px;
  border-radius: 12px;
  background: #F8FAFF;
  border-color: #F8FAFF;
  color: var(--text-primary, #151515);
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  padding: 28px 45px 11px 15px !important;
}

.open-city-modal--orange .form-item input:hover {
  border: 1px solid var(--border-dark-hover, #0E22D4);
}

.open-city-modal--orange .form-item input:focus {
  border-color: #121E46 !important;
  background: #F8FAFF !important;
}

.open-city-modal--orange .form-item input:focus + label {
  font-size: 10px;
  padding: 5px 0 0;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
}

.open-city-modal--orange .form-item input.error {
  color: var(--text-primary, #151515) !important;
}

.open-city-modal--orange .form-item input.error::-webkit-input-placeholder {
  color: var(--text-secondary, rgba(21, 21, 21, 0.5));
}

.open-city-modal--orange .form-item input.error::-moz-placeholder {
  color: var(--text-secondary, rgba(21, 21, 21, 0.5));
}

.open-city-modal--orange .form-item input.error:-moz-placeholder {
  color: var(--text-secondary, rgba(21, 21, 21, 0.5));
}

.open-city-modal--orange .form-item input.error:-ms-input-placeholder {
  color: var(--text-secondary, rgba(21, 21, 21, 0.5));
}

.open-city-modal--orange .form-item .js-code-phone {
  padding: 11px 50px 11px 130px !important;
}

.open-city-modal--orange .form-item label {
  color: var(--text-secondary, rgba(21, 21, 21, 0.5));
  font-size: 14px;
  font-weight: 400;
  position: absolute;
  top: 1px;
  right: 1px;
  width: auto;
  border-radius: 0 12px 0 0;
  padding: 11px 0 0;
  left: 16px;
  background: #F8FAFF;
  line-height: 24px;
}

.open-city-modal--orange .iti__selected-dial-code {
  color: var(--text-primary, #151515);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.open-city-modal--orange .iti__arrow {
  display: none !important;
}

.open-city-modal--orange .iti__selected-country {
  font: inherit inherit/inherit inherit;
  z-index: 1;
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
  background: none;
  border: 0;
  margin: 0;
  color: inherit;
  text-decoration: none;
  background: #EFF2F7;
  border-radius: 8px;
  padding: 8px 12px;
}

.open-city-modal--orange .iti__selected-country:hover {
  background: var(--bg-primary, #EFF2F7);
}

.open-city-modal--orange .iti__selected-country[aria-expanded=true] {
  background: var(--bg-primary-hover, #B8CFFA);
}

.open-city-modal--orange .iti__selected-country[aria-expanded=true]:after {
  transform: scale(-1);
}

.open-city-modal--orange .iti__selected-country:after {
  width: 24px;
  background: url(../images/svg/arr-search.svg) no-repeat;
  content: "";
  height: 24px;
  margin: 0 0 0 4px;
  display: inline-block;
}

.open-city-modal--orange .iti__country-container {
  position: absolute;
  padding: var(--iti-border-width);
  top: 5px;
  left: 5px !important;
  bottom: 5px;
}

.open-city-modal--orange .iti__selected-country-primary {
  display: flex;
  align-items: center;
  padding: 0;
  background: none !important;
}

.open-city-modal--orange .iti--inline-dropdown .iti__dropdown-content {
  margin-top: 12px;
  margin-left: -5px;
}

.open-city-modal--orange .iti__dropdown-content {
  border-radius: 12px;
  border: 1px solid #fff !important;
  background: #FFF;
  box-shadow: 0px 4px 28px 0px rgba(0, 0, 0, 0.12) !important;
  padding: 0 0 0 4px;
}

.open-city-modal--orange .iti__dropdown-content ul {
  padding-top: 4px;
  padding-bottom: 4px;
}

.open-city-modal--orange .iti__dropdown-content li {
  margin-right: 4px;
}

.open-city-modal--orange .iti__country {
  color: var(--text-primary, #151515);
  font-size: 14px;
  font-weight: 400;
  padding: 11px 36px 11px 8px;
  line-height: 20px;
}

.open-city-modal--orange .iti__country:hover {
  border-radius: 12px;
  background: #EFF2F7;
}

.open-city-modal--orange .iti__country.active {
  background: url(../images/svg/check-orange.svg) no-repeat right 14px center !important;
}

.open-city-modal--orange .iti__country .iti__country-name {
  margin-left: 4px;
}

.open-city-modal--orange .iti__dial-code {
  margin-left: auto;
  color: var(--text-secondary, rgba(21, 21, 21, 0.5));
  text-align: right;
  font-weight: 400;
}

.open-city-modal--orange .iti__flag {
  transform: scale(1.37);
  margin: 0 7px 0 6px;
}

.open-city-modal--orange .iti {
  width: 100%;
  position: relative;
}

.open-city-modal--orange .iti:hover input {
  border: 1px solid var(--border-dark-hover, #0E22D4);
}

.open-city-modal--orange .inputs-2-in-row {
  gap: 16px;
  margin: 0 0 26px;
}

.open-city-modal--orange .has-text label {
  font-size: 10px;
  padding: 5px 0 0;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
}

.open-city-modal--orange .label {
  color: var(--text-primary, #151515);
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  display: block;
  margin: 0 0 18px;
}

.inputs-2-in-row--up {
  position: relative;
  z-index: 105;
}

.notification-popup {
  top: 152px !important;
  width: 1600px;
}

.notification-popup span {
  padding: 18px 80px 18px 55px;
  border-radius: var(--s, 12px);
}

.notification-popup .color {
  box-shadow: none;
  border: none;
  background: var(--text-elements, #121E46);
  color: #FFF;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
}

.notification-popup .color .js-close {
  display: none;
}

.notification-popup .color:after {
  width: 24px;
  height: 24px;
  background: url(../images/svg/check-green.svg) no-repeat;
}

.modal-notification-info {
  text-align: center;
}

.modal-notification-info .error-marker-svg {
  width: 120px;
  height: 120px;
  margin: 0 auto 36px;
}

.modal-notification-info .success-text {
  font-size: 28px !important;
  line-height: 36px !important;
  font-weight: 600;
  margin: 0 0 10px;
}

.modal-notification-info .success-modal-info {
  font-size: 14px;
  line-height: 20px;
}

.modal-notification-info .twoButtons {
  display: flex;
  align-items: center;
  gap: 24px;
}

.modal-notification-info .twoButtons > * {
  font: 600 16px "Mulish", sans-serif !important;
  flex: 1;
  height: 48px;
}

.favorite-list-modal {
  width: 1608px;
  padding: 38px 36px 36px;
  border-radius: 24px;
}

.favorite-list-modal .custom-check {
  display: block;
}

.favorite-list-modal .fancybox-close-small {
  right: 36px;
  top: 51px;
  border: 1px solid var(--border-tetriary-2, rgba(21, 21, 21, 0.08));
}

.favorite-list-modal .fancybox-close-small:hover {
  border: 1px solid var(--border-tetriary-2, rgba(21, 21, 21, 0.08));
  background: var(--bg-primary-hover, #B8CFFA);
}

.favorite-list-modal .fancybox-close-small:hover svg path {
  fill: #0E22D4 !important;
}

.favorite-list-modal .fancybox-close-small svg path {
  fill: #151515 !important;
}

.favorite-list-modal .title {
  margin: 0 0 26px;
  color: var(--text-primary, #151515);
  font-size: 40px;
  font-weight: 700;
  line-height: 52px;
}

.favorite-list-modal label {
  font: 400 14px/24px "Mulish", sans-serif;
  color: var(--text-primary, #151515);
  margin: 0 0 12px;
}

.favorite-list-modal .form-item {
  position: relative;
  z-index: 10;
  margin: 0;
}

.favorite-list-modal .form-item input {
  margin: 0;
  width: 100%;
  border-radius: 12px;
  border: 1px solid #F8FAFF;
  background: #F8FAFF;
  color: var(--text-primary, #151515);
  font-size: 14px;
  padding: 11px 50px 11px 130px !important;
  font-weight: 400;
  line-height: 24px;
}

.favorite-list-modal .form-item input:focus {
  border-color: #121E46 !important;
  background: #F8FAFF !important;
}

.favorite-list-modal .form-item input[type=text],
.favorite-list-modal .form-item input[type=email] {
  padding: 11px 45px 11px 15px !important;
}

.favorite-list-modal .form-item input[type=text]:hover,
.favorite-list-modal .form-item input[type=email]:hover {
  border: 1px solid var(--border-dark-hover, #0E22D4);
}

.favorite-list-modal .has-text .clear {
  opacity: 1;
  visibility: visible;
}

.favorite-list-modal .clear {
  position: absolute;
  top: 24px;
  opacity: 0;
  transform: translateY(-50%);
  right: 21px;
  cursor: pointer;
}

.favorite-list-modal .clear:hover svg {
  opacity: 1;
}

.favorite-list-modal .clear svg {
  display: block;
  opacity: 0.3;
}

.favorite-list-modal .bottom {
  position: absolute;
  bottom: 0;
  border-radius: 0 0 24px 24px;
  left: 0;
  width: 100%;
  background: var(--bg-contrast, #FFF);
  box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.08);
  padding: 36px;
  display: flex;
  justify-content: space-between;
  color: var(--text-primary, #151515);
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  align-items: center;
}

.favorite-list-modal .bottom .btn {
  border: none;
  font-size: 16px;
  padding: 11px 29px;
}

.favorite-list-modal .cabinet-favorite-list_in {
  padding: 48px 0 100px;
  max-height: calc(100vh - 270px);
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.favorite-list-modal .cabinet-favorite-list_in::-webkit-scrollbar {
  display: none;
}

.share-favorite-modal {
  width: 520px;
  padding: 38px 36px;
  font-family: "Mulish", sans-serif;
}

.share-favorite-modal .title {
  font: 600 28px/36px "Mulish", sans-serif;
  margin: 0 0 33px;
  color: var(--text-primary, #151515);
}

.share-favorite-modal .name {
  font: 600 20px/28px "Mulish", sans-serif;
  color: var(--text-primary, #151515);
}

.share-favorite-modal p {
  margin: 0 0 4px;
  color: var(--text-primary, #151515);
  font-size: 14px;
  font-weight: 400;
  gap: 8px;
  line-height: 20px;
  display: flex;
  align-items: center;
}

.share-favorite-modal small,
.share-favorite-modal span {
  color: var(--text-secondary, rgba(21, 21, 21, 0.5));
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.share-favorite-modal_list a {
  display: flex;
  align-items: center;
  overflow: hidden;
  padding: 9px 45px 9px 16px;
  border-radius: 12px;
  border: 1px solid var(--border-tetriary-2, rgba(21, 21, 21, 0.08));
  position: relative;
  margin: 12px 0 0;
}

.share-favorite-modal_list a:hover {
  background: var(--element-bg, #EFF2F7);
}

.share-favorite-modal_list a:active {
  border: 1px solid var(--border-tetriary-2, rgba(21, 21, 21, 0.08));
  background: var(--element-bg-light, #F8FAFF);
}

.share-favorite-modal_list div {
  overflow: hidden;
}

.share-favorite-modal_list .preview {
  width: 37px;
  min-width: 37px;
  height: 38px;
  border-radius: 8px;
  float: left;
  overflow: visible;
  margin: 0 8px 0 0;
  z-index: 5;
  border: 1px solid var(--border-secondary, #EFF2F7);
  background: var(--bg-contrast, #FFF);
  display: block;
  position: relative;
}

.share-favorite-modal_list .preview:after {
  position: absolute;
  z-index: 2;
  top: 2px;
  bottom: 2px;
  left: -2px;
  background: #FAFAFA;
  border-radius: 5px;
  content: "";
  right: -2px;
}

.share-favorite-modal_list .preview:before {
  content: "";
  position: absolute;
  z-index: 1;
  border-radius: 4px;
  top: 4px;
  bottom: 4px;
  left: -4px;
  right: 4px;
  background: #EFEFEF;
}

.share-favorite-modal_list .preview img {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 5;
  display: block;
  object-fit: contain;
}

.share-favorite-modal_list svg {
  min-width: 16px;
  opacity: 0.3;
}

.share-favorite-modal_events {
  display: none;
}

.share-favorite-modal_events .new-catalog-list_filter_toggle {
  margin: 0;
  padding: 0 !important;
}

.share-favorite-modal_events .item {
  display: flex;
  border: none;
  width: 100%;
  background: none;
  text-align: left;
  padding: 0;
  margin: 0 0 9px;
  align-items: center;
}

.share-favorite-modal_events .item:last-child {
  margin-bottom: 0;
}

.share-favorite-modal_events .item:disabled {
  cursor: default;
}

.share-favorite-modal_events .item:disabled p {
  color: var(--text-primary-disabled, rgba(21, 21, 21, 0.3));
}

.share-favorite-modal_events .item:disabled span,
.share-favorite-modal_events .item:disabled small {
  opacity: 0.5;
}

.share-favorite-modal_events .item:disabled svg {
  opacity: 0.3;
}

.share-favorite-modal_events label,
.share-favorite-modal_events button {
  cursor: pointer;
}

.share-favorite-modal_events label:hover p,
.share-favorite-modal_events button:hover p {
  color: var(--icon-accent, #F29D00);
}

.share-favorite-modal_events div {
  flex: 1;
}

.share-favorite-modal_events svg {
  min-width: 24px;
}

.copy-notification {
  position: fixed;
  z-index: 1000000;
  color: #FFF;
  font-size: 16px;
  bottom: 36px;
  left: 50%;
  margin-left: -224px;
  width: 448px;
  font-weight: 600;
  line-height: 24px;
  gap: 12px;
  border-radius: 12px;
  background: var(--text-elements, #121E46);
  padding: 18px 16px;
  display: flex;
}

.copy-notification svg {
  fill: currentColor;
}

@media screen and (max-width: 1680px) {
  .choice-city {
    margin: 0;
    left: 129px;
  }

  .video-review > * {
    padding-left: 0;
    padding-right: 0;
  }
}

@media screen and (max-width: 1480px) {
  .is-fix .basket-right {
    bottom: 0;
    width: 340px;
    right: 30px;
    margin-right: 0;
  }

  .basket-right--fix {
    min-width: 350px;
  }

  .stop-fix .basket-right {
    right: auto;
    left: 0;
    bottom: 0 !important;
  }

  .small-category-list_in {
    padding-bottom: 0;
  }

  .small-category-list_in a {
    width: 16%;
    flex: 16% 1 1;
  }

  .new-big-category .bg {
    max-width: 80%;
    bottom: 5%;
    right: 0;
  }

  .row-main--slider .kartochki .kartochka-compact .podborka-img img {
    height: 100% !important;
  }

  .row-main--slider div.row-podborka .row-main--slider-nav {
    right: 5px;
  }

  .row-main--slider div.row-podborka .podborka-prev {
    left: 5px;
    right: auto;
  }

  .catalog-top_brands a {
    height: 110px;
  }

  .best-product_carousel2 .title {
    width: 410px;
    min-width: 410px;
  }

  .best-product_carousel3 {
    padding: 25px 0 24px 30px;
  }

  .new-order-page .is-fix .basket-right {
    right: 50%;
    margin-right: -710px;
  }

  .basket-right--fix {
    flex: 360px 0 0;
  }

  .basket-right--fix .basket-right {
    width: 340px;
  }

  .breadcrumb {
    margin: 20px 0 20px;
  }

  .breadcrumb:last-child {
    margin: 20px 0 20px;
  }

  .new-cabinet-order-item .in a {
    width: 12.5%;
  }

  .similar-product--new .row-main--slider div.row-podborka .row-main--slider-nav {
    margin: 47px -26px !important;
  }
}

@media screen and (max-width: 1440px) {
  .new-order-page .basket-right--fix {
    flex: 400px 0 0;
  }

  .new-order-page .stop-fix {
    margin-bottom: 0;
  }

  .new-order-page .is-fix .basket-right {
    width: 380px;
    right: 10px;
    margin-right: 0;
  }

  .new-order-page .basket-right {
    min-width: 380px;
    width: auto;
  }

  .new-order-page .is-fix .basket-right {
    right: 10px;
  }

  .new-order-page .polit {
    font-size: 14px;
    line-height: 1.3;
  }

  .nav-menu .header-kategorii,
  .header_new .header-content .header-kategorii {
    padding: 8px 36px;
  }

  .nav-menu .header-kategorii ul,
  .header_new .header-content .header-kategorii ul {
    gap: 15px;
    padding-right: 0;
  }

  .small-category-list_in a {
    width: 23%;
    flex: 23% 1 1;
  }

  .small-category-list_in a:nth-child(9),
  .small-category-list_in a:nth-child(8),
  .small-category-list_in a:nth-child(7) {
    display: none;
  }

  .small-category-list--size .small-category-list_in a:nth-child(4) {
    display: none;
  }

  .small-category-list_left {
    flex: 475px 0 0;
  }

  .new-big-category .cash {
    font-size: 40px;
    line-height: 40px;
    margin: auto 0 9px;
  }

  .new-big-category .name {
    font-size: 26px;
    margin: 0 0 14px;
  }

  .new-big-category a {
    padding: 23px;
  }

  .new-footer .f-column-2 {
    min-width: 200px;
    margin: 0;
  }

  .new-footer .f-column-3 {
    min-width: 200px;
  }

  .row-main--slider .kartochka-compact_width .podborka-name {
    height: 48px !important;
  }

  .new-catalog-promo_w2 {
    width: 66.6%;
  }

  .catalog-top_brands a {
    height: 110px;
    margin: 0;
    padding: 26px 15px;
  }

  .catalog-top_carousel .swiper-slide {
    padding: 76px 0 66px 120px;
  }

  .catalog-top_carousel .label {
    max-width: 200px;
  }

  .catalog-top_carousel .preview {
    padding: 123% 0 0;
  }

  .catalog-top_carousel .catalog-top_carousel_nav {
    margin: 0 18px;
  }

  .new-catalog-list_filter {
    width: 210px;
    margin: 0 24px 0 0;
  }

  .is-fix .basket-right {
    right: 10px;
  }

  .new-cabinet-order-item .in a {
    width: 14.3%;
  }

  .new-catalog-list_in--size .new-catalog-item,
  .new-catalog-list--cabinet .new-catalog-list_sort_item {
    width: 20%;
  }

  .info-page-left.info-page-left--new {
    width: 30%;
    min-width: 30%;
    max-width: 30%;
  }

  .cabinet-global-nav .item .btn-blue-dark {
    display: none;
  }

  .small-order-list .item {
    width: calc(33.3% - 16px);
  }

  .cabinet-favorite-list_in {
    grid-template-columns: repeat(5, 1fr);
  }

  .brand-carousel_in .point {
    padding: 0 10px 12px 0;
  }

  .brand-carousel_in .point ul {
    right: -6px;
    left: auto;
    top: 100%;
    transform: none;
  }

  .brand-carousel_in .point ul:after {
    top: -12px;
    right: 16px;
    left: auto;
    transform: none;
    border: none;
    border-bottom: 12px solid #fff;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
  }
}

@media screen and (max-width: 1439px) {
  .drop-search-category {
    padding: 0 1px 17px;
    gap: 5px;
  }

  .drop-search-category a {
    font-size: 14px;
    line-height: 20px;
  }

  .catalog-top_carousel .title {
    max-width: 200px;
  }

  .catalog-top_carousel .swiper-slide {
    padding: 57px 0 49px 120px;
  }

  .catalog-top_carousel .preview {
    padding: 100% 0 0;
  }

  .new-catalog-list_filter {
    width: 181px;
  }

  .new-catalog-item .preview {
    height: 160px;
  }

  .new-catalog-item a {
    height: 292px;
  }

  .new-big-category--grid .cash {
    font-size: 28px;
    font-weight: 600;
    margin: auto 0 0;
  }

  .new-big-category--grid .last-cash {
    margin: auto 0 0;
  }

  .new-big-category--grid a {
    min-height: 228px;
    margin-bottom: 0;
  }
}

@media screen and (max-width: 1399px) {
  .catalog-top_category--list a {
    box-sizing: border-box;
    flex: calc(14.2857142857% - 7px) 0 0;
  }

  .catalog-top_category--list a:nth-child(7),
  .catalog-top_category--list a:nth-child(6),
  .catalog-top_category--list a:nth-child(5),
  .catalog-top_category--list a:nth-child(4),
  .catalog-top_category--list a:nth-child(3),
  .catalog-top_category--list a:nth-child(2),
  .catalog-top_category--list a:nth-child(1) {
    display: block;
  }

  .catalog-top_category--list_in {
    gap: 8px;
  }

  .catalog-top_category--list_in a {
    display: none;
  }
}

@media screen and (max-width: 1240px) {
  .new-big-category .row {
    flex-wrap: wrap;
  }

  .new-big-category .col {
    width: 50%;
    flex: 45% 1 1;
    order: 1;
  }

  .new-big-category .has-small {
    width: 100%;
    flex: 100% 1 1;
    display: flex;
    gap: 24px;
    order: 3;
  }

  .new-big-category .has-small img {
    position: absolute;
    bottom: 0;
    right: 0;
  }

  .new-big-category .has-small a {
    margin: 0;
    height: 300px;
    flex: 1;
    box-sizing: border-box;
    overflow: hidden;
  }

  .new-big-category .has-small .row {
    flex: 1;
    overflow: hidden;
  }

  .new-big-category .bg {
    max-width: 100%;
  }

  .small-category-list_in a {
    width: 40%;
    flex: 40% 1 1;
  }

  .small-category-list_in a:nth-child(5),
  .small-category-list_in a:nth-child(6),
  .small-category-list_in a:nth-child(7),
  .small-category-list_in a:nth-child(8) {
    display: none;
  }

  .small-category-list_left {
    flex: 40% 0 0;
  }

  .category-group .col {
    margin: 0 0 24px;
  }

  .category-group .col:last-child {
    margin-bottom: 0;
  }

  .category-group .row {
    display: block;
  }

  .category-group .in a {
    flex: 20% 1 1;
  }

  .small-category-list--size .small-category-list_in a:nth-child(3) {
    display: none;
  }

  .new-cabinet-order-item .in a {
    width: 16.6%;
    padding: 14% 0 0;
  }

  .catalog-big-list {
    padding: 28px 18px 27px;
  }

  .catalog-big-list .item {
    width: calc(50% - 12px);
  }

  .new-big-category--grid {
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .new-big-category--grid .link {
    display: none;
  }

  .new-big-category--grid .name {
    font-size: 20px;
    line-height: 24px;
  }

  .new-big-category--grid .label {
    font-size: 14px;
    margin: 0 0 5px;
    line-height: 20px;
  }

  .new-big-category--grid .last-cash {
    font-size: 14px;
    line-height: 20px;
  }

  .new-big-category--grid a {
    border-radius: 16px;
    min-height: 239px;
    overflow: hidden;
    padding: 14px 13px;
  }

  .new-big-category--grid .row .cash {
    font-size: 20px;
    line-height: 24px;
  }

  .new-big-category--grid .img {
    width: 100%;
    height: 100%;
  }

  .new-big-category--grid .item:nth-child(1) {
    grid-area: 1/1/2/3;
  }

  .new-big-category--grid .item:nth-child(2) {
    grid-area: 1/3/2/5;
  }

  .new-big-category--grid .item:nth-child(3) {
    grid-area: 2/1/3/3;
    padding: 0 97px 0 0;
    gap: 8px;
  }

  .new-big-category--grid .item:nth-child(4) {
    grid-area: 2/3/3/5;
    margin: 0 0 0 -97px;
  }

  .order-composition_right {
    min-width: 300px;
    width: 300px;
  }

  .page-top .text {
    max-width: 30%;
    min-width: 30%;
  }

  .small-order-list .item {
    width: calc(50% - 12px);
  }

  .basket-table_result {
    min-width: 300px;
  }

  .basket-table_item .info {
    padding: 0;
  }

  .basket-table_item .cash {
    min-width: 105px;
  }

  .basket-table_item .icon {
    margin-right: 0;
  }
}

@media screen and (max-width: 1200px) {
  .choice-city {
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    background: #fff;
    white-space: nowrap;
    gap: 6px;
    align-items: flex-end;
    padding: 16px 16px 18px 16px;
    flex-direction: row;
    color: var(--text-primary, #151515);
    color: rgba(21, 21, 21, 0.5);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    box-shadow: none;
    border-radius: 0;
  }

  .choice-city .akcent-button {
    margin: 0 5px 0 auto;
  }

  .choice-city button {
    font-size: 0 !important;
    font-weight: 600;
    height: auto;
    margin: 0;
    border-radius: 99px;
    padding: 3px 20px 0;
    line-height: 20px;
  }

  .choice-city button:before {
    content: attr(data-text-mobile);
    font-size: 14px;
    display: inline-block !important;
  }

  .choice-city .row {
    gap: 3px;
    flex: auto 0 0;
    width: auto;
  }

  .choice-city strong {
    overflow: hidden;
    display: block;
    max-width: 100%;
    padding-right: 5px;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: var(--text-primary, #151515);
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
  }

  .choice-city div {
    flex: 1;
    overflow: hidden;
  }

  .mobile-delivery {
    display: flex;
  }

  .nav-menu_second_item {
    padding: 0;
  }

  .new-footer .f-row-02,
  .new-footer .f-row-01,
  .category-group,
  .row-main--slider,
  .small-category-list,
  .new-big-category {
    padding-left: 24px;
    padding-right: 24px;
  }

  .f-links {
    width: auto;
  }

  .row-menu--new .main-menu .right-menu .menu {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
  }

  .row-menu--new .main-menu .zagolovok .zagolovok-kategoriya {
    font-size: 18px;
    line-height: 24px;
    padding: 0 0 5px 48px;
    background: url(../images/svg/nav-back.svg) no-repeat left 17px top 1px;
  }

  .row-menu--new .main-menu .right-menu {
    flex: 1;
    overflow: auto;
    width: auto;
    border: none;
    background: #fff;
    padding: 0 0 15px;
  }

  .row-menu--new.row-menu {
    top: 0;
    height: auto;
    bottom: 0;
    overflow: hidden !important;
    min-height: 1px;
    display: none;
  }

  .row-menu--new.row-menu .main-menu {
    padding: 0;
    display: flex !important;
  }

  .row-menu--new.row-menu .main-menu .zagolovok {
    margin: 24px 0 11px;
  }

  .row-menu--new.row-menu .main-menu .right-menu .menu {
    margin: 0 15px;
    padding: 19px 17px;
  }

  .row-menu--new.row-menu .main-menu .right-menu .count {
    float: right;
  }

  .row-menu--new.row-menu .main-menu .right-menu .show-more {
    margin: 3px 0;
  }

  .row-menu--new.row-menu .main-menu .menu-block {
    padding: 0;
    margin: 0 0 23px;
  }

  .row-menu--new.row-menu .main-menu .menu-block:last-child {
    margin: 0;
  }

  .row-menu--new.row-menu .main-menu .menu-block small {
    float: right;
    font-size: 14px;
    line-height: 20px;
  }

  .row-menu--new.row-menu .main-menu .menu-block > a:first-of-type {
    color: var(--text-primary, #151515);
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    padding: 0 5px 4px 0;
  }

  .row-menu--new.row-menu .main-menu .menu-block a {
    color: var(--text-primary, #151515);
    font-size: 14px;
    font-weight: 400;
    padding: 9px 5px 7px 0;
    line-height: 20px;
    border: none !important;
  }

  .row-menu--new.row-menu .main-menu .menu-block a:nth-child(1),
  .row-menu--new.row-menu .main-menu .menu-block a:nth-child(2),
  .row-menu--new.row-menu .main-menu .menu-block a:nth-child(3),
  .row-menu--new.row-menu .main-menu .menu-block a:nth-child(4),
  .row-menu--new.row-menu .main-menu .menu-block a:nth-child(5),
  .row-menu--new.row-menu .main-menu .menu-block a:nth-child(7),
  .row-menu--new.row-menu .main-menu .menu-block a:nth-child(6) {
    display: block;
  }

  .row-menu--new.row-menu .main-menu .left-menu {
    color: var(--text-primary, #151515);
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
  }

  .row-menu--new.row-menu .main-menu .left-menu .lvl1 {
    display: block;
  }

  .row-menu--new.row-menu .main-menu .left-menu ul li .is-hover a,
  .row-menu--new.row-menu .main-menu .left-menu ul li:hover a {
    background: none;
  }

  .row-menu--new.row-menu .main-menu .left-menu ul li .is-hover path,
  .row-menu--new.row-menu .main-menu .left-menu ul li:hover path {
    fill: var(--dark, #151515);
    fill-opacity: 0.3;
  }

  .row-menu--new.row-menu .main-menu .left-menu .left-menu_second li[data-section] {
    background: url(../images/svg/arr-new-nav.svg) no-repeat center right 18px;
    padding-right: 50px;
  }

  .row-menu--new.row-menu .main-menu .left-menu ul li.hide {
    display: none;
  }

  .row-menu--new.row-menu .main-menu .left-menu .big {
    padding: 2px 16px;
  }

  .row-menu--new.row-menu .main-menu .left-menu .left-menu_second li {
    margin: 0 0 2px;
  }

  .row-menu--new.row-menu .main-menu .left-menu ul {
    padding: 0;
  }

  .row-menu--new.row-menu .main-menu .left-menu ul .big {
    padding: 5px 12px 5px 15px;
  }

  .row-menu--new.row-menu .main-menu .left-menu ul li {
    line-height: inherit;
    height: auto;
    margin: 0 0 1px;
    padding: 0;
    display: block;
    border: none;
    background: none;
  }

  .row-menu--new.row-menu .left-menu_item {
    padding: 5px 0 7px;
    margin: 0 0 1px;
  }

  .row-menu--new .left-menu {
    position: relative;
  }

  .row-menu--new .close,
  .nav-menu .hc-r2-hamburger,
  .header_new .header-content .hc-r2-hamburger,
  .header_new .header-content .search-rezult-close,
  .header-content .hc-mobile-search::after,
  .hc-r1-search_category,
  .hc-r1-city {
    display: none;
  }

  .nav-menu .header-kategorii,
  .header_new .header-content .header-kategorii {
    padding: 4px 24px;
  }

  .nav-menu .header-kategorii ul,
  .header_new .header-content .header-kategorii ul {
    gap: 29px;
    padding: 0;
  }

  .header_new {
    position: relative;
    z-index: 100;
    width: 100%;
    box-sizing: border-box;
  }

  .header_new .header-content-row1 {
    flex-wrap: wrap;
    padding: 14px 18px 9px;
  }

  .header_new .header-content .header-kategorii {
    padding: 4px 24px;
  }

  .header_new .header-content .header-kategorii ul {
    gap: 27px;
    padding: 0;
  }

  .header_new .header-content .hc-mobile-menu {
    position: absolute;
    top: 12px;
    left: 24px;
    width: 28px;
    height: 28px;
    background: url(../images/svg/mobile-burger.svg) no-repeat center;
  }

  .header_new .header-content .hc-mobile-search-input {
    display: block !important;
    position: static;
  }

  .header_new .header-content .hc-r1-search {
    order: 999;
    margin: 2px 0px 0 6px;
    width: 100%;
    flex: 100% 1 1;
  }

  .header_new .header-content .hc-r1-search div input:focus,
  .header_new .header-content .hc-r1-search div input {
    border: none !important;
    height: 32px;
    background-size: 20px auto !important;
    line-height: 24px;
    padding: 0 40px 0 8px;
  }

  .header_new .header-content .hc-r1-search.show-nav .hc-mobile-search button,
  .header_new .header-content .hc-r1-search.open .hc-mobile-search button {
    font-size: 0;
    opacity: 1 !important;
    border-radius: 12px;
    background: var(--icon-accent, #F29D00) url(../images/svg/new-search-white.svg) no-repeat center;
    background-size: 20px auto;
  }

  .header_new .header-content .header-content-row2 {
    display: flex;
  }

  .header_new .header-content .hc-r1-search {
    position: relative;
  }

  .header_new .header-content .hc-r1-search button {
    opacity: 0;
  }

  .header_new .header-content .clear {
    top: 8px !important;
    right: 62px !important;
  }

  .header_new .header-content.show-nav .hc-mobile-search button {
    font-size: 0;
    opacity: 1;
    border-radius: 12px;
    background: var(--icon-accent, #F29D00) url(../images/svg/new-search-white.svg) no-repeat center;
    background-size: 20px auto;
  }

  .header_new .header-content.open {
    margin-right: 66px;
  }

  .header_new .header-content.open .hc-mobile-search {
    top: 3px;
    right: 3px;
  }

  .header_new .header-content.open .hc-mobile-search button {
    font-size: 0;
    opacity: 1;
    border-radius: 12px;
    background: var(--icon-accent, #F29D00) url(../images/svg/new-search-white.svg) no-repeat center;
    background-size: 20px auto;
  }

  .header_new .hc-mobile-search {
    position: absolute !important;
    top: 2px;
    right: 3px;
    z-index: 10;
  }

  .header_new .hc-r2-button-order,
  .header_new .hc-r2-button-like,
  .header_new .hc-r2-button-basket,
  .header_new .hc-r1-button {
    min-width: 40px;
    font-size: 0;
    line-height: 0;
    margin: 0 1px -12px -1px !important;
  }

  .header_new .hc-r2-button-order:after,
  .header_new .hc-r2-button-like:after,
  .header_new .hc-r2-button-basket:after,
  .header_new .hc-r1-button:after {
    bottom: 8px;
  }

  .header_new .hc-r2-button-order:hover .drop,
  .header_new .hc-r2-button-like:hover .drop,
  .header_new .hc-r2-button-basket:hover .drop,
  .header_new .hc-r1-button:hover .drop {
    opacity: 0;
    visibility: hidden;
  }

  .header_new .hc-r2-button-order.open .drop,
  .header_new .hc-r2-button-like.open .drop,
  .header_new .hc-r2-button-basket.open .drop,
  .header_new .hc-r1-button.open .drop {
    opacity: 1;
    visibility: visible;
  }

  .header_new .hc-r1-logo {
    width: 162px;
    height: auto;
    overflow: hidden;
    margin: -9px auto 0 50px !important;
  }

  .header_new .hc-r1-logo svg,
  .header_new .hc-r1-logo img {
    margin: 0 0 0 -40px;
    width: 162px;
    height: 33px;
  }

  .header_new .category-search .swiper-slide {
    width: 100px;
  }

  .header_new .category-search a {
    border-radius: 8px;
    height: 124px;
    padding: 2px 2px 4px 2px;
  }

  .header_new .category-search .name {
    font-size: 10px;
    font-weight: 400;
    line-height: 12px;
    /* 120% */
    padding: 3px 5px 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    text-align: center;
    /* autoprefixer: off */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .header_new .category-search .preview {
    height: 88px;
    width: 100%;
    border-radius: 12px;
    margin: 0 0 1px;
  }

  .header_new .category-search .category-search_nav {
    display: none !important;
  }

  .header_new .popular-search {
    margin: 0 0 18px;
  }

  .header_new .popular-search a {
    background: url(../images/svg/new-search.svg) no-repeat left 0 top 10px;
    background-size: 16px auto;
    padding: 6px 0 6px 23px;
  }

  .header_new .popular-search li {
    margin: 0 0 4px;
  }

  .header_new .hc-r1-search .search-rezult {
    left: 0;
    transform: none;
    border-radius: 0;
    padding: 16px 24px;
    margin: 8px -16px 0;
    width: 50vw;
    max-height: calc(100vh - 96px);
    overflow: auto;
  }

  .header_new .hc-r1-search .search-rezult-img {
    width: 48px;
    min-width: 48px;
    height: 48px;
  }

  .header_new .hc-r1-search .search-rezult-text {
    margin-left: 11px;
  }

  .header_new .hc-r1-search .search-rezult-stroka {
    border-radius: 8px;
    padding: 8px 8px 6px;
    margin: 0 0 8px;
  }

  .header_new .hc-r1-search .search-rezult-stroka .cash {
    margin: -1px 0 0px;
  }

  .header_new .hc-r1-search.open .search-rezult {
    width: 100vw;
    /*display: block !important;*/
  }

  .header_new .js-search-result-scroll {
    max-height: calc(100vh - 311px);
  }

  .header_new .hc-mobile-search,
  .header_new .header-content .hc-r1-search.show-nav .hc-mobile-search button,
  .header_new .header-content .hc-r1-search.open .hc-mobile-search button {
    width: 52px;
    height: 35px;
    font-size: 0;
  }

  .header_new .order-box.passport,
  .header_new .hc-r1-button .login-block {
    left: auto;
    right: 0;
    top: 34px;
    transform: none;
  }

  .header_new .order-box.passport {
    right: -120px;
  }

  .header_new .order-box.passport .js-message-scroll {
    padding: 20px 4px 20px 16px;
  }

  .header_new .order-box.passport,
  .header_new .hc-r1-button .login-block {
    width: 343px;
  }

  .header_new .notification-header_item .btn {
    padding: 2px 25px;
  }

  .header_new .hc-r2-button-order {
    display: none !important;
  }

  .header_new .hc-r2-button-like {
    order: 90;
  }

  .header_new .hc-r2-button-basket {
    order: 99;
  }

  .header_new .hc-r1-button .login-block {
    right: -84px;
  }

  .header_new .hc-r1-search.show-nav .mobile-cancel,
  .header_new .hc-r1-search.open .mobile-cancel {
    display: block;
  }

  .header_new .category-search {
    overflow: hidden;
    margin-left: -24px;
    margin-right: -24px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .header_new .category-search .preview {
    border-radius: 8px;
  }

  .header_new.header_new_change .hc-r1-search .search-rezult {
    margin: 4px -15px 0;
    max-height: calc(100vh - 48px);
  }

  .header-group {
    margin: 0 0 0 -26px;
    padding: 0;
    gap: 2px;
  }

  .header-group .button-count {
    top: -4px;
    right: 0;
  }

  .left-menu_top svg {
    display: none;
  }

  .left-menu_top a {
    font-size: 18px;
    padding: 13px 17px;
  }

  .row-menu--new_scroll {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 50px;
  }

  .ns {
    overflow: hidden;
  }

  .current-city-modal .empty {
    min-height: 100px;
    height: calc(100vh - 200px);
  }

  .current-city-modal .clear {
    top: 19px;
  }

  .order-box.passport .order-box_bottom .js-close {
    display: block;
    width: 100%;
    color: #485BFE;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    line-height: 36px;
    margin: 8px 0 0;
    height: auto;
  }

  .order-box.passport .order-box_bottom .akcent-button {
    font-size: 16px;
  }

  .nav-menu.scrolled-up {
    top: 0;
  }

  .row-menu--new .close,
  .row-menu--new .main-menu .right-menu .show,
  .header-content .hc-mobile-menu {
    display: block;
  }

  .nav-menu_second {
    padding: 0 24px;
  }

  .row-main--slider .kartochka-compact_width .podborka-img img {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
  }

  .row-main--slider .kartochka-compact_width .podborka-img a {
    height: auto;
    display: block;
    padding: 100% 0 0;
    position: relative;
  }

  .row-main--slider .swiper-button-next,
  .row-main--slider .swiper-button-prev {
    top: 56%;
  }

  .row-main--slider .kartochki .blue + * {
    display: none;
  }

  .header_new_change {
    position: sticky;
  }

  .header_new_change + .nav-menu {
    position: sticky;
    top: 0;
  }

  .header_new_change + .nav-menu .nav-menu_second {
    top: -30px;
  }

  .header_new_change + .nav-menu.scrolled-up {
    top: 48px;
  }

  .header_new_change + .nav-menu.scrolled-up .nav-menu_second {
    top: 0;
  }

  .header_new_change + .nav-menu + * {
    padding-top: 48px;
  }

  .header_new_change .hc-r1-search {
    position: absolute !important;
    top: 2px;
    left: 53px;
    right: 57px;
    width: auto !important;
  }

  .header_new_change .hc-r1-button,
  .header_new_change .hc-r2-button-like {
    display: none;
  }

  .header_new_change .header-content-row1 {
    padding: 14px 10px 2px !important;
  }

  .nav-menu {
    position: relative;
  }

  .nav-menu_second {
    position: relative;
  }

  .focus-search .header-group {
    opacity: 0;
    visibility: hidden;
  }

  .focus-search .header_new .header-content .hc-r1-search {
    margin: -4px 68px 0 6px;
    position: absolute;
    width: auto;
    z-index: 5;
    right: 0;
    left: 10px;
  }

  .focus-search .header_new_change.header_new .hc-r1-search {
    top: 8px;
    z-index: 5;
    left: 9px;
    right: 78px;
    margin-right: 0 !important;
  }

  .focus-search .header_new_change .header-content-row1 {
    padding: 10px 10px 6px !important;
  }

  .focus-search .hc-r1-search .mobile-cancel {
    display: block;
  }

  .focus-search .header_new_change .header-group {
    opacity: 0;
    visibility: hidden;
  }

  .new-big-category .has-small a {
    min-height: 300px;
  }

  .new-big-category .has-small .row {
    flex: auto 1 1;
  }

  .new-pagination_in li {
    margin: 0 3px;
  }

  .new-pagination_in .tochki,
  .new-pagination_in a {
    width: 50px;
    height: 40px;
  }

  .catalog-top {
    padding: 10px 24px;
  }

  .catalog-top h1 {
    font-size: 28px;
    font-weight: 700;
    margin: 20px 0 33px;
    line-height: 36px;
  }

  .new-catalog-list {
    padding: 15px 24px;
  }

  .new-catalog-promo .btn-white {
    padding: 8px 24px;
  }

  .catalog-top_carousel {
    margin: 0 0 32px;
  }

  .catalog-top_carousel .swiper-slide {
    border-radius: 16px;
    padding: 19px 0 216px 15px;
  }

  .catalog-top_carousel .title {
    color: var(--text-primary, #151515);
    font-size: 20px;
    margin: 0 0 17px;
    font-weight: 600;
    line-height: 24px;
    max-width: 100%;
  }

  .catalog-top_carousel .label {
    max-width: 100%;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    /* 142.857% */
  }

  .catalog-top_carousel .btn-white {
    padding: 8px 24px;
  }

  .catalog-top_category {
    margin: 0 0 33px;
  }

  .catalog-top_category .preview {
    padding: 73% 0 0;
    border-radius: 12px;
    margin-bottom: 9px;
  }

  .catalog-top_category .name {
    font-size: 10px;
    line-height: 14px;
    height: 28px;
    margin: 0 0 8px;
  }

  .catalog-top_category a {
    padding: 4px;
    border-radius: 16px;
  }

  .catalog-top_brands {
    margin: 0 0 -4px;
  }

  .catalog-top_brands .swiper-slide {
    width: 100px;
  }

  .catalog-top_brands a {
    height: 40px;
    padding: 4px 0;
    margin: 0 0 8px;
  }

  .new-catalog-list_filter {
    width: 190px;
    margin: 0 5px 0 0;
  }

  .new-catalog-list_filter ul {
    padding-top: 1px;
  }

  .new-catalog-list_filter .form-item input,
  .new-catalog-list_filter .cash-range input {
    height: 41px;
  }

  .new-catalog-item {
    padding: 0 4px;
    margin: 0 0 8px;
    width: 25%;
  }

  .new-catalog-item .preview {
    margin-top: -12px;
    height: 178px;
  }

  .new-catalog-item a {
    border-radius: 12px;
    height: 286px;
  }

  .new-catalog-item .last-cash {
    font-size: 10px;
  }

  .new-catalog-item .icon {
    padding-left: 23px;
    background-size: 15px;
  }

  .new-catalog-item .type1 {
    padding: 0 0 0 16px;
  }

  .new-catalog-item .price-stroka {
    padding: 0 12px;
  }

  .new-catalog-item .type {
    font-size: 10px;
    margin: 6px 11px 3px;
    background-size: 12px;
    line-height: 14px;
  }

  .new-catalog-item .type + .name {
    -webkit-line-clamp: 1;
    height: 24px;
    margin-bottom: 0;
  }

  .new-catalog-item .name {
    line-height: 20px;
    height: 40px;
  }

  .new-catalog-item .review {
    font-size: 10px;
    line-height: 14px;
  }

  .new-catalog-item .review strong {
    background-size: 12px;
    padding: 0 2px 0 16px;
  }

  .new-catalog-item .like {
    top: 4px;
    right: 9px;
  }

  .new-catalog-list_in {
    margin: 0 -3px;
  }

  .new-catalog-list_filter_item {
    margin: 0 0 18px;
  }

  .catalog-top_category--list a {
    overflow: hidden;
    flex: calc(14.2857142857% - 7px) 0 0;
  }

  .catalog-top_category--list_in .hide {
    display: none;
  }

  .best-product_carousel2,
  .best-product_carousel3,
  .best-product_carousel4,
  .best-product_carousel {
    margin-top: 30px;
  }

  .cabinet-new-top {
    padding: 21px 22px 11px;
  }

  .new-cabinet-order-list {
    padding: 36px 22px;
  }

  .new-catalog-list--cabinet .new-catalog-list_sort_item {
    width: 25%;
    padding: 0 8px 0 0;
  }

  .new-catalog-list_in--size .new-catalog-item,
  .new-catalog-list--cabinet .new-catalog-list_sort_item {
    width: 25%;
  }

  .new-catalog-item--gray .name {
    height: 20px;
    -webkit-line-clamp: 1;
  }

  .page-top {
    padding: 10px 24px 1px;
  }

  .text-page {
    padding: 10px 24px;
  }

  .masthead-about {
    padding: 10px 24px;
  }

  .about-info {
    padding: 24px 24px 13px;
  }

  .about-nav {
    padding: 10px 24px 24px;
  }

  .about-nav a {
    height: 80px;
    font-size: 14px;
  }

  .about-pick-up-points_left {
    min-width: 33%;
    width: 33%;
  }

  .about-pick-up-points {
    padding: 10px 24px;
  }

  .order-composition {
    padding: 35px 22px 28px;
  }

  .order-composition_item_list .like {
    padding: 8px;
  }

  .order-composition_item_list .product {
    padding: 12px 15px 12px 0;
  }

  .order-composition_item_list .preview {
    min-width: 60px;
    width: 60px;
  }

  .order-composition_top {
    flex-wrap: wrap;
  }

  .order-composition_top .item {
    flex: 1;
  }

  .order-composition_top .item--long {
    width: 100%;
    flex: 100% 1 1;
  }

  .order-composition_right_buttons {
    padding: 16px;
    gap: 8px;
  }

  .order-composition_right_buttons .btn {
    margin: 0 !important;
    width: 100%;
    flex: 100% 1 1;
  }

  .contacts-info {
    padding: 10px 24px;
  }

  .open-city-modal--orange {
    width: 880px;
  }

  .masthead-business,
  .business-info,
  .category-carousel_wrap,
  .business-promo,
  .business-faq,
  .cabinet-user-top,
  .cabinet-global-nav,
  .cabinet-await-events,
  .cabinet-info-top,
  .sessions-devices,
  .control-account,
  .cabinet-account-info,
  .brand-carousel,
  .cabinet-favorite-list,
  .brand-cabinet-list,
  .basket-top-page,
  .basket-table {
    padding-left: 24px;
    padding-right: 24px;
  }

  .cabinet-await-events_carousel_in {
    margin: 0 -24px;
    padding: 0 24px;
  }

  .business-promo-wrap {
    padding: 50px;
  }

  .order-composition_right_buttons {
    padding: 16px;
    gap: 8px;
  }

  .order-composition_right_buttons .btn {
    margin: 0 !important;
    width: 100%;
    flex: 100% 1 1;
  }

  .control-account .dots-btn,
  .sessions-devices .dots-btn {
    right: 24px;
  }

  .sessions-devices .row {
    grid-template-columns: repeat(3, 1fr);
  }

  .cabinet-favorite-list_in {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media screen and (max-width: 1023px) {
  .menu-block.link-all {
    display: block !important;
  }

  .new-catalog-list_filter_item--drop.open-drop.open .title:after {
    display: none !important;
  }

  .new-catalog-list_sort {
    align-items: flex-start;
    gap: 8px;
  }

  .new-catalog-list_filter_top,
  .new-catalog-list_filter_result,
  .new-catalog-list_sort_mobile {
    display: flex;
  }

  .new-catalog-list_sort {
    margin: 0 -16px 26px 0;
  }

  .new-catalog-list_sort .count {
    margin: 2px 0 0;
    order: 999;
    width: 100%;
  }

  .new-catalog-list_sort_item {
    width: auto;
    padding: 0;
  }

  .new-catalog-list_sort_item .select2-selection__rendered {
    font-size: 0;
  }

  .new-catalog-list_sort_item .select2-selection {
    border-radius: 16px;
    background: #EFF2F7 url(../images/svg/reverse.svg) no-repeat center;
    border: none;
    width: 48px;
    height: 32px;
    min-width: 48px;
  }

  .new-catalog-list_sort_item .select2-selection__arrow {
    opacity: 0;
  }

  .new-catalog-list_sort_item .select2 {
    width: 48px !important;
  }

  .select2-dropdown {
    min-width: 240px;
    box-sizing: border-box;
  }

  .catalog-list_filter_result {
    padding: 0;
    flex: 1;
  }

  .catalog-list_filter_result span {
    display: none;
  }

  .new-catalog-list_filter_bottom {
    display: block;
  }

  .new-catalog-list_filter {
    position: fixed;
    display: none;
    top: 0;
    overflow: auto;
    padding: 48px 0 70px;
    box-sizing: border-box;
    left: 0;
    z-index: 100;
    width: 375px;
    max-height: none;
    height: 100%;
    background: #fff;
    box-shadow: 0 0 0 9999px rgba(0, 0, 0, 0.5);
    scrollbar-width: none;
    -ms-overflow-style: none;
  }

  .new-catalog-list_filter::-webkit-scrollbar {
    display: none;
    /* Для Chrome, Safari та Edge */
  }

  .new-catalog-list_filter.open-filter {
    display: block;
  }

  .new-catalog-list_filter ul {
    padding-top: 0;
  }

  .new-catalog-list_filter .link {
    margin: 0;
  }

  .new-catalog-list_filter .cash-range {
    margin: -2px 0 13px;
  }

  .new-catalog-list_filter .form-item input,
  .new-catalog-list_filter .cash-range input {
    height: 40px;
    padding: 4px 11px;
  }

  .new-catalog-list_filter .open-drop .drop {
    flex-grow: 1;
    overflow: hidden;
  }

  .new-catalog-list_filter .simplebar-track.simplebar-vertical {
    bottom: 66px;
  }

  .new-catalog-list_filter .form-item {
    margin: 0 0 18px;
  }

  .new-catalog-list_filter_item {
    padding: 4px 16px;
    margin: 0 0 8px;
  }

  .new-catalog-list_filter_item:not(.small).open {
    position: fixed;
    top: 0;
    z-index: 20;
    padding: 68px 16px 0;
    display: flex;
    flex-direction: column;
    left: 0;
    background: #fff;
    width: 375px;
    height: 100%;
  }

  .new-catalog-list_filter_item:not(.small).open .new-catalog-list_filter_item_top {
    display: block;
  }

  .new-catalog-list_filter_item:not(.small).open .js-search-item {
    order: -1;
  }

  .new-catalog-list_filter_item:not(.small).open .btn-orange {
    display: block;
  }

  .new-catalog-list_filter_item:not(.small).open .link {
    display: none;
  }

  .new-catalog-list_filter_item:not(.small).open .js-scroll-filter ul {
    padding: 0 0 56px;
  }

  .new-catalog-list_filter_item:not(.small).open .js-scroll-filter {
    max-height: 100%;
  }

  .new-catalog-list_filter_item:not(.small).open .scroll-filter-wrap {
    max-height: none;
    flex-grow: 1;
    overflow: hidden;
  }

  .new-catalog-list_filter_toggle {
    padding: 11px 16px;
    margin: 0 0 2px;
  }

  .new-catalog-list_filter_top {
    width: 375px;
  }

  .new-catalog-list_filter_item--drop {
    margin-bottom: 0;
  }

  .new-catalog-list_wrap {
    overflow: visible;
  }

  .catalog-top_subcategory_item {
    width: 112px;
    min-width: 112px;
    margin: 0 17px 24px 0;
  }

  .catalog-top .category-group .in {
    flex-wrap: nowrap;
    gap: 8px;
    margin-left: -16px;
    margin-right: -16px;
    padding-left: 16px;
    padding-right: 16px;
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }

  .catalog-top .category-group .in::-webkit-scrollbar {
    display: none;
  }

  .catalog-top .category-group .in a {
    min-width: 288px;
  }

  .new-footer .f-column-4,
  .new-footer .f-column-3,
  .new-footer .f-column-2 {
    min-width: 100px;
  }

  .cabinet-new-top_notification .btn-group {
    flex-direction: column;
  }

  .new-cabinet-order-item .in a {
    width: 25%;
    padding: 22% 0 0;
  }

  .new-catalog-list_sort--line .count {
    width: auto;
    margin: auto 16px auto auto;
  }

  .new-catalog-list_filter_result.catalog-list_filter_result {
    padding: 16px;
  }

  .info-page-right {
    margin: 0;
  }

  .info-page-left.info-page-left--new {
    display: flex;
    position: fixed;
    flex-direction: column;
    justify-content: flex-end;
    box-sizing: border-box;
    z-index: 15;
    bottom: 0;
    left: 0;
    min-width: 1px;
    width: 100%;
    max-width: none;
    right: 0;
    border-radius: 12px;
    opacity: 0;
  }

  .info-page-left.info-page-left--new.visible {
    opacity: 1;
  }

  .info-page-left.info-page-left--new.show {
    top: 0;
    padding: 48px 0 0;
    left: 0;
    height: calc(var(--vh, 1vh) * 100);
  }

  .info-page-left.info-page-left--new.show .info-page_wrap {
    display: block;
  }

  .info-page-left.info-page-left--new .item {
    margin: 0 0 6px;
  }

  .info-page-left.info-page-left--new ul {
    margin: 0;
    padding: 12px 0 0;
  }

  .info-page-left.info-page-left--new .info-page-menu {
    position: relative;
    display: block;
    border-radius: 12px;
    background: var(--element-bg, #EFF2F7);
    box-shadow: none;
    border: none;
  }

  .info-page-left.info-page-left--new .info-page-menu .name {
    padding: 8px 16px 8px 20px;
  }

  .info-page-left.info-page-left--new .info-page-menu li {
    margin: 0 0 14px;
  }

  .info-page-left.info-page-left--new .info-page-menu li a {
    padding: 0 10px 0 24px;
  }

  .info-page-left.info-page-left--new:not(.info-page-left--show-adaptive) {
    display: none;
  }

  .info-page-left.info-page-left--new.only-mobile {
    display: block;
    opacity: 1;
    height: auto;
    position: relative;
    padding: 0;
    margin: 0 0 30px;
  }

  .info-page-left.info-page-left--new.only-mobile .info-page_wrap {
    display: block !important;
    padding: 0;
  }

  .info-page-left.info-page-left--new.only-mobile .info-page-left_tab-name {
    display: none;
  }

  .info-page-left_tab-name {
    display: block;
  }

  .info-page_wrap {
    max-height: none !important;
    position: relative;
    top: 0;
    border-radius: 0;
    background: none;
    transition: all 0.2s linear;
    overflow: auto;
    padding: 10px 16px 72px;
    display: none;
  }

  .info-page-left_nav {
    max-height: none;
  }

  .info-page {
    display: block;
  }

  .ns,
  .open-nav-page {
    overflow: hidden;
  }

  .page-top .text {
    width: 100%;
    max-width: 100%;
    float: none;
    margin: -20px 0 30px;
  }

  .page-top_row {
    display: block;
  }

  .about-nav {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 10px;
  }

  .about-nav a {
    font-size: 16px;
  }

  .about-pick-up-points_map {
    display: none;
  }

  .about-pick-up-points_left {
    width: 100%;
    min-width: 100%;
    margin: 0;
  }

  .about-pick-up-points_left .tab-nav {
    display: block;
  }

  .about-pick-up-points_left .delivery-list .row {
    margin-left: -24px;
    margin-right: -24px;
    padding-left: 24px;
    padding-right: 24px;
    flex-wrap: nowrap;
    white-space: nowrap;
    overflow: auto;
    scrollbar-width: none;
    /* Для Firefox */
    -ms-overflow-style: none;
    /* Для Internet Explorer та Edge */
  }

  .about-pick-up-points_left .delivery-list .row::-webkit-scrollbar {
    display: none;
    /* Для Chrome, Safari та Edge */
  }

  .about-pick-up-points.show-map .about-pick-up-points_map {
    position: fixed;
    top: 0;
    left: 0;
    display: block;
    border-radius: 0;
    width: 100%;
    height: calc(var(--vh, 1vh) * 100);
    z-index: 100;
  }

  .about-pick-up-points.show-map .about-pick-up-points_map .top {
    display: block;
  }

  .about-pick-up-points.show-map .delivery-list {
    position: fixed;
    bottom: 16px;
    left: 16px;
    right: 16px;
    padding: 0;
    margin: 0;
    z-index: 101;
  }

  .about-pick-up-points.show-map .delivery-list p {
    display: none;
  }

  .business-info {
    flex-direction: column;
  }

  .masthead-business_in {
    padding: 30px;
  }

  .cabinet-global-nav .row {
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
  }

  .cabinet-global-nav .title {
    margin: 0 0 12px;
  }

  .small-order-list .status-label {
    max-width: 115px;
  }

  .small-order-list .item {
    width: calc(50% - 12px);
    margin: 0 20px 0 0;
  }

  .cabinet-info-top {
    grid-gap: 12px;
  }

  .sessions-devices .row {
    grid-gap: 12px;
    grid-template-columns: repeat(2, 1fr);
  }

  .cabinet-account-info .row {
    gap: 12px;
  }

  .cabinet-account-info .line {
    display: block;
  }

  .cabinet-account-info .line > div {
    margin-bottom: 16px;
  }

  .cabinet-account-info .line > div:last-child {
    margin-bottom: 0;
  }

  .basket-table {
    flex-direction: column;
  }

  .basket-table_result_bg .btn-orange {
    position: fixed;
    width: auto;
    left: 24px;
    right: 24px;
    bottom: 24px;
  }

  .basket-table_result_bg.stop-fix .btn-orange {
    width: 100%;
    position: static;
  }
}

@media screen and (max-width: 990px) {
  .new-order-page .basket-right {
    min-width: 100%;
    width: 100%;
    margin: 30px 0 0;
  }

  .f-row-02,
  .f-links a {
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
    /* 153.846% */
  }

  .f-links a {
    display: block;
  }

  .f-links {
    text-align: right;
    display: block;
  }

  .new-order-page .basket-right--fix {
    flex: 100% 1 1;
    position: static;
  }

  .new-order {
    margin-bottom: 20px;
  }

  .new-footer .f-links {
    text-align: right;
    display: block;
  }

  .best-product_carousel2 .swiper-slide {
    width: 288px !important;
  }

  .similar-product--new_top {
    display: block;
  }

  .similar-product--new_top .similar-products-top--new {
    width: 100%;
    max-width: 100%;
    margin: 30px 0 0;
  }

  .similar-product--new {
    padding: 20px !important;
  }

  .similar-product--new .category-group .in {
    flex-wrap: nowrap;
    gap: 8px;
    margin-left: -25px;
    margin-right: -25px;
    padding-left: 25px;
    padding-right: 25px;
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }

  .similar-product--new .category-group .in::-webkit-scrollbar {
    display: none;
  }

  .similar-product--new .category-group .in a {
    flex: 200px 1 0;
  }

  .similar-product--new .row-main--slider {
    padding: 0 20px;
    width: auto;
    margin: 0 -20px;
  }

  .similar-product--new .row-main--slider div.row-podborka .row-main--slider-nav {
    margin: 47px -20px !important;
  }

  .order-composition {
    flex-direction: column-reverse;
  }

  .order-composition_in {
    width: 100%;
  }

  .order-composition_right {
    width: 100%;
    margin: 20px 0 0;
  }

  .open-city-modal--orange {
    margin: 0 !important;
    width: 100vw;
    height: calc(var(--vh, 1vh) * 100);
    overflow: auto !important;
    border-radius: 0;
    position: fixed;
    padding: 0 16px 16px;
    top: 0;
    left: 0;
    max-width: 100vw;
    flex-direction: column;
  }

  .open-city-modal--orange .fancybox-close-small {
    z-index: 110;
    top: 7px;
    border-radius: 16px;
    position: fixed;
    right: 15px;
    background: #EFF2F7;
    padding: 5px 12px;
    width: 48px;
    height: auto;
  }

  .open-city-modal--orange .fancybox-close-small svg path {
    fill: var(--text-primary, #151515) !important;
  }

  .open-city-modal--orange .mail-btn {
    flex-direction: column;
    gap: 8px;
  }

  .open-city-modal--orange .mail-btn .btn {
    padding: 7px 20px;
    gap: 4px;
  }

  .open-city-modal--orange .modal-h1 {
    z-index: 106;
    position: sticky;
    top: 0;
    left: 0;
    margin: 0 -16px 16px;
    width: auto;
    border-bottom: 1px solid var(--border-tetriary-2, rgba(21, 21, 21, 0.08));
    color: var(--text-primary, #151515);
    font-size: 20px;
    font-weight: 600;
    background: #fff;
    line-height: 24px;
    padding: 12px 75px 11px 16px;
  }

  .open-city-modal--orange .inputs-2-in-row {
    margin: 0 0 23px;
  }

  .open-city-modal--orange .label {
    margin: 0 0 11px;
  }

  .open-city-modal--orange .bottom-link {
    margin: 16px 0 0;
  }

  .open-city-modal--orange .modal-text-01 {
    color: var(--text-primary, #151515);
    font-size: 14px;
    margin: 3px 0 0;
    font-weight: 400;
    line-height: 20px;
  }

  .open-city-modal--orange .modal-text-01 h5 {
    margin-top: 0;
  }

  .open-city-modal--orange .empty-button {
    font-size: 16px;
    line-height: 20px;
    padding: 9px;
    margin-top: auto;
  }

  .open-city-modal--orange .clear {
    top: 20px;
  }

  .open-city-modal--orange .btn-orange {
    padding: 8px 20px;
  }

  .open-city-modal--orange .polit {
    font-size: 10px;
    line-height: 14px;
  }

  .open-city-modal--orange .form-item input[type=text],
  .open-city-modal--orange .form-item input[type=email],
  .open-city-modal--orange .form-item input {
    padding: 27px 45px 11px 11px !important;
    font-size: 14px;
    border-radius: 8px;
    line-height: 16px;
  }

  .open-city-modal--orange .form-item label {
    left: 11px;
  }

  .open-city-modal--orange .iti__country-container {
    top: 0;
    left: 0 !important;
    bottom: 0;
  }

  .open-city-modal--orange .iti__selected-country {
    border-radius: 7px 0 0 7px;
  }

  .open-city-modal--orange .iti__selected-dial-code {
    font-size: 14px;
    line-height: 20px;
  }

  .open-city-modal--orange form {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
  }

  .open-city-modal--orange .mt-auto {
    margin-top: auto;
  }

  .open-city-modal--orange .mt-auto + .empty-button {
    margin-top: 0;
  }

  .open-city-modal--orange .notification {
    padding: 8px 16px 8px 48px;
    margin: -20px 0 27px;
    font-size: 10px;
    line-height: 14px;
    background-position: left 13px top 7px;
  }

  .open-city-modal--orange .notification p {
    font-size: 14px;
    line-height: 20px;
  }

  .info-page_wrap {
    margin: 0;
  }

  .info-page-left--show-adaptive.show .info-page_wrap {
    background: none;
  }

  .info-page-left--show-adaptive.show .info-page-left_tab-name {
    background: var(--element-bg-light, #F8FAFF) !important;
  }
}

@media screen and (min-width: 1201px) {
  .catalog-top_brands .swiper-wrapper {
    height: auto;
    flex-wrap: wrap;
  }

  .catalog-top_brands .swiper-slide {
    width: 16.6%;
    margin-right: 0 !important;
  }
}

.only-mobile {
  display: none;
}

@media screen and (max-width: 800px) {
  .row-menu--new .main-menu .right-menu {
    padding: 50px 0 15px;
  }

  .row-menu--new .main-menu .right-menu .left-menu_top {
    display: block;
    position: fixed;
    top: 48px;
    left: 0;
    width: 100%;
  }

  .row-menu--new .main-menu .right-menu.show {
    display: block;
  }

  .row-menu--new .close {
    position: absolute;
    top: 0;
    right: 0;
  }

  .row-menu--new.row-menu {
    top: 0;
    padding-top: 48px;
    background: #121E46;
  }

  .new-category-carousel .name {
    height: 60px;
  }

  .nav-menu_second {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }

  .nav-menu_second::-webkit-scrollbar {
    display: none;
  }

  .nav-menu_second .nav-menu_second_swiper_nav {
    display: none !important;
  }

  .nav-menu_second .swiper-slide {
    margin-right: 16px !important;
  }

  .nav-menu_second .line {
    margin: 4px 8px;
  }

  .nav-menu_second a {
    padding: 4px 0;
  }

  .nav-menu_second_swiper {
    overflow: visible;
    width: auto;
    padding: 0;
  }

  .nav-menu_second_swiper .swiper-slide {
    display: inline-block;
  }

  .nav-menu_second_swiper .swiper-wrapper {
    transform: none !important;
    display: block;
    white-space: nowrap;
  }

  .tooltipster-sidetip .tooltipster-arrow {
    display: none;
  }

  .tooltipster-sidetip .tooltipster-box {
    margin: 0 !important;
    border-radius: 10px 10px 0 0;
  }

  .tooltipster-sidetip .tooltipster-content:after {
    content: "";
    width: 18px;
    height: 18px;
    background: url(../images/close-black.svg) no-repeat;
    background-size: contain;
    position: absolute;
    top: 10px;
    right: 10px;
  }

  .tooltipster-sidetip .tooltipster-content:before {
    content: "";
    border-radius: 2px;
    width: 36px;
    height: 5px;
    background: #fff;
    margin-left: -18px;
    position: absolute;
    top: -10px;
    left: 50%;
  }

  .tooltipster-sidetip .tooltipster-content {
    position: relative;
    overflow: visible;
    padding: 16px 28px 16px 16px;
  }

  .tooltipster-base {
    background: rgba(21, 21, 21, 0.5);
    top: 0 !important;
    left: 0 !important;
    bottom: 0 !important;
    position: fixed !important;
    right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    align-items: flex-end;
    pointer-events: auto;
  }

  .small-category-list_group {
    display: block;
  }

  .new-big-category {
    padding: 16px 16px 3px;
    background: #fff;
  }

  .new-big-category img {
    position: absolute;
    right: 0;
    bottom: auto !important;
    max-width: 70%;
    top: 50%;
    transform: translateY(-50%);
  }

  .new-big-category a {
    overflow: hidden;
    border-radius: 16px;
    padding: 15px 12px;
  }

  .new-big-category .row {
    gap: 10px;
  }

  .new-big-category > .row {
    display: block;
  }

  .new-big-category .last-cash {
    color: rgba(21, 21, 21, 0.5);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
  }

  .new-big-category .col {
    width: 100%;
    margin: 0 0 7px;
  }

  .new-big-category .col .col a {
    height: 100%;
  }

  .new-big-category .cash {
    color: #121E46;
    font-size: 28px;
    font-weight: 700;
    line-height: 36px;
  }

  .new-big-category .name {
    color: var(--text-primary, #151515);
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    max-width: 55%;
    margin: 0 0 84px;
  }

  .new-big-category .link {
    display: none;
  }

  .new-big-category .label {
    margin: 0 0 5px;
    max-width: 55%;
    font-size: 14px;
    line-height: 1.3;
  }

  .new-big-category .has-small {
    display: block;
    margin: 0;
  }

  .new-big-category .has-small .col .name {
    margin: 0 0 17px;
  }

  .new-big-category .has-small .col .bg {
    bottom: 0 !important;
    top: auto !important;
    transform: none;
  }

  .new-big-category .has-small .col img:not(.bg) {
    position: static;
    transform: none;
    max-width: 100%;
  }

  .new-big-category .has-small .cash {
    color: #121E46;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
  }

  .new-big-category .has-small a {
    min-height: 1px;
    height: auto;
    margin: 0 0 8px;
  }

  .row-main--slider {
    padding: 22px 16px 5px;
  }

  .row-main--slider .row-podborka .podborka-eshe > div {
    background: #fff url(../images/svg/arr-orange.svg) no-repeat right center;
    border-radius: 0;
    font-size: 14px;
    color: #121E46;
    background-size: auto 17px;
    padding: 7px 15px 8px 0;
  }

  .row-main--slider .zagolovok {
    font-size: 140%;
  }

  .row-main--slider .zagolovok small {
    margin: 0 0 0;
    line-height: 21px;
  }

  .row-main--slider div.slider-podborka {
    padding: 19px 16px 5px 0;
    margin: 0 -16px 0 0;
  }

  .row-main--slider .kartochki .top-stroka {
    top: 3px;
    right: 3px;
  }

  .row-main--slider .kartochki .price-stroka {
    margin-bottom: 2px;
  }

  .row-main--slider .kartochki .kartochka-compact_width {
    overflow: hidden;
    border-radius: 12px;
    box-shadow: none;
    border: 1px solid rgba(21, 21, 21, 0.08);
    padding: 12px 12px 6px;
    margin: 0 8px 0 0;
  }

  .row-main--slider .kartochki .kartochka-compact_width .podborka-img img {
    height: 100% !important;
  }

  .row-main--slider .kartochki .icon {
    padding-left: 25px;
    background-size: 20px auto;
  }

  .row-main--slider .podborka-img {
    width: auto !important;
    height: auto !important;
    border-radius: 0 0 12px 12px;
    overflow: hidden;
    margin: -12px -12px 5px;
    padding: 0;
  }

  .row-main--slider .podborka-img ul {
    bottom: 9px;
    left: 7px;
  }

  .row-main--slider .podborka-img ul li {
    color: #FFF;
    font-size: 10px;
    font-weight: 600;
    padding: 2px 4px;
    line-height: 12px;
  }

  .row-main--slider .kartochka-compact_width .podborka-name {
    height: 40px !important;
    overflow: hidden;
    color: var(--text-primary, #151515);
    font-size: 14px !important;
    font-weight: 400;
    line-height: 20px;
    /* 142.857% */
  }

  .row-main--slider .kartochka-compact_width .podborka-info {
    padding: 0;
  }

  .row-main--slider .kartochka-compact_width .podborka-price {
    font-size: 15px !important;
  }

  .small-category-list .title-item small {
    color: rgba(21, 21, 21, 0.5);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }

  .video-review .title-item,
  .small-category-list .title-item {
    color: var(--text-primary, #151515);
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
  }

  .video-review .top .link,
  .small-category-list .top .link {
    background: #fff url(../images/svg/arr-orange.svg) no-repeat right center;
    border-radius: 0;
    font-size: 14px;
    white-space: nowrap;
    color: #121E46;
    background-size: auto 17px;
    padding: 0 15px 0 0;
  }

  .small-category-list {
    padding: 29px 16px 3px;
  }

  .small-category-list_left {
    display: block;
    width: 100%;
    border-radius: 16px;
    margin: 0 0 8px;
    color: var(--text-primary, #151515);
    font-size: 20px;
    padding: 14px 16px 16px 12px;
    font-weight: 600;
    height: 240px;
    position: relative;
    line-height: 24px;
  }

  .small-category-list_left img {
    object-position: center;
  }

  .video-review .top,
  .small-category-list .top {
    margin: 0 0 18px;
  }

  .small-category-list_in {
    gap: 8px;
  }

  .small-category-list_in a {
    border-radius: 12px;
    margin: 0 0 8px;
  }

  .small-category-list_in .preview {
    margin: -11px -11px 6px;
    width: auto;
    height: 179px;
    border-radius: 12px;
  }

  .small-category-list_in .name {
    font-size: 14px;
    height: 40px;
    font-weight: 400;
    line-height: 20px;
    /* 142.857% */
  }

  .small-category-list_in .cash-line {
    margin: 0 0 2px;
  }

  .category-group {
    padding: 21px 16px 10px;
  }

  .category-group .in {
    flex-wrap: nowrap;
    gap: 8px;
    margin-left: -16px;
    margin-right: -16px;
    padding-left: 16px;
    padding-right: 16px;
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }

  .category-group .in::-webkit-scrollbar {
    display: none;
  }

  .category-group .in a {
    flex: 140px 0 0;
  }

  .category-group .title {
    color: var(--text-primary, #151515);
    margin: 0 0 16px;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
  }

  .category-group .col {
    padding: 16px 16px 14px;
    border-radius: 16px;
    margin: 0 0 8px;
  }

  .category-group .link {
    padding: 3px 44px 3px 18px;
    margin: 0 0 0 20px;
  }

  .category-group .preview {
    height: 141px;
    border-radius: 10px;
    margin: 0 0 5px;
  }

  .category-group .like,
  .small-category-list_in .like {
    top: 4px;
    right: 4px;
  }

  .video-review {
    padding: 28px 16px 9px;
  }

  .video-review .top {
    margin: 0 0 15px;
  }

  .video-review-carousel .swiper-slide {
    width: 140px !important;
    margin: 0 8px 0 0;
  }

  .video-review-carousel .video-preview:after {
    width: 48px;
    height: 32px;
  }

  .video-review-carousel .time {
    font-size: 10px;
    line-height: 12px;
    bottom: 8px;
    padding: 2px 3px;
    right: 8px;
  }

  .video-review-carousel .video-preview {
    border-radius: 8px;
    border: 1px solid rgba(21, 21, 21, 0.08);
    height: 240px;
    margin: 0 0 15px;
  }

  .video-review-carousel .preview {
    width: 48px;
    margin: 0 13px 0 0;
    height: 48px;
  }

  .video-review-carousel .last-cash {
    display: none !important;
  }

  .video-review-carousel .cash {
    padding: 1px 0 0 0;
  }

  .new-footer {
    background: #fff;
    padding-bottom: 0;
  }

  .new-footer .f-row-01 {
    display: block;
    padding: 17px 15px 0;
  }

  .new-footer .footer .f-row-01 .f-column-1 {
    margin: 0 0 29px;
  }

  .new-footer .footer .f-logo svg,
  .new-footer .footer .f-logo {
    width: 160px;
    height: 36px;
  }

  .new-footer .footer .f-social {
    margin: 20px 0 40px;
  }

  .new-footer .footer .f-social .f-soc-tg,
  .new-footer .footer .f-social .f-soc-vk,
  .new-footer .footer .f-social .f-soc-yt,
  .new-footer .footer .f-social .f-soc-in {
    width: 48px;
    height: 32px;
    background-size: contain !important;
  }

  .new-footer .footer .f-social > a {
    margin-right: 5px;
  }

  .new-footer .footer .footer-menu-strelka {
    display: none;
  }

  .new-footer .footer .f-contacts li {
    margin-bottom: 6px;
  }

  .new-footer .footer .f-column-4,
  .new-footer .footer .f-column-3,
  .new-footer .footer .f-column-2 {
    width: 100%;
    margin: 0 0 19px;
  }

  .new-footer .footer .f-ul-lvl1 div a,
  .new-footer .footer .f-ul-lvl1 li {
    border: none;
    padding: 0;
  }

  .new-footer .footer .f-ul-lvl2 {
    display: block;
    margin: 0;
    padding: 0;
  }

  .new-footer .footer .f-ul-lvl1 div a,
  .new-footer .footer .f-ul-lvl1 li {
    margin: 0 0 7px;
    color: var(--text-primary, #151515);
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    /* 125% */
  }

  .new-footer .footer .f-ul-lvl2 a,
  .new-footer .footer .f-row-01 [class^=f-ul-lvl] > li > div,
  .new-footer .footer .f-column-2 a {
    padding: 0;
  }

  .new-footer .footer .f-row-01 [class^=f-ul-lvl] > li > div {
    margin: 0 0 10px;
  }

  .new-footer .footer .f-row-02 .f-links {
    padding: 0 !important;
    width: 100%;
    margin: 0 0 15px;
  }

  .new-footer .footer .f-row-02 > div {
    padding: 0 !important;
  }

  .new-footer .f-links a {
    margin: 0 0 8px;
  }

  .new-footer .f-row-02 {
    display: flex;
    padding: 16px !important;
    flex-direction: column-reverse;
  }

  .header_new .header-content-row1 {
    padding: 14px 10px 8px;
  }

  .header_new .js-search-result-scroll {
    max-height: calc(100vh - 270px);
  }

  .header_new .hc-r1-search .search-rezult .row {
    display: block;
  }

  .header_new .category-search {
    padding-right: 0;
  }

  .nav-menu .header-kategorii,
  .header_new .header-content .header-kategorii {
    padding: 4px 16px;
  }

  .header_new .header-content .hc-mobile-menu {
    left: 16px;
  }

  .nav-menu_second {
    padding: 0 14px;
  }

  .search-rezult .simplebar-track.simplebar-vertical {
    right: -10px;
  }

  .cookie-modal {
    bottom: 0;
    border-radius: 0;
    right: 0;
    padding: 16px 87px 16px 16px;
    width: 100%;
    max-width: 100%;
  }

  .cookie-modal .akcent-button-white-blue {
    display: none !important;
  }

  .cookie-modal .akcent-button {
    display: block;
    line-height: 0;
    font-size: 0 !important;
    text-align: center;
    position: absolute;
    right: 16px;
    width: 58px;
    top: 50%;
    transform: translateY(-50%);
  }

  .cookie-modal .akcent-button:after {
    font-size: 14px;
    line-height: 32px;
    content: "Ок";
  }

  .cookie-modal .cookie-buttons {
    margin: 0;
  }

  .cookie-modal h5 {
    display: none;
  }

  .catalog-top_category {
    margin: 0 -16px 32px;
    padding-left: 16px;
    padding-right: 16px;
    overflow: hidden;
  }

  .catalog-top_category .swiper-slide {
    width: 100px !important;
  }

  .catalog-top_category .name {
    font-size: 10px;
    line-height: 12px;
  }

  .catalog-top_category .preview {
    border-radius: 12px;
    margin: 0 0 8px;
    padding: 100% 0 0;
  }

  .catalog-top_category a {
    padding: 4px;
    border-radius: 16px;
    height: 136px;
  }

  .catalog-top_category .swiper {
    overflow: visible;
  }

  .catalog-top {
    padding: 10px 16px 13px;
  }

  .catalog-top h1 {
    font-size: 28px;
    margin: 8px 0 34px;
    line-height: 36px;
    /* 128.571% */
  }

  .catalog-top .category-group {
    margin: 30px 0 20px;
    padding: 0;
  }

  .catalog-top .category-group .in {
    min-width: 707px;
    position: relative;
    flex-wrap: wrap;
    gap: 4px;
    padding: 0 110px 0 16px;
  }

  .catalog-top .category-group .in a {
    box-sizing: border-box;
    flex: 45% 1 1;
  }

  .catalog-top .category-group .in .in-link {
    position: absolute;
    top: 0;
    right: 16px;
    background: none !important;
    height: 100%;
    max-width: 89px;
    min-width: 89px;
    width: 89px;
    gap: 5px;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    justify-content: center;
    border-radius: 8px;
    border: 1px solid #121E46;
  }

  .catalog-top .category-group .wrap {
    scrollbar-width: none;
    /* Для Firefox */
    -ms-overflow-style: none;
    /* Для Internet Explorer та Edge */
    overflow: auto;
    margin-left: -16px;
    padding-left: 16px;
    margin-right: -16px;
    padding-right: 16px;
  }

  .catalog-top .category-group .wrap::-webkit-scrollbar {
    display: none;
    /* Для Chrome, Safari та Edge */
  }

  .catalog-top .category-group .col {
    padding: 17px 16px 15px;
  }

  .catalog-top .category-group .link {
    display: none !important;
  }

  .catalog-top .category-group .preview {
    width: 48px;
    height: 48px;
    min-width: 48px;
  }

  .catalog-top .category-group .cash {
    padding: 0;
  }

  .catalog-top .category-group .col {
    padding: 17px 16px;
  }

  .catalog-list_filter_result {
    flex: 1;
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
    flex-wrap: nowrap;
    padding: 0 16px 0 0;
    white-space: nowrap;
  }

  .catalog-list_filter_result.new-catalog-list_filter_result {
    flex-wrap: wrap;
  }

  .catalog-list_filter_result::-webkit-scrollbar {
    display: none;
  }

  .catalog-list_filter_result .clear,
  .catalog-list_filter_result .item {
    display: flex;
    align-items: center;
  }

  .catalog-list_filter_result .clear:after,
  .catalog-list_filter_result .item:after {
    position: static;
    transform: none !important;
    margin-top: 0;
  }

  .catalog-top_carousel {
    margin: 0 -16px 40px;
    padding: 0 0 36px;
    position: relative;
  }

  .catalog-top_carousel .swiper {
    overflow: hidden;
    padding: 0 16px;
  }

  .catalog-top_carousel .swiper-slide {
    padding: 14px 0 80px 16px;
    border-radius: 16px;
    overflow: hidden;
    height: 340px;
  }

  .catalog-top_carousel .label {
    font-size: 14px;
    margin: 0 0 1px;
  }

  .catalog-top_carousel .title {
    font-size: 20px;
    margin: 0 0 17px;
    line-height: 24px;
    /* 120% */
  }

  .catalog-top_carousel .swiper-pagination-bullet {
    border-radius: 50px;
    opacity: 0.3;
    background: var(--text-primary, #151515);
    width: 8px;
    height: 8px;
  }

  .catalog-top_carousel .swiper-pagination-bullet-active {
    opacity: 1;
  }

  .catalog-top_carousel .swiper-pagination {
    display: flex;
    padding: 4px 8px;
    justify-content: center;
    align-items: center;
    bottom: 0;
    gap: 8px;
    left: 50%;
    transform: translateX(-50%);
    align-self: stretch;
    border-radius: 100px;
    background: #EFF2F7;
  }

  .catalog-top_carousel .img {
    width: auto;
    height: 200px;
    object-fit: contain;
    left: 50%;
    transform: translateX(-50%);
    object-position: bottom;
    max-width: none;
  }

  .new-catalog-promo .btn-white,
  .catalog-top_carousel .btn-white {
    padding: 8px 23px;
  }

  .catalog-top_carousel_nav {
    display: none !important;
  }

  .new-catalog-list {
    padding: 15px 16px;
  }

  .new-catalog-list_in {
    margin: 0 -4px;
  }

  .new-catalog-item {
    width: 50%;
    padding: 0 4px;
    margin: 0 0 8px;
  }

  .new-catalog-item a {
    border-radius: 12px;
    padding: 0;
    height: 284px;
  }

  .new-catalog-item .like {
    top: 4px;
    right: 9px;
  }

  .new-catalog-item .preview {
    height: 180px;
    margin: 0 0 5px;
  }

  .new-catalog-item .type {
    font-size: 10px;
    margin: 6px 11px 4px;
    padding: 0 0 0 16px;
    line-height: 12px;
    background-size: 12px auto;
  }

  .new-catalog-item .type + .name {
    height: 20px;
    margin-bottom: 4px;
  }

  .new-catalog-item .review {
    font-size: 10px;
  }

  .new-catalog-item .last-cash {
    font-size: 10px;
    line-height: 12px;
  }

  .new-catalog-item .icon {
    padding-left: 21px;
    background-size: 16px;
  }

  .new-catalog-item .price-stroka {
    align-items: center;
    gap: 6px;
    padding: 0 12px;
  }

  .new-catalog-item .review strong {
    padding: 0 2px 0 16px;
    background-size: 11px;
  }

  .new-catalog-item .name {
    line-height: 20px;
    height: 40px;
  }

  .new-catalog-item ul li {
    font-size: 10px;
    padding: 1px 7px;
  }

  .new-catalog-promo {
    width: 50%;
    padding: 0 4px;
  }

  .new-catalog-promo .in {
    border-radius: 16px;
    height: 266px;
    padding: 12px;
  }

  .new-catalog-promo .btn {
    display: none;
  }

  .new-catalog-promo .label {
    font-size: 14px;
    line-height: 20px;
    width: 65%;
  }

  .new-catalog-promo .name {
    font-size: 20px;
    margin: 2px 0 5px;
    font-weight: 600;
    line-height: 24px;
    /* 120% */
  }

  .new-catalog-promo .link {
    display: none;
  }

  .new-catalog-promo .title {
    font-size: 20px;
    line-height: 24px;
    /* 120% */
  }

  .new-catalog-promo .list {
    flex-wrap: nowrap;
    overflow: auto;
    width: 100%;
    box-sizing: content-box;
    margin: 0 -12px;
    padding: 0 15px;
    gap: 8px;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }

  .new-catalog-promo .list::-webkit-scrollbar {
    display: none;
    /* Для Chrome, Safari та Edge */
  }

  .new-catalog-promo .list a {
    min-width: 140px;
    margin: 0 0 1px;
    padding-top: 1px;
  }

  .new-catalog-promo .preview {
    height: 140px;
    border-radius: 8px;
  }

  .new-catalog-promo .title {
    margin: 5px 3px 28px;
  }

  .new-catalog-promo_w2 {
    width: 100%;
    height: auto;
    margin: 0 0 8px;
  }

  .new-catalog-promo_w2 .in {
    height: 148px;
  }

  .new-catalog-promo_height .in {
    height: auto;
  }

  .new-pagination_in {
    gap: 7px;
  }

  .new-pagination_in .tochki,
  .new-pagination_in a {
    min-width: 40px;
    width: auto;
  }

  .new-pagination {
    padding: 16px 0;
  }

  .new-pagination .new-pagination_nav {
    min-width: 60px;
  }

  .new-pagination .btn {
    padding: 8px;
    margin: 0 0 24px;
  }

  .new-catalog-list_filter .catalog-list_filter_result {
    padding: 16px;
  }

  .new-catalog-list_filter_item.open,
  .new-catalog-list_filter_top,
  .new-catalog-list_filter_bottom,
  .new-catalog-list_filter {
    width: 100% !important;
  }

  .new-catalog-list_filter_item .btn-orange {
    width: calc(100% - 32px);
  }

  .small-crumbs .breadcrumb {
    margin: 0 0 14px !important;
  }

  .catalog-top_subcategory_item {
    min-width: 88px;
    margin: 0 8px 8px 0;
    width: 88px;
    font-size: 10px;
    line-height: 14px;
  }

  .catalog-top_subcategory_item .preview {
    border-radius: 8px;
    margin: 0 0 2px;
  }

  .catalog-top_subcategory {
    margin: 0 -8px 23px 0;
    gap: 8px;
  }

  .catalog-top_subcategory .more {
    margin-bottom: 8px;
    margin-right: 8px;
    min-width: 88px;
    font-size: 10px;
    min-height: 112px;
  }

  .catalog-top_carousel .label {
    font-size: 14px;
    margin: 4px 0 5px;
  }

  .search-top-text {
    padding: 9px 0 15px;
  }

  .search-top-text a {
    display: block;
    margin: 10px 0 0;
  }

  .empty-search {
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    padding: 32px 16px 22px;
  }

  .empty-search img,
  .empty-search svg {
    width: 80px;
    margin: 0 auto 19px;
  }

  .empty-search h2 {
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    margin: 0 0 5px;
  }

  .empty-search .btn-group {
    padding: 16px 0 0;
    gap: 7px;
    display: flex;
    flex-direction: column;
  }

  .empty-search .btn-group a {
    padding: 7px;
    min-width: 180px;
  }

  .header-order--style {
    padding: 19px 12px 13px;
  }

  .header-order--style.header-order .back {
    font-size: 0;
  }

  .header-order--style .header-content .hc-r1-logo svg {
    margin: -8px 0 0 -40px;
    width: 160px;
    height: 33px;
  }

  .header-order--style .hc-r1-logo a {
    width: 145px;
    display: block;
    overflow: hidden;
    height: 20px;
  }

  .header-order--style .header-content {
    padding: 0 !important;
  }

  .header-order--style .header-content .hc-r1-logo {
    width: 145px;
    fill: #fff;
    height: 22px;
  }

  .header-order--style.header-order .back {
    margin: -3px 0 2px;
  }

  .header-order--style.header-order .back svg {
    fill: currentColor;
    width: 24px;
    height: 24px;
  }

  .new-footer .f-links {
    text-align: left;
  }

  .main-menu .left-menu {
    width: 100%;
  }

  .current-city-modal {
    width: 100vw !important;
    overflow: auto !important;
    height: 100vh;
    border-radius: 0;
    padding: 23px 16px 23px;
    margin: -6px;
    max-width: none;
    max-height: none;
  }

  .current-city-modal .modal-h1 {
    color: var(--text-primary, var(--text-primary, #151515));
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 14px;
  }

  .current-city-modal .clear {
    top: 18px;
  }

  .current-city-modal .fancybox-close-small {
    top: 20px;
    width: 48px;
    box-sizing: border-box;
    height: 32px;
    right: 16px;
    padding: 3px 11px !important;
    border: 1px solid rgba(21, 21, 21, 0.08) !important;
  }

  .current-city-modal .fancybox-close-small svg {
    color: rgb(21, 21, 21);
  }

  .current-city-modal .fancybox-close-small svg path {
    fill: #121E46 !important;
  }

  .current-city-modal ul {
    font-size: 17px;
    line-height: 20px;
  }

  .current-city-modal .modal-spisok-01 {
    max-height: none;
  }

  .current-city-modal input {
    border-radius: 12px;
    height: 41px;
    margin: 10px 0;
    padding: 8px 75px 8px 10px;
  }

  .current-city-modal .auto-loc {
    margin: 0 0 24px;
  }

  .current-city-modal li {
    margin: 0 0 28px;
  }

  .catalog-top_category--list .btn-show,
  .catalog-top_category--list .hide {
    display: none;
  }

  .catalog-top_category--list a {
    box-sizing: border-box;
    flex: 100px 0 0;
    min-height: 144px;
    min-width: 100px;
  }

  .catalog-top_category--list .new-catalog-list_filter_top {
    display: none;
  }

  .catalog-top_category--list.open {
    position: fixed;
    margin: 0;
    padding: 64px 17px 30px;
    text-align: center;
    top: 0;
    left: 0;
    display: block;
    overflow: auto;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 1000;
  }

  .catalog-top_category--list.open .new-catalog-list_filter_top {
    display: flex !important;
  }

  .catalog-top_category--list.open a {
    flex: calc(33.333% - 6px) 0 0;
    width: 109px;
    vertical-align: top;
    margin: 0;
    height: auto;
    display: inline-block !important;
  }

  .catalog-top_category--list.open .btn-show {
    display: none !important;
  }

  .catalog-top_category--list.open .preview {
    padding: 91% 0 0;
  }

  .catalog-top_category--list.open .catalog-top_category--list_in {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
  }

  .catalog-top_category--list_in {
    flex-wrap: nowrap;
    margin: 0 -16px;
    width: auto !important;
    padding: 0 16px;
    overflow: auto;
    box-sizing: border-box;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }

  .catalog-top_category--list_in::-webkit-scrollbar {
    display: none;
    /* Для Chrome, Safari та Edge */
  }

  .catalog-top_category--list_in .btn-show {
    display: flex;
    border-radius: 16px;
    min-width: 100px;
    font-size: 10px;
    line-height: 16px;
    margin: 0;
    width: 100%;
    align-items: center;
    justify-content: center;
  }

  .catalog-top_category--list_in .btn-show svg {
    margin-left: 4px;
    width: 16px;
    height: 16px;
  }

  .catalog-top_subcategory .more,
  .best-product_carousel .swiper-slide {
    width: 109px !important;
  }

  .best-product_carousel {
    margin: 27px 0 3px;
    border-radius: 16px;
    padding: 16px;
  }

  .best-product_carousel .preview {
    padding: 129% 0 0;
    margin: 0 0 5px;
  }

  .best-product_carousel .best-product_carousel_nav,
  .best-product_carousel .last-cash {
    display: none !important;
  }

  .best-product_carousel .swiper {
    overflow: visible;
  }

  .best-product_carousel4 .best-product_carousel_nav4,
  .best-product_carousel3 .best-product_carousel_nav3,
  .best-product_carousel2 .best-product_carousel2_nav {
    display: none !important;
  }

  .best-product_carousel3,
  .best-product_carousel2 {
    display: block;
    text-align: left;
    margin: 27px 0 3px;
    padding: 18px 0 16px;
    border-radius: 16px;
  }

  .best-product_carousel3 .title,
  .best-product_carousel2 .title {
    font-size: 20px;
    min-width: 100%;
    text-align: left;
    justify-content: flex-start;
    width: 100%;
    margin: 0 0 17px;
    padding: 0 15px;
    font-weight: 600;
    line-height: 24px;
    /* 120% */
  }

  .best-product_carousel3_in,
  .best-product_carousel2_in {
    padding: 0 15px;
    overflow: hidden;
  }

  .best-product_carousel3_in .swiper,
  .best-product_carousel2_in .swiper {
    overflow: visible;
  }

  .best-product_carousel2_in .cash {
    padding: 1px 0 0px;
  }

  .best-product_carousel2_in .preview {
    width: 48px;
    height: 48px;
    margin: 0 12px 0 0;
  }

  .best-product_carousel3 {
    padding: 18px 0 15px;
  }

  .best-product_carousel3 .cash {
    font-size: 16px;
  }

  .best-product_carousel3 .preview {
    padding: 100% 0 0;
    margin: 0 0 6px;
  }

  .best-product_carousel3 .swiper-slide {
    width: 140px !important;
  }

  .best-product_carousel4 {
    margin: 30px -15px 1px;
    padding-left: 16px;
    padding-right: 16px;
    overflow: hidden;
  }

  .best-product_carousel4 .last-cash {
    font-size: 10px;
  }

  .best-product_carousel4 .cash {
    font-size: 16px;
  }

  .best-product_carousel4 .swiper-slide {
    width: 140px !important;
  }

  .best-product_carousel4 .swiper {
    overflow: visible;
  }

  .best-product_carousel4 .title {
    font-size: 20px;
    font-weight: 600;
    margin: 0 0 14px;
    line-height: 24px;
    /* 120% */
  }

  .best-product_carousel4 .preview {
    padding: 100% 0 0;
    margin: 0 0 8px;
  }

  .open-subcategory {
    overflow: hidden;
  }

  .open-subcategory .catalog-top_subcategory {
    position: fixed;
    top: 0;
    left: 0;
    max-height: none;
    width: 100%;
    flex-wrap: wrap;
    padding: 64px 16px 0;
    height: 100%;
    gap: 8px;
    overflow: auto;
    background: #fff;
    z-index: 100000;
  }

  .open-subcategory .catalog-top_subcategory .new-catalog-list_filter_top {
    display: flex !important;
  }

  .open-subcategory .catalog-top_subcategory .hide {
    display: block;
  }

  .open-subcategory .catalog-top_subcategory .more {
    display: none !important;
  }

  .open-subcategory .catalog-top_subcategory .peview {
    padding: 80% 0 0;
  }

  .catalog-top_subcategory_item {
    margin: 0;
    width: calc(33.3% - 7px);
  }

  .new-cabinet-order-list {
    padding: 36px 16px;
  }

  .new-cabinet-order-item {
    border: none;
    border-radius: 16px;
    margin: 0 0 11px;
    background: #F8FAFF;
  }

  .new-cabinet-order-item .bottom--3x .btn-orange {
    flex: 100% 1 1 !important;
  }

  .new-cabinet-order-item .number {
    font-size: 10px;
    line-height: 14px;
    margin: 0 0 5px;
  }

  .new-cabinet-order-item .item {
    padding: 0;
  }

  .new-cabinet-order-item .date {
    font-size: 18px;
    line-height: 24px;
  }

  .new-cabinet-order-item .date span:before {
    content: "— ";
  }

  .new-cabinet-order-item .left {
    float: none;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    position: relative;
    padding: 16px 16px 17px;
    margin: 0;
    z-index: 16;
  }

  .new-cabinet-order-item .left .status {
    position: absolute;
    bottom: 0;
    left: 16px;
    font-size: 10px;
  }

  .new-cabinet-order-item .left .status ul {
    opacity: 0 !important;
    display: none !important;
    visibility: hidden !important;
  }

  .new-cabinet-order-item .left .date {
    font-size: 12px;
    color: var(--text-primary, #151515);
    line-height: 20px;
  }

  .new-cabinet-order-item .in {
    padding: 12px 8px 18px 17px;
    gap: 8px;
    display: flex;
    white-space: nowrap;
  }

  .new-cabinet-order-item .in[data-count]:after {
    font-size: 10px;
    right: 8%;
    height: 16px;
    padding: 0 8px;
    line-height: 16px;
  }

  .new-cabinet-order-item .in i {
    font-size: 10px;
    line-height: 16px;
    min-width: 28px;
    max-width: 28px;
    min-height: 16px;
    bottom: -5px;
    right: -4px;
  }

  .new-cabinet-order-item .in a {
    border: none;
    min-width: 60px;
    width: 20%;
    flex: 20% 0 0;
  }

  .new-cabinet-order-item .label {
    font-size: 12px;
    line-height: 20px;
    color: rgba(21, 21, 21, 0.5);
  }

  .new-cabinet-order-item_list {
    display: flex;
    overflow: auto;
    padding: 0 16px;
    gap: 8px;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }

  .new-cabinet-order-item_list::-webkit-scrollbar {
    display: none;
    /* Для Chrome, Safari та Edge */
  }

  .new-cabinet-order-item_list:last-child {
    padding-bottom: 16px;
  }

  .new-cabinet-order-item_list .item {
    border-radius: 8px;
    background: #FFF;
    flex-grow: 1;
    overflow: hidden;
    min-width: 288px;
  }

  .cabinet-new-top_sort {
    white-space: nowrap;
    margin: 0 -16px;
    padding: 0 16px;
    flex-wrap: nowrap;
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }

  .cabinet-new-top_sort::-webkit-scrollbar {
    display: none;
    /* Для Chrome, Safari та Edge */
  }

  .cabinet-new-top h1 {
    color: var(--text-primary, #151515);
    margin: 10px 0 19px;
    font-size: 28px;
    font-weight: 700;
    line-height: 36px;
    /* 128.571% */
  }

  .cabinet-new-top .cabinet-new-top_sort {
    margin-left: -22px;
    margin-right: -22px;
    padding-left: 22px;
    padding-right: 22px;
  }

  .cabinet-new-top_sort a {
    font-size: 14px;
    line-height: 20px;
    padding: 6px 12px;
  }

  .cabinet-new-top_notification {
    margin: 31px 0 1px;
  }

  .cabinet-new-top_notification .item img,
  .cabinet-new-top_notification .item svg {
    display: none;
  }

  .cabinet-new-top_notification span {
    font-size: 14px;
    line-height: 20px;
  }

  .cabinet-new-top_notification p {
    font-size: 10px;
    line-height: 14px;
  }

  .cabinet-new-top_notification .btn-group {
    padding: 7px 0 0;
    gap: 8px;
    width: 100%;
    display: block;
  }

  .cabinet-new-top_notification .btn {
    padding: 3px 22px;
    width: 100% !important;
    box-sizing: border-box;
    font-size: 14px;
    display: block;
    margin: 8px 0 0;
  }

  .cabinet-new-top_notification .item {
    border-radius: 16px;
    display: block;
    padding: 16px;
  }

  .new-cabinet-order-list {
    padding: 20px 0;
  }

  .new-cabinet-order-list .year {
    color: rgba(21, 21, 21, 0.5);
    font-size: 20px;
    margin: 0 16px 12px;
    font-weight: 600;
    line-height: 24px;
    /* 120% */
  }

  .new-cabinet-order-item .top {
    padding: 18px 12px 12px 16px;
    border-radius: 16px 16px 0 0;
  }

  .new-cabinet-order-item .in[data-count]:after {
    font-size: 10px;
    line-height: 14px;
  }

  .new-cabinet-order-item .bottom {
    padding: 16px 17px;
    flex-wrap: wrap;
  }

  .new-cabinet-order-item .btn {
    font-size: 14px;
    flex: 40% 1 1;
    padding: 4px 11px;
    box-sizing: border-box;
  }

  .status_drop {
    width: 263px;
    white-space: normal;
  }

  .status_drop .link {
    font-size: 12px;
    line-height: 16px;
    margin: 4px 16px 5px;
  }

  .status_drop .copy {
    font-size: 12px;
    line-height: 20px;
    position: relative;
    padding: 10px 30px 10px 10px;
  }

  .status_drop .copy:after {
    right: 8px;
    width: 20px;
    height: 20px;
    background-size: 20px auto;
  }

  .cabinet-new-nav {
    margin: 0 0 13px;
  }

  .cabinet-new-nav:last-child {
    margin-bottom: 0;
  }

  .cabinet-new-nav a {
    min-width: 100%;
    padding-left: 0;
    text-align: center;
    font-size: 14px;
    justify-content: center;
    box-sizing: border-box;
    line-height: 20px;
  }

  .cabinet-new-nav i {
    font-size: 10px;
    min-width: 28px;
    max-width: 28px;
    min-height: 24px;
  }

  .cabinet-new-nav li {
    flex: 1;
  }

  .cabinet-new-nav ul {
    width: 100%;
    display: flex;
  }

  .new-catalog-item .rating {
    bottom: 10px;
    left: 7px;
  }

  .new-catalog-item .status {
    bottom: 45px;
    left: 7px;
    font-size: 10px;
    line-height: 16px;
    padding: 2px 4px;
  }

  .new-catalog-item--gray .btn-gray {
    bottom: 11px;
    left: 14px;
    right: 14px;
    border-radius: 99px;
    padding: 4px 16px;
  }

  .text-new-modal {
    padding: 18px 16px 16px;
    border-radius: 16px;
    margin: 55px 10px;
    width: auto !important;
  }

  .text-new-modal .fancybox-close-small {
    right: 0;
    top: -41px;
    padding: 3px 6px;
    width: 48px;
    height: 32px;
  }

  .text-new-modal .modal-h1 {
    color: var(--text-primary, #151515);
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    margin: 0 0 7px;
  }

  .text-new-modal .modal-text-01 {
    font-size: 14px;
    line-height: 20px;
    gap: 16px;
    margin: 7px 0;
  }

  .new-catalog-list_in--size .new-catalog-item {
    width: 50%;
  }

  .new-catalog-item--gray .name {
    height: 20px;
    -webkit-line-clamp: 1;
  }

  .new-catalog-item--gray .btn-gray {
    bottom: 11px;
    left: 14px;
    right: 14px;
    border-radius: 99px;
    padding: 4px 16px;
  }

  .catalog-big-list {
    gap: 0;
    padding: 12px 18px 6px;
  }

  .catalog-big-list ul {
    display: none;
    padding: 6px 0 7px;
  }

  .catalog-big-list .title {
    flex-direction: row-reverse;
    justify-content: flex-end;
    font-size: 16px;
    padding: 16px 40px 16px 0;
    margin: 0;
    gap: 6px;
    font-weight: 600;
    position: relative;
    line-height: 20px;
  }

  .catalog-big-list .title img,
  .catalog-big-list .title svg {
    width: 24px;
    min-width: 24px;
  }

  .catalog-big-list .title:hover {
    color: #151515;
  }

  .catalog-big-list .title:hover svg,
  .catalog-big-list .title:hover path {
    fill: #151515;
    opacity: 0.3;
  }

  .catalog-big-list .title:after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    background: url(../images/svg/arr-down-gray.svg) no-repeat;
    right: 0;
  }

  .catalog-big-list li a {
    position: relative;
  }

  .catalog-big-list .item {
    width: 100%;
    padding: 0;
    border: none;
    border-radius: 0;
    border-bottom: 1px solid rgba(21, 21, 21, 0.08);
  }

  .catalog-big-list .item.open .title:after {
    transform: translateY(-50%) scale(-1);
  }

  .catalog-big-list .item.open ul {
    display: block;
  }

  .catalog-big-list .item:last-child {
    border: none;
  }

  .new-catalog-list--cabinet .new-catalog-list_sort {
    margin-top: -14px;
  }

  .new-big-category--grid {
    display: block;
  }

  .new-big-category--grid .item {
    margin: 0 0 7px;
  }

  .new-big-category--grid .item:nth-child(3) {
    grid-area: 2/1/3/3;
    display: flex !important;
    padding: 0;
    margin: 0;
    gap: 8px;
  }

  .new-big-category--grid .item:nth-child(3) a {
    min-height: 149px;
  }

  .new-big-category--grid .item:nth-child(3) .name {
    margin-bottom: 20px;
  }

  .new-big-category--grid .item:nth-child(3) .col:first-child img {
    right: 20% !important;
    top: 60%;
    max-height: 80%;
    justify-content: center;
  }

  .new-big-category--grid img {
    right: 0 !important;
  }

  .new-big-category--grid .item:nth-child(2) {
    min-height: 149px;
  }

  .new-big-category--grid .item:nth-child(2) .name {
    margin: 0 0 72px;
  }

  .new-big-category--grid a {
    min-height: 201px;
  }

  .new-big-category--grid .item:nth-child(4) {
    margin: 0;
  }

  .new-big-category--grid span:not(.preview) {
    display: block;
  }

  .catalog-top .subtitle {
    font-size: 20px;
    margin: -26px 0 25px;
    line-height: 24px;
  }

  .group-similar {
    display: block;
  }

  .similar-products-top--new {
    max-width: 100%;
    width: 100%;
    margin: 10px 0 33px;
    border-radius: 8px;
  }

  .similar-products-top--new a {
    padding: 8px 8px 5px;
    gap: 12px;
  }

  .similar-products-top--new span {
    overflow: hidden;
  }

  .similar-products-top--new .status {
    font-size: 10px;
    line-height: 14px;
    padding: 3px;
    margin: 0 0 -2px;
  }

  .similar-products-top--new .preview {
    min-width: 48px;
    width: 48px;
    height: 48px;
  }

  .similar-products-top--new .name {
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }

  .similar-product--new {
    overflow: auto !important;
    padding: 16px !important;
    height: calc(var(--vh, 1vh) * 100);
    width: 100vw;
    max-width: none !important;
    margin: -6px !important;
    border-radius: 0 !important;
  }

  .similar-product--new .row-main--slider div.row-podborka .row-main--slider-nav {
    display: none;
  }

  .similar-product--new .fancybox-close-small {
    top: 7px;
    width: 48px;
    box-sizing: border-box;
    height: 32px;
    right: 16px;
    padding: 3px 11px !important;
    background: #EFF2F7;
    border: 1px solid #EFF2F7 !important;
  }

  .similar-product--new .fancybox-close-small svg {
    color: rgb(21, 21, 21);
  }

  .similar-product--new .fancybox-close-small svg path {
    fill: #121E46 !important;
  }

  .similar-product--new .recommendation-title {
    overflow: visible;
  }

  .similar-product--new .similar-products-top--new {
    width: 100%;
    max-width: 100%;
    border-radius: 8px;
    margin: 27px 0 0;
  }

  .similar-product--new .modal-h2 {
    color: var(--text-primary, #151515);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
  }

  .similar-product--new .modal-h1 {
    border-bottom: 1px solid rgba(21, 21, 21, 0.08);
    background: #FFF;
    padding: 12px 75px 11px 16px;
    margin: -16px -16px 17px;
    color: var(--text-primary, #151515);
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
  }

  .similar-product--new .row-main--slider {
    margin-left: -16px;
    margin-right: -16px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .similar-product--new .category-group {
    margin: 33px 0 30px;
    padding: 0;
  }

  .similar-product--new .category-group .col {
    padding: 15px 17px;
  }

  .similar-product--new .category-group .link {
    display: none;
  }

  .similar-product--new .category-group .wrap {
    max-width: 500px;
    overflow: auto;
    scrollbar-width: none;
    padding: 0 17px;
    margin: 0 -17px;
    -ms-overflow-style: none;
  }

  .similar-product--new .category-group .wrap::-webkit-scrollbar {
    display: none;
  }

  .similar-product--new .category-group .in {
    gap: 5px;
    overflow: hidden;
    width: 629px;
    flex-wrap: wrap;
  }

  .similar-product--new .category-group .in a {
    padding: 8px 8px 6px;
    flex: 287px 1 0;
    border-radius: 8px;
  }

  .similar-product--new .category-group .in .cash {
    padding: 0;
  }

  .similar-product--new .category-group .in .preview {
    width: 48px;
    min-width: 48px;
    height: 48px;
    margin: 0 10px 0 0;
  }

  .similar-product--new_top {
    margin: 0 0 10px;
  }

  .cabinet-new-top {
    padding: 18px 17px 11px;
  }

  .small-crumbs li:after {
    margin: 0 2px;
  }

  .order-number {
    margin: -16px 0 0;
    font-size: 18px;
    line-height: 24px;
    gap: 4px;
  }

  .order-number svg {
    width: 24px;
    height: 24px;
    min-width: 24px;
  }

  .order-composition {
    padding: 20px 0 10px;
  }

  .order-composition_top {
    display: block;
    padding: 15px 15px 1px;
  }

  .order-composition_top .name {
    line-height: 20px;
    margin: 0 0 2px;
  }

  .order-composition_top .item {
    margin: 0 0 14px;
  }

  .order-composition_top p a {
    margin: 0 0 -1px;
    display: block;
  }

  .order-composition_top p span {
    display: none;
  }

  .order-composition_item .status-label {
    position: absolute;
    top: 16px;
    left: 56px;
    max-width: 80%;
    padding: 6px 36px 6px 16px;
  }

  .order-composition_item .top {
    position: relative;
    display: block;
    padding: 21px 15px 12px;
  }

  .order-composition_item .top .btn {
    display: block;
    width: auto;
    font-size: 12px;
    line-height: 14px;
    padding: 5px;
    margin: 8px 0 0;
  }

  .order-composition_item .flag {
    margin: 0 0 17px;
    width: 28px;
    min-width: 28px;
  }

  .order-composition_item .info p {
    margin-right: 0;
  }

  .order-composition_item .date {
    display: flex;
    flex-direction: column-reverse;
    font-size: 18px;
    font-weight: 600;
    margin: 0 0 9px;
    line-height: 24px;
  }

  .order-composition_item .date small,
  .order-composition_item .date span {
    color: var(--text-primary, #151515);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
  }

  .order-composition_item .date span {
    margin: 0 0 1px;
  }

  .order-composition_item .date span:before {
    display: none !important;
  }

  .order-composition_item .question--order {
    display: flex;
    padding: 0 15px 16px;
    align-items: center;
    gap: 9px;
  }

  .order-composition_item .question--order:after {
    position: static;
    display: inline-block;
    transform: none;
    opacity: 1;
    background: url("../images/svg/arr-small-right.svg") no-repeat center;
  }

  .order-composition_item .question--order:before {
    display: none;
  }

  .order-composition_item .bottom {
    flex-direction: column;
    gap: 6px;
    align-items: flex-start;
    padding: 0 15px 14px;
  }

  .order-composition_item_list {
    display: flex;
    overflow: auto;
    padding: 0 0 4px;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }

  .order-composition_item_list::-webkit-scrollbar {
    display: none;
  }

  .order-composition_item_list .like,
  .order-composition_item_list .btn,
  .order-composition_item_list .question {
    display: none;
  }

  .order-composition_item_list .preview {
    width: 68px;
    height: 68px;
    overflow: visible;
    margin: 0;
    min-width: 68px;
  }

  .order-composition_item_list .preview .count {
    font-size: 10px;
    line-height: 14px;
    height: 16px;
    width: 28px;
    min-width: 28px;
    padding: 0 5px;
  }

  .order-composition_item_list .item {
    padding: 0 16px;
    margin: 0 -25px 0 0;
  }

  .order-composition_item_list .product {
    overflow: visible;
    padding: 4px 0 12px;
  }

  .order-composition_item_list .product span:not(.preview) {
    display: none;
  }

  .order-composition_right {
    width: 100%;
    margin: 31px 0 0;
  }

  .order-composition_right td {
    padding: 0 4px;
  }

  .order-composition_right .btn {
    margin: 12px 0 0;
    padding: 8px 10px;
  }

  .order-composition_right_bg {
    padding: 10px 11px 20px;
  }

  .order-composition_right_events {
    padding: 19px 15px 9px;
  }

  .order-composition_right_events a {
    margin: 0 0 12px;
  }

  .notification-popup {
    transform: none;
    left: 0;
    width: 100%;
    padding: 10px;
    height: auto;
  }

  .new-pagination .new-pagination_nav {
    min-width: 40px;
  }

  .new-pagination_in li {
    margin: 0 1px;
  }

  .new-pagination_in .tochki,
  .new-pagination_in a {
    width: 32px;
    min-width: 32px;
  }

  .new-cabinet-order-item_cards {
    flex-wrap: nowrap;
    overflow: auto;
    scrollbar-width: none;
    padding: 12px 16px 10px;
    background: #fff;
    margin: 1px 16px;
    border-radius: 8px;
    border: none;
    -ms-overflow-style: none;
  }

  .new-cabinet-order-item_cards::-webkit-scrollbar {
    display: none;
  }

  .new-cabinet-order-item_cards span {
    min-width: 96px;
    width: 96px;
    height: 60px;
  }

  .info-page {
    display: block;
  }

  .info-page-left--new.only-mobile {
    display: block !important;
    position: relative;
    margin: 0 0 35px;
  }

  .info-page-left--new.only-mobile .info-page_wrap {
    display: block !important;
    padding: 0;
  }

  .info-page-left--new.only-mobile .info-page-left_tab-name {
    display: none;
  }

  .page-top {
    padding: 19px 16px 1px;
  }

  .page-top h1 {
    font-size: 28px;
    font-weight: 700;
    line-height: 36px;
    margin: 0 0 17px;
  }

  .page-top .text {
    margin: -4px 0 23px;
  }

  .contacts-info {
    padding: 10px 16px;
  }

  .text-page {
    padding: 10px 16px;
  }

  .info-page .info-page-right h1,
  .info-page .info-page-right .big-title {
    font-size: 20px;
    font-weight: 600;
    margin: 0 0 18px;
    line-height: 24px;
  }

  .info-page .info-page-right .group {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 0;
  }

  .info-page .info-page-right .group-item {
    padding: 10px 0;
    border-radius: 0;
    border: none;
    border-bottom: 1px solid var(--border-tetriary-2, rgba(21, 21, 21, 0.08));
  }

  .info-page .info-page-right .group-item ul {
    padding: 16px 0 8px;
    display: none;
  }

  .info-page .info-page-right .group-item li {
    margin: 0 0 12px;
  }

  .info-page .info-page-right .group-item li:last-child {
    margin-bottom: 0;
  }

  .info-page .info-page-right .group-item .title {
    justify-content: flex-start;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    color: var(--text-primary, #151515);
    position: relative;
    padding: 6px 0;
    gap: 8px;
    margin: 0;
  }

  .info-page .info-page-right .group-item .title:after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 24px;
    height: 24px;
    background: url(../images/svg/arr-down-gray.svg) no-repeat;
    background-size: contain;
  }

  .info-page .info-page-right .group-item .title:hover {
    color: var(--text-primary, #151515);
  }

  .info-page .info-page-right .group-item .title:hover svg {
    opacity: 0.3;
  }

  .info-page .info-page-right .group-item .title svg {
    width: 24px;
    height: 24px;
    min-width: 24px;
    opacity: 0.3;
    order: -1;
  }

  .info-page .info-page-right .open .title:after {
    transform: translateY(-50%) scale(-1);
  }

  .info-page .info-page-right .open ul {
    display: block;
  }

  .info-page .info-page-right .accordion .drop {
    font-size: 10px;
    line-height: 14px;
  }

  .info-page .info-page-right .accordion .accordion-title:hover {
    color: var(--text-primary, #151515);
  }

  .info-page .info-page-right .accordion .accordion-title:hover i {
    opacity: 0.3;
  }

  .info-page .info-page-right .accordion i:before {
    display: none;
  }

  .info-page .info-page-right .cabinet-new-top_notification .item {
    border-radius: 16px;
    padding: 16px;
  }

  .info-page .info-page-right .cabinet-new-top_notification .btn {
    padding: 3px 22px;
    width: 100% !important;
    box-sizing: border-box;
    font-size: 14px;
    display: block;
    margin: 8px 0 0;
  }

  .info-page-right_item {
    padding: 15px 20px 24px;
    border-radius: 16px;
    font-size: 14px;
    margin: 0 0 16px;
    font-weight: 400;
    line-height: 20px;
  }

  .info-page-right_item h2 {
    margin: 0 0 12px;
  }

  .info-page-right_item ol ol {
    padding: 8px 0 0 8px;
  }

  .info-page-right_item ul {
    padding: 0;
    margin: 0 0 5px 14px;
  }

  .info-page-left_tab-name {
    left: 16px;
    right: 16px;
  }

  .about-nav {
    padding: 15px 17px 3px;
    display: block;
  }

  .about-nav a {
    font-size: 16px;
    margin: 0 0 8px;
    padding: 18px 16px;
    height: auto;
  }

  .about-nav svg:last-child {
    margin-left: auto;
  }

  .masthead-about {
    padding: 10px 16px;
  }

  .masthead-about .bg {
    position: relative;
    width: 100%;
    height: auto;
    display: block;
    border-radius: 16px;
  }

  .masthead-about .info {
    margin: 12px 0 0;
    width: 100%;
    min-width: 100%;
    border-radius: 16px;
    background: var(--element-banner-purple, #DDD2FF);
    font-size: 14px;
    line-height: 20px;
    padding: 8px 16px;
  }

  .masthead-about .info .item {
    padding: 8px 0;
  }

  .masthead-about .info .item span {
    width: 50%;
    font-size: 20px;
    padding: 0 10px 0 0;
    box-sizing: border-box;
    margin: 0;
    font-weight: 600;
    line-height: 24px;
  }

  .masthead-about_in {
    border-radius: 0;
    padding: 0;
  }

  .about-info {
    padding: 22px 16px 13px;
  }

  .about-pick-up-points {
    padding: 17px 16px;
  }

  .about-pick-up-points.has-active .tab-nav img {
    display: block;
  }

  .about-pick-up-points.has-active.show-map .about-pick-up-points_item .close {
    border-radius: 24px;
    background: var(--icon-bg, #EFF2F7) url(../images/svg/close-dark.svg) no-repeat center;
    background-size: 18px;
    width: 44px;
    height: 28px;
    position: absolute;
    top: -16px;
    right: 16px;
    box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.08);
  }

  .about-pick-up-points.has-active.show-map .about-pick-up-points_item.active {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    border-radius: 8px 8px 0 0;
    margin: 0;
    padding: 16px;
    border: 1px solid var(--border-tetriary-2, rgba(21, 21, 21, 0.08));
    background: var(--bg-contrast, #FFF);
    background: #fff;
    z-index: 102;
  }

  .about-pick-up-points.has-active.show-map .about-pick-up-points_item.active .small-map {
    display: none;
  }

  .about-pick-up-points.focus-field .mobile-top {
    display: flex;
  }

  .about-pick-up-points.focus-field .clear {
    top: 84px;
    right: 56px;
    transform: none;
  }

  .about-pick-up-points.focus-field .form-item {
    padding: 16px;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(var(--vh, 1vh) * 100);
    background: #fff;
    z-index: 100;
    position: fixed;
  }

  .about-pick-up-points.focus-field .form-item .drop {
    display: block;
    position: absolute;
    top: 115px;
    left: 0;
    bottom: 0;
    width: 100%;
    box-shadow: none;
    border-radius: 0;
  }

  .about-pick-up-points.focus-field .form-item ul {
    max-height: 100%;
  }

  .about-pick-up-points.focus-field .form-item li {
    padding: 12px;
    margin: 0 0 6px;
  }

  .about-pick-up-points.focus-field .form-item.has-text label {
    top: 77px;
    left: 28px;
  }

  .about-pick-up-points.focus-field input {
    background: var(--element-bg-light, #F8FAFF) url(../images/svg/new-search-dark.svg) no-repeat right 10px center;
  }

  .about-pick-up-points.focus-field input:focus + label {
    top: 77px;
    left: 28px;
  }

  .about-pick-up-points_left input {
    padding: 19px 11px 4px;
    border-radius: 8px;
  }

  .about-pick-up-points_left input:focus + label {
    font-size: 10px;
    top: 6px;
    left: 12px;
  }

  .about-pick-up-points_left .has-text label {
    font-size: 10px;
    top: 6px;
    left: 12px;
  }

  .about-pick-up-points_left .delivery-list .row {
    margin-left: -16px;
    padding-right: 16px;
    margin-right: -16px;
    padding-left: 16px;
  }

  .get-loc {
    margin: 0 0 18px;
    padding: 6px 0;
  }

  .about-pick-up-points_item {
    padding: 17px 15px;
    margin: 0 0 12px;
    border-radius: 8px;
  }

  .about-pick-up-points_item span {
    font-size: 10px;
    margin: 7px 0 2px;
    line-height: 14px;
  }

  .about-pick-up-points_item i {
    top: 32px;
    right: 15px;
  }

  .about-pick-up-points_item.active .small-map {
    display: block;
    width: 100%;
    margin: 4px 0 0;
    border-radius: 8px;
  }

  .mobile-order-popup {
    display: block;
  }

  .cancel-order {
    margin: -6px !important;
    max-width: none !important;
    width: 100vw;
    overflow: auto !important;
    padding: 68px 0 0 !important;
    height: calc(var(--vh, 1vh) * 100);
    border-radius: 0;
  }

  .cancel-order.has-check {
    padding-bottom: 100px !important;
  }

  .cancel-order .podzagolovok {
    color: var(--text-primary, #151515);
    font-size: 20px;
    background: #fff;
    font-weight: 600;
    position: fixed;
    top: 0;
    z-index: 10;
    left: 0;
    width: 100%;
    line-height: 24px;
    padding: 12px 16px;
    border-bottom: 1px solid var(--border-tetriary-2, rgba(21, 21, 21, 0.08));
  }

  .cancel-order .fancybox-close-small {
    border-radius: 16px;
    background: #EFF2F7;
    top: 8px;
    right: 16px;
    padding: 4px 12px;
    position: fixed;
    z-index: 15;
  }

  .cancel-order .fancybox-close-small svg path {
    fill: #151515 !important;
  }

  .cancel-order .custom-check {
    margin: 0 0 18px;
  }

  .cancel-order .custom-check label {
    flex-direction: row-reverse;
    justify-content: space-between;
  }

  .cancel-order .custom-check label:hover {
    color: var(--dark, #151515);
  }

  .cancel-order .custom-check label:hover .icon {
    border: 1px solid rgba(21, 21, 21, 0.08);
  }

  .cancel-order .custom-check .icon {
    margin: 0 3px 0 0;
  }

  .cancel-order .date {
    margin: 0 0 10px;
  }

  .cancel-order .name {
    font-size: 12px;
    line-height: 14px;
  }

  .cancel-order .params {
    padding: 0;
    font-size: 10px;
    margin: 2px 0 0;
    line-height: 14px;
  }

  .cancel-order .empty {
    font-size: 16px;
    line-height: 20px;
    padding: 0 16px 16px;
  }

  .cancel-order .bottom {
    position: fixed;
    z-index: 10;
    left: 0;
    right: 0;
    bottom: 0;
    top: auto;
    padding: 10px 16px 16px;
    flex-direction: column;
    gap: 8px;
    align-items: flex-start;
    justify-content: flex-start;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    /* 125% */
  }

  .cancel-order .bottom .cash {
    float: right;
    color: var(--text-primary, #151515);
    text-align: right;
    margin-top: 2px;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
  }

  .cancel-order .bottom p {
    float: left;
  }

  .cancel-order .bottom div {
    width: 100%;
  }

  .cancel-order .bottom .btn {
    width: 100%;
    padding: 8px;
  }

  .cancel-order_list {
    min-height: 100%;
    display: flex;
    flex-direction: column;
    padding: 0 15px;
    height: auto;
    max-height: none;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }

  .cancel-order_list::-webkit-scrollbar {
    display: none;
  }

  .cancel-order_list .order-composition_item_list {
    display: block;
  }

  .cancel-order_list .order-composition_item_list .custom-check {
    margin: 6px 0 0;
  }

  .cancel-order_list .order-composition_item_list .item {
    margin: 0;
    align-items: flex-start;
    flex-direction: row-reverse;
  }

  .cancel-order_list .order-composition_item_list .cash {
    margin: 0 0 4px;
  }

  .cancel-order_list .order-composition_item_list .cash span {
    font-size: 10px;
    display: inline !important;
  }

  .cancel-order_list .order-composition_item_list .preview {
    margin: 0 13px 0 0;
  }

  .cancel-order_list .order-composition_item_list .product {
    overflow: hidden;
    padding: 4px 0 5px;
    align-items: flex-start;
  }

  .cancel-order_list .order-composition_item_list .product span:not(.preview) {
    display: block;
  }

  .authorization-orange {
    margin: 0 !important;
    width: 100vw;
    height: calc(var(--vh, 1vh) * 100);
    overflow: auto !important;
    border-radius: 0;
    position: fixed;
    padding: 56px 16px 16px;
    top: 0;
    left: 0;
    max-width: 100vw;
    flex-direction: column;
  }

  .authorization-orange .fancybox-close-small {
    top: 7px;
    border-radius: 16px;
    position: fixed;
    right: 15px;
    z-index: 21;
    background: #EFF2F7;
    padding: 5px 12px;
    width: 48px;
    height: auto;
  }

  .authorization-orange .fancybox-close-small svg path {
    fill: var(--text-primary, #151515) !important;
  }

  .authorization-orange .mail-btn {
    flex-direction: column;
    gap: 8px;
  }

  .authorization-orange .mail-btn .btn {
    padding: 7px 20px;
    gap: 4px;
  }

  .authorization-orange .modal-h1 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    border-bottom: 1px solid var(--border-tetriary-2, rgba(21, 21, 21, 0.08));
    color: var(--text-primary, #151515);
    font-size: 20px;
    font-weight: 600;
    z-index: 20;
    background: #fff;
    line-height: 24px;
    padding: 12px 75px 11px 16px;
  }

  .authorization-orange .bottom-link {
    margin: 16px 0 0;
  }

  .authorization-orange .modal-text-01 {
    color: var(--text-primary, #151515);
    font-size: 14px;
    margin: 10px 0 12px;
    font-weight: 400;
    line-height: 20px;
  }

  .authorization-orange .modal-text-01 h5 {
    margin-top: 0;
  }

  .authorization-orange .empty-button {
    font-size: 16px;
    line-height: 20px;
    padding: 9px;
    margin-top: auto;
  }

  .authorization-orange .clear {
    top: 20px;
  }

  .authorization-orange .btn-orange {
    padding: 8px 20px;
  }

  .authorization-orange .polit {
    font-size: 10px;
    line-height: 14px;
  }

  .authorization-orange .form-item {
    margin: 0 0 30px;
  }

  .authorization-orange .form-item input[type=text],
  .authorization-orange .form-item input[type=email],
  .authorization-orange .form-item input {
    font-size: 14px;
    border-radius: 8px;
    line-height: 16px;
  }

  .authorization-orange .or {
    font-size: 10px;
    margin: 14px 0 15px;
  }

  .authorization-orange .field-list {
    padding: 10px 0 24px;
  }

  .authorization-orange .field-list .form-item {
    margin: 0 0 8px;
  }

  .authorization-orange .iti__country-container {
    top: 0;
    left: 0 !important;
    bottom: 0;
  }

  .authorization-orange .iti__selected-country {
    border-radius: 7px 0 0 7px;
  }

  .authorization-orange .iti__selected-dial-code {
    font-size: 14px;
    line-height: 20px;
  }

  .authorization-orange form {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
  }

  .authorization-orange .mt-auto {
    margin-top: auto;
  }

  .authorization-orange .mt-auto + .empty-button {
    margin-top: 0;
  }

  .authorization-orange .notification {
    padding: 8px 16px 8px 48px;
    margin: -20px 0 27px;
    font-size: 10px;
    line-height: 14px;
    background-position: left 13px top 7px;
  }

  .authorization-orange .notification p {
    font-size: 14px;
    line-height: 20px;
  }

  .authorization-orange .btn-group {
    gap: 8px;
    margin-bottom: 0;
    flex-direction: column;
  }

  .fancybox-slide .authorization-orange {
    display: inline-flex !important;
  }

  .new-reason-modal {
    padding: 18px 16px 16px;
    border-radius: 16px;
    margin: 55px 10px;
    width: auto !important;
  }

  .new-reason-modal .fancybox-close-small {
    right: 0;
    top: -41px;
    padding: 3px 6px;
    width: 48px;
    height: 32px;
  }

  .new-reason-modal .podzagolovok {
    color: var(--text-primary, #151515);
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    margin: 0 0 20px;
  }

  .new-reason-modal label.radio-container {
    margin: 0 0 10px;
  }

  .new-reason-modal textarea {
    min-height: 40px;
    font-size: 14px;
    line-height: 20px;
    padding: 14px 11px 0;
  }

  .new-reason-modal .info-blue {
    padding: 8px 16px 9px 48px;
    margin: 16px 0 0;
    background: #EFF2F7 url(../images/svg/info-blue-bg.svg) no-repeat top 8px left 12px;
    color: var(--text-secondary, rgba(21, 21, 21, 0.5));
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    border-radius: 8px;
    line-height: 14px;
  }

  .new-reason-modal .info-blue strong {
    font-size: 14px;
    line-height: 20px;
  }

  .new-reason-modal .form-item {
    margin: 69px 0 -11px;
    position: relative;
  }

  .new-reason-modal .form-item label {
    padding: 9px 0 0;
    font-size: 14px;
    left: 11px;
    line-height: 20px;
  }

  .new-reason-modal .button-bottom {
    display: block;
    margin: 5px -40px 0px -40px;
  }

  .new-reason-modal .button-bottom .left {
    display: flex;
    align-items: center;
    padding: 3px 0 8px;
    justify-content: space-between;
  }

  .new-reason-modal .button-bottom .btn-default {
    padding: 9px 20px;
    font-size: 16px;
    line-height: 20px;
  }

  .new-reason-modal .button-bottom span {
    color: var(--text-primary, #151515);
    text-align: right;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
  }

  .card-info {
    padding: 16px 14px;
  }

  .card-info .preview {
    min-width: 100px;
    width: 100px;
    height: 60px;
  }

  .contacts-info .item {
    border-radius: 16px;
    padding: 17px 15px 15px;
    margin: 0 0 16px;
  }

  .contacts-info .title {
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    margin: 0 0 -2px;
  }

  .contacts-info .left {
    width: 100%;
    margin: 0;
    min-width: 100%;
    color: var(--text-secondary, rgba(21, 21, 21, 0.5));
    font-size: 10px;
    font-weight: 400;
    line-height: 14px;
    /* 140% */
  }

  .contacts-info .left small {
    font-size: 10px;
    line-height: 14px;
    display: inline;
  }

  .contacts-info .left a,
  .contacts-info .left span {
    padding: 0;
    display: flex;
    gap: 8px;
    position: relative;
    justify-content: flex-end;
    flex-direction: row-reverse;
  }

  .contacts-info .left a svg,
  .contacts-info .left span svg {
    position: static;
    display: block;
  }

  .contacts-info .in {
    padding: 4px 0 0;
  }

  .contacts-info .row {
    display: block;
    margin: 22px 0 0;
  }

  .contacts-info .info-gray {
    margin: 14px 0 -1px;
    padding: 7px 16px 9px 48px;
    background-position: top 7px left 12px;
    font-size: 14px;
    line-height: 20px;
  }

  .iti--container {
    z-index: 99993 !important;
  }

  .iti--fullscreen-popup.iti--container .iti__dial-code {
    margin-left: auto;
    color: var(--text-secondary, rgba(21, 21, 21, 0.5));
    text-align: right;
    font-weight: 400;
  }

  .iti--fullscreen-popup.iti--container .iti__dropdown-content {
    border-radius: 12px;
    border: 1px solid #fff !important;
    background: #FFF;
    box-shadow: 0px 4px 28px 0px rgba(0, 0, 0, 0.12) !important;
    padding: 0 0 0 4px;
  }

  .iti--fullscreen-popup.iti--container .iti__dropdown-content ul {
    padding-top: 4px;
    padding-bottom: 4px;
  }

  .iti--fullscreen-popup.iti--container .iti__dropdown-content li {
    margin-right: 4px;
  }

  .empty-search--size .akcent-button {
    padding: 7px;
    margin-top: 16px;
    width: 100%;
    box-sizing: border-box;
  }

  .open-city-modal--orange .inputs-2-in-row {
    flex-direction: column;
    gap: 12px;
  }

  .masthead-business,
  .business-info,
  .category-carousel_wrap,
  .business-promo,
  .business-faq,
  .cabinet-user-top,
  .cabinet-global-nav,
  .cabinet-await-events,
  .cabinet-info-top,
  .sessions-devices,
  .control-account,
  .cabinet-account-info,
  .brand-carousel,
  .cabinet-favorite-list,
  .brand-cabinet-list,
  .basket-top-page,
  .basket-table {
    padding-left: 16px;
    padding-right: 16px;
  }

  .masthead-business {
    padding: 17px 16px;
    margin-bottom: 4px;
  }

  .masthead-business_in {
    display: block;
    border-radius: 16px;
    padding: 16px;
  }

  .business-faq {
    display: block;
  }

  .masthead-business_left {
    padding: 2px 0 27px;
  }

  .masthead-business_left .title {
    font-size: 20px;
    line-height: 24px;
    margin: 0 0 14px;
  }

  .masthead-business_left li {
    margin: 0 0 5px;
  }

  .masthead-business_left i {
    align-self: center;
    border-radius: 4px;
  }

  .masthead-business_right {
    max-width: 100%;
    border-radius: 16px;
    padding: 14px 16px 16px;
    min-height: 1px;
  }

  .masthead-business_right .title {
    margin: 0 0 10px;
  }

  .business-info {
    gap: 16px;
    margin-bottom: 54px;
  }

  .business-info .item {
    font-size: 16px;
    min-height: 1px;
    border-radius: 16px;
    padding: 19px 16px 17px;
  }

  .business-info .item span {
    font-size: 18px;
    line-height: 24px;
    margin: 0 0 2px;
  }

  .business-info .item .bottom {
    margin: 43px 0 0;
    font-size: 28px;
    line-height: 36px;
  }

  .business-info .item svg,
  .business-info .item img {
    width: 36px;
    min-width: 36px;
  }

  .category-carousel_top {
    align-items: flex-start;
    margin: 0 0 10px;
  }

  .category-carousel_top .title {
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    /* 120% */
  }

  .category-carousel {
    padding: 48px 0 55px;
    margin: 0 0 53px;
  }

  .category-carousel_in .category-carousel_nav {
    display: none !important;
  }

  .category-carousel_in .swiper-slide {
    width: 100px !important;
  }

  .category-carousel_in a {
    padding: 4px 4px 12px;
    border-radius: 16px;
  }

  .category-carousel_in .name {
    font-size: 10px;
    line-height: 14px;
  }

  .category-carousel_in .preview {
    border-radius: 12px;
    margin: 0 0 8px;
  }

  .business-promo-wrap {
    border-radius: 16px;
    padding: 16px;
    line-height: 24px;
  }

  .business-promo {
    margin-bottom: 46px;
  }

  .business-promo .bg {
    position: static;
    display: block;
    margin: -16px -16px 19px;
    width: calc(100vw - 32px);
    height: auto;
  }

  .business-promo .btn {
    margin: 16px 0 0;
    padding: 9px 19px 9px 25px;
    gap: 4px;
  }

  .business-promo h3 {
    font-size: 20px;
    line-height: 24px;
    max-width: none;
  }

  .business-promo p {
    max-width: none;
  }

  .business-faq .title {
    width: 100%;
    margin: 0 0 14px;
    font-size: 20px;
    line-height: 24px;
  }

  .business-faq .drop {
    padding: 5px 0 0;
  }

  .business-bottom {
    height: 300px;
    box-sizing: border-box;
    position: relative;
    padding: 0;
  }

  .business-bottom img {
    top: -16px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
  }

  .business-bottom_btn {
    bottom: 16px;
    width: 170px;
    margin: -222px auto 89px;
  }

  .masthead-business_right .result {
    padding: 10px 0 0;
    font-size: 10px;
    line-height: 14px;
  }

  .masthead-business_right .polit {
    padding: 13px 0 0;
  }

  .masthead-business_right .btn {
    padding: 8px;
    margin: 17px 0 0;
  }

  .modal-close {
    padding: 16px;
  }

  .modal-close .fancybox-close-small {
    right: 0;
    top: -41px;
    padding: 3px 6px;
    width: 48px;
    height: 32px;
  }

  .success-modal-info {
    font-size: 14px;
    line-height: 20px;
  }

  .modal-window .error-marker-svg {
    margin: 16px auto;
  }

  .modal-window .twoButtons > button,
  .modal-window .twoButtons > a {
    width: 100%;
    min-height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .modal-window .success-text {
    font-size: 20px !important;
    margin-bottom: 6px;
    font-weight: 600;
    line-height: 24px !important;
    /* 120% */
  }

  .cabinet-user-top {
    align-items: center;
    padding: 17px 16px 43px;
    gap: 16px;
    margin: 0 0 17px;
    position: relative;
  }

  .cabinet-user-top .title {
    margin: 0 60px 0 0;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
  }

  .cabinet-user-top .btn-message {
    padding: 4px 12px;
    position: absolute;
    top: 27px;
    right: 16px;
    margin: 0;
  }

  .cabinet-user-top .photo {
    width: 52px;
    height: 52px;
    border-radius: 12px;
  }

  .cabinet-user-top a:not(.btn) {
    position: absolute;
    bottom: 0;
    left: 16px;
  }

  .cabinet-user-top svg {
    width: 24px;
    height: 24px;
  }

  .cabinet-user-top .btn-edit {
    padding: 4px 8px;
    margin: -11px;
  }

  .cabinet-user-top .btn-edit svg {
    width: 12px;
    height: 12px;
  }

  .cabinet-global-nav .title {
    font-size: 18px;
    line-height: 24px;
  }

  .cabinet-global-nav .row {
    margin: 0 0 18px;
    display: block;
  }

  .cabinet-global-nav .link {
    padding: 14px 0 14px 32px;
    border: none;
    min-height: 1px;
    transform: translateZ(0);
    border-radius: 0;
    border-bottom: 1px solid var(--border-tetriary-2, rgba(21, 21, 21, 0.08));
  }

  .cabinet-global-nav .link svg,
  .cabinet-global-nav .link img {
    width: 24px;
    position: fixed;
    left: 0;
    top: 12px;
    height: 24px;
  }

  .cabinet-global-nav .item:last-child .link {
    border: none !important;
  }

  .cabinet-global-nav .item i {
    float: right;
    min-width: 28px;
    margin: 0;
  }

  .cabinet-global-nav .top {
    position: absolute;
    font-size: 14px;
    line-height: 20px;
    top: 12px;
    right: 0;
  }

  .cabinet-global-nav .has-count .top {
    right: 35px;
    top: 16px;
  }

  .cabinet-global-nav .link--color {
    position: relative;
    padding-left: 16px;
    border-radius: 8px;
  }

  .cabinet-global-nav .link--color:after {
    top: -2px;
    height: 2px;
    background: #fff;
    position: absolute;
    left: 0;
    width: 100%;
    content: "";
  }

  .cabinet-global-nav .link--color svg,
  .cabinet-global-nav .link--color img {
    left: auto;
    right: 16px;
  }

  .small-order-list {
    margin: 0 -16px 34px;
    padding: 0 16px;
  }

  .small-order-list .item {
    padding: 41px 15px 12px;
    border-radius: 8px;
    width: 288px;
    margin: 0 4px 0 0;
  }

  .small-order-list .status-label {
    border-radius: 4px;
    font-size: 10px;
  }

  .small-order-list .date {
    position: absolute;
    top: 12px;
    left: 12px;
  }

  .small-order-list .count {
    min-width: 28px;
    line-height: 16px;
    font-size: 10px;
  }

  .small-order-list ul {
    gap: 8px;
    padding: 7px 0 0;
  }

  .cabinet-await-events .title {
    font-size: 18px;
    line-height: 24px;
    margin: 0 0 18px;
  }

  .cabinet-await-events_carousel {
    margin: 0 0 16px;
  }

  .cabinet-await-events_carousel .swiper-slide {
    width: 167px !important;
  }

  .cabinet-await-events_carousel .item {
    padding: 15px;
    border-radius: 8px;
  }

  .cabinet-await-events_carousel .big-preview {
    width: 60px;
    margin: 0 auto 12px;
    height: 60px;
  }

  .cabinet-await-events_carousel .label {
    font-size: 10px;
    line-height: 14px;
  }

  .cabinet-await-events_carousel .name {
    font-size: 10px;
    margin: 0 0 16px;
    line-height: 14px;
  }

  .cabinet-await-events_carousel li,
  .cabinet-await-events_carousel li img,
  .cabinet-await-events_carousel .last {
    border-radius: 4px;
  }

  .cabinet-await-events_carousel .delivery {
    margin: -4px 0 6px;
    font-size: 10px;
    line-height: 14px;
  }

  .cabinet-await-events_carousel .delivery img,
  .cabinet-await-events_carousel .delivery svg {
    width: 24px;
    height: 24px;
  }

  .cabinet-await-events_carousel ul {
    margin: 0 0 6px;
  }

  .cabinet-await-events_carousel_in {
    margin: 0 -16px;
    padding: 0 16px;
  }

  .cabinet-await-events_carousel_nav {
    display: none !important;
  }

  .control-account .dots-btn,
  .sessions-devices .dots-btn {
    right: 16px;
  }

  .cabinet-info-top {
    display: block;
    margin-bottom: 7px;
  }

  .cabinet-info-top .item {
    font-size: 18px;
    border-radius: 16px;
    line-height: 24px;
    margin: 0 0 24px;
    padding: 17px 15px 19px;
  }

  .cabinet-info-top .item:last-child {
    margin-bottom: 0;
  }

  .cabinet-info-top .btn {
    padding: 3px 19px;
  }

  .cabinet-info-top .btn-right {
    position: relative;
    bottom: 0;
    right: 0;
    margin: 15px 0 0;
  }

  .cabinet-info-top .label {
    font-size: 10px;
    margin: -4px 0 4px;
    line-height: 14px;
  }

  .cabinet-info-top .row {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }

  .sessions-devices {
    margin-bottom: 10px;
  }

  .sessions-devices .title {
    font-size: 18px;
    line-height: 24px;
    margin: 0 0 14px;
  }

  .sessions-devices .row {
    display: block;
  }

  .sessions-devices .in {
    position: relative;
    border-radius: 8px;
    padding: 33px 19px 2px;
    background: var(--bg-primary, #EFF2F7);
    border-color: var(--bg-primary, #EFF2F7);
    min-height: 57px;
    margin: 0 0 9px;
  }

  .sessions-devices .in:last-child {
    margin: 0;
  }

  .sessions-devices .in .label {
    display: inline;
    font-size: 10px;
    line-height: 14px;
    vertical-align: top;
  }

  .sessions-devices .in p {
    position: absolute;
    top: 9px;
    left: 19px;
  }

  .sessions-devices .item {
    margin: 0 0 19px;
  }

  .sessions-devices .item:last-child {
    margin-bottom: 0;
  }

  .sessions-devices p {
    order: -1;
  }

  .control-account .title {
    font-size: 18px;
    line-height: 24px;
    margin: 0 0 16px;
  }

  .control-account .red {
    padding: 0;
  }

  .cabinet-account-info {
    margin-bottom: 7px;
  }

  .cabinet-account-info .title {
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    margin: 0 0 13px;
  }

  .cabinet-account-info .row {
    display: block;
  }

  .cabinet-account-info .item {
    border-radius: 16px;
    padding: 17px 15px 13px;
    margin: 0 0 9px;
  }

  .cabinet-account-info .item:last-child {
    margin-bottom: 0;
  }

  .cabinet-account-info_nav {
    margin: 0 0 12px;
  }

  .cabinet-account-info_nav li,
  .cabinet-account-info_nav a {
    border-radius: 8px;
  }

  .sessions-devices--mobile .in {
    padding: 7px 15px 2px;
    background: none !important;
  }

  .sessions-devices--mobile .in p {
    position: static;
    padding: 2px 0 0;
  }

  .cabinet-account-info-accordion .accordion-item {
    border-radius: 12px;
    margin: 0 0 12px;
  }

  .cabinet-account-info-accordion .accordion-title {
    display: block;
    font-size: 18px;
    line-height: 24px;
    padding: 15px 45px 16px 14px;
    position: relative;
  }

  .cabinet-account-info-accordion .subname {
    margin: 0 0 2px;
  }

  .cabinet-account-info-accordion .company {
    font-size: 10px;
  }

  .cabinet-account-info-accordion .left {
    margin: 0 0 13px;
  }

  .cabinet-account-info-accordion .arr {
    position: absolute;
    right: 15px;
    top: 41px;
  }

  .cabinet-account-info-accordion .drop {
    padding: 18px 15px 8px;
  }

  .cabinet-account-info-accordion .label {
    font-size: 10px;
  }

  .cabinet-account-info-accordion .col {
    margin: 0 0 28px;
  }

  .cabinet-account-info-accordion .col:last-child {
    margin: 0;
  }

  .cabinet-account-info-accordion p {
    margin: 0 0 9px;
  }

  .control-account .dots-btn,
  .sessions-devices .dots-btn {
    z-index: 10;
    padding-bottom: 0;
    cursor: pointer;
  }

  .control-account .dots-btn:hover ul,
  .sessions-devices .dots-btn:hover ul {
    opacity: 0;
    visibility: hidden;
  }

  .control-account .dots-btn.open ul,
  .sessions-devices .dots-btn.open ul {
    opacity: 1 !important;
    visibility: visible !important;
  }

  .notification-popup {
    top: 138px !important;
  }

  .notification-popup span {
    color: #FFF;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    padding: 12px 80px 12px 48px;
  }

  .notification-popup span:after {
    left: 16px;
  }

  .modal-window .error-marker-svg {
    width: 80px;
    height: 80px;
  }

  .text-new-modal .btn-full {
    margin-top: 16px;
  }

  .text-new-modal h3 {
    margin-top: 0;
    margin-bottom: -12px;
  }

  .text-new-modal p + ul {
    margin-top: -12px;
  }

  .cabinet-favorite-list_sort .select2-selection__arrow b,
  .cabinet-favorite-list_sort .custom-check {
    display: none;
  }

  .cabinet-favorite-list_sort .select2 {
    min-width: 48px !important;
    width: 48px !important;
  }

  .cabinet-favorite-list_sort .select2-selection__rendered {
    font-size: 0;
  }

  .cabinet-favorite-list_sort .select2-selection {
    border-radius: 16px;
    background: #EFF2F7 url(../images/svg/reverse.svg) no-repeat center;
    border: none;
    width: 48px;
    height: 32px;
    min-width: 48px;
  }

  .cabinet-favorite-list_in {
    grid-template-columns: repeat(2, 1fr);
  }

  .cabinet-favorite-list_nav {
    margin: 0 -16px 31px;
    padding: 0 16px;
    overflow: auto;
    display: block;
    font-size: 0;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }

  .cabinet-favorite-list_nav::-webkit-scrollbar {
    display: none;
  }

  .cabinet-favorite-list_nav a {
    font-size: 14px;
    font-weight: 400;
    padding: 5px 12px 10px;
    line-height: 20px;
  }

  .cabinet-favorite-list_nav ul {
    display: inline-block;
    vertical-align: top;
    font-size: 0;
    overflow: hidden;
  }

  .cabinet-favorite-list_nav li {
    display: inline-block;
    vertical-align: top;
  }

  .cabinet-favorite-list_nav .btn {
    font-size: 0;
    margin: 0 0 0 16px;
    padding: 5px 24px;
    background: var(--icon-bg, #EFF2F7) url(../images/svg/plus.svg) no-repeat center;
  }

  .brand-carousel {
    margin-bottom: 13px;
  }

  .brand-carousel .link {
    font-size: 14px;
    padding: 3px 32px 3px 0;
  }

  .brand-carousel .title {
    font-size: 18px;
  }

  .brand-carousel .row {
    margin: 0 0 12px;
  }

  .brand-carousel_in .swiper-slide {
    width: 215px !important;
  }

  .brand-carousel_in .swiper {
    margin: 0 -16px;
    padding: 0 16px;
  }

  .brand-carousel_in a {
    border-radius: 8px;
    padding: 9px 45px 7px 16px;
  }

  .cabinet-favorite-list .link {
    font-size: 14px;
    padding: 3px 32px 3px 0;
  }

  .cabinet-favorite-list .title {
    font-size: 18px;
  }

  .cabinet-favorite-list .top {
    margin: 0 0 16px;
  }

  .brand-carousel-nav,
  .cabinet-favorite-list_dots,
  .cabinet-favorite-list_share {
    display: none;
  }

  .cabinet-favorite-list_share {
    display: block;
    order: 99;
    padding: 5px 12px;
  }

  .cabinet-favorite-list_sort .btn {
    padding: 5px 20px;
    margin-left: auto;
  }

  .brand-cabinet-list {
    padding-top: 3px;
  }

  .brand-cabinet-list .title {
    font-size: 18px;
    line-height: 24px;
    margin: 18px 0 14px;
  }

  .brand-carousel_in .point {
    padding: 0 10px 24px 0;
  }

  .brand-carousel_in .point:hover ul {
    display: none;
  }

  .brand-carousel_in .point.open ul {
    display: block;
  }

  .brand-carousel_in .point ul {
    padding: 17px 0 13px;
    width: 225px;
  }

  .brand-carousel_in .point a {
    padding: 4px 17px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
  }

  .cabinet-favorite-list_wish-list {
    flex-wrap: wrap;
    padding: 16px;
    gap: 10px;
  }

  .cabinet-favorite-list_wish-list .left {
    width: 100%;
    text-align: center;
    gap: 8px;
    margin: 0 0 10px;
    overflow: hidden;
    flex-direction: column;
    justify-content: center;
  }

  .cabinet-favorite-list_wish-list .user {
    white-space: normal;
    overflow: hidden;
  }

  .cabinet-favorite-list_wish-list .btn {
    margin: 0;
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .favorite-list-modal {
    overflow: auto !important;
    padding: 60px 16px 16px !important;
    height: calc(var(--vh, 1vh) * 100);
    width: 100vw;
    max-width: none !important;
    margin: -6px !important;
    border-radius: 0 !important;
  }

  .favorite-list-modal .title {
    border-bottom: 1px solid rgba(21, 21, 21, 0.08);
    background: #FFF;
    padding: 12px 75px 11px 16px;
    margin: 0 0 17px;
    color: var(--text-primary, #151515);
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    width: 100%;
    position: fixed;
    z-index: 90;
    top: 0;
    left: 0;
  }

  .favorite-list-modal .bottom {
    padding: 16px;
    font-size: 18px;
    border-radius: 0;
    z-index: 50;
    position: fixed;
    bottom: 0;
    left: 0;
  }

  .favorite-list-modal .bottom .btn {
    font-size: 14px;
    padding: 10px 20px;
  }

  .favorite-list-modal .cabinet-favorite-list_in {
    max-height: none;
    padding: 20px 0 70px;
  }

  .favorite-list-modal .custom-check {
    top: 15px;
    right: 10px;
  }

  .favorite-list-modal .custom-check .icon {
    width: 20px;
    min-width: 20px;
    min-height: 20px;
    height: 20px;
    padding: 0;
  }

  .favorite-list-modal .fancybox-close-small {
    top: 7px;
    width: 48px;
    box-sizing: border-box;
    height: 32px;
    position: fixed;
    z-index: 100;
    right: 16px;
    padding: 3px 11px !important;
    background: #EFF2F7;
    border: 1px solid #EFF2F7 !important;
  }

  .favorite-list-modal .fancybox-close-small svg {
    color: rgb(21, 21, 21);
  }

  .favorite-list-modal .fancybox-close-small svg path {
    fill: #121E46 !important;
  }

  .cabinet-favorite-list_in .custom-check {
    top: 15px;
    right: 10px;
  }

  .cabinet-favorite-list_in .custom-check .icon {
    width: 20px;
    min-width: 20px;
    min-height: 20px;
    height: 20px;
    padding: 0;
  }

  .counter-favorite,
  .counter-favorite--remove {
    left: 16px;
    right: 16px;
    width: auto;
    bottom: 16px;
    margin: 0;
  }

  .share-favorite-modal {
    border-radius: 16px;
  }

  .share-favorite-modal .new-catalog-list_filter_toggle {
    padding: 0;
  }

  .share-favorite-modal .title {
    font-size: 20px;
    font-weight: 600;
    margin: 0 0 16px;
    line-height: 24px;
  }

  .share-favorite-modal .name {
    font-size: 16px;
    line-height: 1.2;
  }

  .info-page {
    padding: 0;
  }

  .info-page-right--list {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .info-page-left.info-page-left--new.only-mobile {
    margin-bottom: 35px;
  }

  h1 {
    margin: 20px 10px 30px 10px;
  }

  .basket-top-page {
    padding: 16px 16px 15px;
  }

  .basket-top-page h1 {
    font-size: 28px;
    font-weight: 700;
    line-height: 36px;
    /* 128.571% */
  }

  .basket-top-page button {
    border-radius: 16px;
    padding: 4px 10px;
  }

  .basket-table {
    gap: 32px;
    overflow: hidden;
    padding: 17px 0;
  }

  .basket-table_disabled,
  .basket-table_active {
    border-radius: 16px;
    margin-left: -1px;
    margin-right: -1px;
  }

  .basket-table_active {
    margin-bottom: 16px;
  }

  .basket-table_top {
    padding: 16px 17px;
    font-size: 18px;
    gap: 11px;
    margin: 0;
  }

  .basket-table_top .icon {
    margin: 0;
  }

  .basket-table_item {
    position: relative;
    padding: 16px;
    flex-wrap: wrap;
    gap: 10px;
  }

  .basket-table_item .custom-check {
    position: absolute;
    top: 15px;
    left: 15px;
  }

  .basket-table_item .preview {
    width: 68px;
    order: -99;
    height: 68px;
    min-width: 68px;
    border-radius: 4px;
  }

  .basket-table_item .info {
    min-height: 77px;
    padding: 0 0 28px;
    max-width: calc(100vw - 110px);
  }

  .basket-table_item .info .cash {
    position: relative;
    display: block;
  }

  .basket-table_item .info small {
    font-size: 10px;
    line-height: 14px;
    margin: -7px 0 7px;
  }

  .basket-table_item .bonus {
    position: absolute;
    top: 2px;
    right: 0;
  }

  .basket-table_item .cash {
    display: none;
  }

  .basket-table_item .cash small {
    font-size: 10px;
    line-height: 12px;
    margin: -2px 0 8px !important;
  }

  .basket-table_item .cash br {
    display: none;
  }

  .basket-table_item .actions {
    position: absolute;
    bottom: 16px;
    left: 16px;
    display: flex;
    gap: 7px;
  }

  .basket-table_item .actions .btn {
    padding: 0 14px;
  }

  .basket-table_item .last-cash {
    margin: 0 0 4px;
  }

  .basket-table_item .name {
    font-size: 12px;
    line-height: 14px;
    margin: 0 0 9px;
  }

  .basket-table_item .delivery {
    font-size: 10px;
    line-height: 14px;
    background-size: 14px auto;
  }

  .basket-table_item .calc {
    position: absolute;
    bottom: 12px;
    z-index: 10;
    right: 16px;
  }

  .basket-table_item .remove {
    right: 8px;
    bottom: 16px;
    position: absolute;
  }

  .basket-table_result {
    position: relative;
    top: 0;
    z-index: 10;
  }

  .basket-table_result .btn-orange {
    left: 16px;
    bottom: 16px;
    font-size: 14px;
    right: 16px;
  }

  .basket-table_disabled .basket-table_item {
    padding: 8px;
  }

  .basket-table_disabled .info {
    min-height: 115px;
  }

  .basket-table_result_bg {
    padding: 13px 16px 24px;
    border-radius: 16px;
  }

  .basket-table_result_bg .item {
    margin: 0 0 6px;
  }

  .text-new-modal .btn-group {
    padding: 8px 0 0;
    gap: 8px;
    flex-direction: column;
  }

  .text-new-modal .btn-group .btn {
    min-height: 40px;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 16px;
  }
}

@media screen and (max-width: 767px) {
  .show-always {
    display: block !important;
  }

  .nav-menu_second_item.show-always {
    display: flex !important;
  }
}

@media screen and (max-width: 500px) {
  .new-big-category img {
    right: -18px;
    max-width: 60%;
  }
}

@media print {
  .nav-menu,
  .basket-top-page button,
  .row-main--slider,
  .header_new,
  .basket-table_result_bg .btn-orange,
  .basket-table_result .help,
  .new-footer {
    display: none !important;
  }

  .basket-table {
    flex-direction: column;
  }
}
