/* ------------- 
content start - css
------------- */

/* =========================================================
   KIM GULZHAN — PREMIUM GETCOURSE MENU
   FULL CLEAN VERSION
   DESKTOP + MOBILE COUNTER FIX
========================================================= */

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}


/* =========================================================
   VARIABLES
========================================================= */

body {

  --menu-height: 66px;

  --color-menu-bg: #f8f3ea;
  --color-hover-bg: #eee4d4;

  --color-text-1: #2e2923;
  --color-text-2: #61594f;

  --color-accent-1: #eadfcf;
  --color-accent-2: #dcc7a4;

  --color-search-bg: #fffdf9;
  --color-search-text: #3c3730;
  --color-search-hover: #efe5d6;

  --color-support-text: #302b25;

  --color-counter-bg: #aa8a5e;
  --color-counter-text: #ffffff;

  --font-family:
    'SF UI Display',
    'Manrope',
    Arial,
    sans-serif;

  --url-logo:
    url();

  --url-menu-icon:
    url(https://fs.getcourse.ru/fileservice/file/download/a/587878/sc/329/h/104b88e6c7be0c5e0f0a1bceaf7292d8.svg);

  --url-arrow-right:
    url(https://fs.getcourse.ru/fileservice/file/download/a/587878/sc/116/h/c0d052489f0f6526e908ced49232ff79.svg);

  --url-arrow-left:
    url(https://fs.getcourse.ru/fileservice/file/download/a/587878/sc/108/h/2ca7979ff942b6b534a580fb0365f353.svg);

  --url-support-icon:
    url(https://fs.getcourse.ru/fileservice/file/download/a/587878/sc/244/h/e4d5e2ea7dbc2f58a76e4615a23e6390.svg);

  --url-cms-icon:
    url(https://fs.getcourse.ru/fileservice/file/download/a/587878/sc/100/h/636cbf5098a2af3471b615c0888c261f.svg);

  --url-teach-icon:
    url(https://fs.getcourse.ru/fileservice/file/download/a/587878/sc/20/h/ea6de57c2809eba12fdbeeecb04fdb99.svg);

  --url-sales-icon:
    url(https://fs.getcourse.ru/fileservice/file/download/a/587878/sc/462/h/1f3af0ac532ecdabb9f47b35eaa2dd45.svg);

  --url-user-icon:
    url(https://fs.getcourse.ru/fileservice/file/download/a/587878/sc/291/h/2717c3a5f3ef75ac7ae08a735e8da3a7.svg);

  --url-notifications-icon:
    url(https://fs.getcourse.ru/fileservice/file/download/a/587878/sc/232/h/7255205add56afceac23e82cf6712e50.svg);

  --url-tasks-icon:
    url(https://fs.getcourse.ru/fileservice/file/download/a/587878/sc/279/h/21b2cc9e3f2a90bd144448ab15ef39ce.svg);

  --bg-search:
    #fffdf9
    url(https://fs.getcourse.ru/fileservice/file/download/a/555973/sc/285/h/4f290bd135ee6f12353dc0b4dd6da7f8.svg)
    no-repeat;

  padding-top:
    var(--menu-height);

  transition:
    opacity .5s;
}


body.js-overflow {
  overflow: hidden;
}


/* =========================================================
   COUNTERS
========================================================= */

.new-menu__counter {

  min-width:
    25px;

  height:
    25px;

  padding:
    0 7px;

  border-radius:
    999px;

  background:
    linear-gradient(
      180deg,
      #bea173,
      #9b7b4f
    );

  color:
    #fffdf9;

  display:
    inline-flex;

  align-items:
    center;

  justify-content:
    center;

  position:
    absolute;

  top:
    50%;

  right:
    12px;

  left:
    auto;

  bottom:
    auto;

  transform:
    translateY(-50%);

  font-size:
    11px;

  line-height:
    25px;

  font-weight:
    600;

  white-space:
    nowrap;

  box-shadow:
    0 4px 10px rgba(91,68,38,.15);

  z-index:
    20;
}


/* =========================================================
   GETCOURSE BASE
========================================================= */

.gc-account-leftbar {
  display: none;
}


.gc-page-nav-items-menu {

  position:
    fixed;

  top:
    calc(20px + var(--menu-height));

  right:
    20px;

  z-index:
    10000;

  color:
    #433b31;
}


@media(max-width: 768px) {

  .gc-page-nav-items-menu {
    display: none !important;
  }

}


.gc-main-content.with-left-menu {
  margin: 0 auto;
}


.gc-main-content.with-left-menu .container {
  margin: 0 auto;
}


.gc-right-active-block,
.modal,
.global-xdget-editor {
  top: var(--menu-height);
}


.talks-widget-window {

  left:
    0 !important;

  width:
    100% !important;

  top:
    var(--menu-height);
}


.talks-widget-window .talks-widget-body {

  height:
    calc(100% - 48px - var(--menu-height)) !important;
}


.editor-control-panel,
#kanban .app-bar {

  top:
    var(--menu-height);

  left:
    0 !important;
}


#kanban .content {

  left:
    0;

  top:
    calc(64px + var(--menu-height));
}


.resp-screen {

  top:
    var(--menu-height) !important;

  height:
    calc(100vh - var(--menu-height)) !important;
}


.global-controls {

  top:
    calc(20px + var(--menu-height)) !important;
}


.block-editor {

  top:
    var(--menu-height);

  left:
    0 !important;

  height:
    calc(100% - var(--menu-height));
}


/* =========================================================
   TOP MENU
========================================================= */

.new-menu {

  position:
    fixed;

  top:
    0;

  left:
    0;

  right:
    0;

  height:
    var(--menu-height);

  display:
    flex;

  align-items:
    center;

  justify-content:
    flex-start;

  padding:
    12px 28px;

  background-color:
    #f8f3ea;

  background-image:

    linear-gradient(
      rgba(250,247,240,.82),
      rgba(250,247,240,.82)
    ),

    url("https://fs.getcourse.ru/fileservice/file/download/a/597015/sc/202/h/6d8ea06fb5b3f9b2057381626cd7fb83.png");

  background-position:
    center 30%;

  background-size:
    1200px auto;

  background-repeat:
    repeat-x;

  border-bottom:
    1px solid rgba(155,124,80,.18);

  box-shadow:
    0 6px 22px rgba(71,52,30,.07);

  z-index:
    20000;
}


.new-menu * {
  font-family: var(--font-family);
}


/* =========================================================
   OPEN BUTTON
========================================================= */

.new-menu__open {

  min-height:
    42px;

  display:
    flex;

  align-items:
    center;

  justify-content:
    center;

  padding:
    10px 18px;

  margin-right:
    40px;

  border:
    1px solid rgba(154,122,77,.26);

  border-radius:
    14px;

  background:
    linear-gradient(
      180deg,
      rgba(255,253,249,.98),
      rgba(234,222,201,.95)
    );

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.90),
    0 6px 14px rgba(74,53,28,.07);

  color:
    #342f28;

  font-style:
    normal;

  font-weight:
    600;

  font-size:
    15px;

  text-decoration:
    none;

  cursor:
    pointer;

  position:
    relative;

  flex-shrink:
    0;

  transition:
    .2s ease;
}


.new-menu__open:hover,
.new-menu__open:active,
.new-menu__open:link,
.new-menu__open:visited {

  text-decoration:
    none;

  color:
    #2e2923;
}


.new-menu__open:hover {

  background:
    linear-gradient(
      180deg,
      #fffdf9,
      #e3d3b8
    );

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.95),
    0 8px 18px rgba(75,55,31,.09);
}


.new-menu__open:focus {
  outline: none;
}


.new-menu__open::before {

  width:
    22px;

  height:
    22px;

  content:
    '';

  margin-right:
    11px;

  background:
    var(--url-menu-icon)
    no-repeat
    center /
    contain;

  filter:
    brightness(0)
    saturate(100%);

  opacity:
    .58;
}


.new-menu__open::after {

  content:
    '';

  width:
    1px;

  height:
    25px;

  position:
    absolute;

  top:
    50%;

  right:
    -20px;

  transform:
    translateY(-50%);

  background-color:
    rgba(145,114,72,.18);
}


/* =========================================================
   MENU WRAPPER
========================================================= */

.new-menu__menu-wrap {
  position: relative;
}


.new-menu__items-container {

  position:
    absolute;

  top:
    53px;

  left:
    0;

  width:
    284px;

  padding:
    4px;

  border-radius:
    22px;

  display:
    none;

  z-index:
    20001;
}


#main-menu {

  padding:
    10px;

  border-radius:
    22px;

  background-color:
    #f8f3ea;

  background-image:

    linear-gradient(
      rgba(250,247,240,.86),
      rgba(250,247,240,.86)
    ),

    url("https://fs.getcourse.ru/fileservice/file/download/a/597015/sc/202/h/6d8ea06fb5b3f9b2057381626cd7fb83.png");

  background-position:
    center top;

  background-size:
    620px auto;

  background-repeat:
    repeat-y;

  border:
    1px solid rgba(157,125,80,.18);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.88),
    0 20px 50px rgba(64,46,24,.14);
}


.new-menu__items-container.js-visible {
  display: block;
}


/* =========================================================
   ITEM WRAPPER
========================================================= */

.new-menu__item-wrap {

  position:
    relative;

  width:
    100%;
}


/* =========================================================
   MENU ITEMS
========================================================= */

.new-menu__item {

  width:
    100%;

  min-height:
    48px;

  display:
    flex;

  align-items:
    center;

  justify-content:
    flex-start;

  padding:
    12px 52px 12px 14px;

  margin-bottom:
    3px;

  border-radius:
    13px;

  color:
    #413a31;

  font-style:
    normal;

  font-weight:
    500;

  font-size:
    15px;

  line-height:
    19px;

  cursor:
    pointer;

  position:
    relative;

  transition:
    background .2s ease,
    color .2s ease;
}


.new-menu__item:hover,
.new-menu__item.js-active {

  background:
    linear-gradient(
      90deg,
      rgba(234,221,199,.88),
      rgba(248,243,234,.94)
    );

  color:
    #2e2923;

  box-shadow:
    inset 0 0 0 1px rgba(157,125,80,.10);
}


.new-menu__item::after {

  content:
    '';

  width:
    16px;

  height:
    16px;

  margin-left:
    auto;

  background:
    var(--url-arrow-right)
    no-repeat
    center /
    contain;

  filter:
    brightness(0)
    saturate(100%);

  opacity:
    .38;

  flex-shrink:
    0;
}


.new-menu__item::before {

  content:
    '';

  width:
    23px;

  height:
    23px;

  margin-right:
    13px;

  flex-shrink:
    0;

  filter:
    brightness(0)
    saturate(100%);

  opacity:
    .52;
}


.new-menu__item_cms::before {

  background:
    var(--url-cms-icon)
    no-repeat
    center /
    contain;
}


.new-menu__item_teach::before {

  background:
    var(--url-teach-icon)
    no-repeat
    center /
    contain;
}


.new-menu__item_user::before {

  background:
    var(--url-user-icon)
    no-repeat
    center /
    contain;
}


.new-menu__item_tasks::before {

  background:
    var(--url-tasks-icon)
    no-repeat
    center /
    contain;
}


.new-menu__item_notifications::before {

  background:
    var(--url-notifications-icon)
    no-repeat
    center /
    contain;
}


.new-menu__item_sales::before {

  background:
    var(--url-sales-icon)
    no-repeat
    center /
    contain;
}


/* =========================================================
   SUBMENU
========================================================= */

.new-menu__submenu {

  width:
    276px;

  position:
    absolute;

  top:
    -8px;

  left:
    calc(100% + 10px);

  padding:
    10px;

  display:
    none;

  flex-direction:
    column;

  border:
    1px solid rgba(157,125,80,.18);

  border-radius:
    22px;

  background-color:
    #f8f3ea;

  background-image:

    linear-gradient(
      rgba(250,247,240,.87),
      rgba(250,247,240,.87)
    ),

    url("https://fs.getcourse.ru/fileservice/file/download/a/597015/sc/202/h/6d8ea06fb5b3f9b2057381626cd7fb83.png");

  background-position:
    center top;

  background-size:
    620px auto;

  background-repeat:
    repeat-y;

  box-shadow:
    0 20px 48px rgba(64,46,24,.14);

  z-index:
    200002;
}


.new-menu__submenu.js-visible {
  display: flex;
}


.new-menu__submenu-item {

  width:
    100%;

  max-width:
    288px;

  padding:
    12px 14px;

  border-radius:
    12px;

  color:
    #484138;

  font-style:
    normal;

  font-weight:
    500;

  font-size:
    15px;

  line-height:
    19px;

  text-decoration:
    none;

  position:
    relative;
}


.new-menu__submenu-item:hover,
.new-menu__submenu-item:active,
.new-menu__submenu-item:link,
.new-menu__submenu-item:visited {

  text-decoration:
    none;

  color:
    #2f2a24;
}


.new-menu__submenu-item:hover {

  background:
    linear-gradient(
      90deg,
      rgba(234,221,199,.86),
      rgba(248,243,234,.94)
    );
}


/* =========================================================
   BREADCRUMBS
========================================================= */

.new-menu__breadcrumbs {

  display:
    flex;

  margin-right:
    20px;
}


@media (max-width: 1200px) {

  .new-menu__breadcrumbs {
    display: none;
  }

}


.new-menu__breadcrumbs-item {

  text-decoration:
    none;

  font-style:
    normal;

  font-weight:
    400;

  font-size:
    14px;

  line-height:
    19px;

  color:
    #494138;

  opacity:
    .48;

  position:
    relative;
}


.new-menu__breadcrumbs-item:hover {

  opacity:
    1;

  text-decoration:
    underline;

  color:
    #2f2a24;
}


.new-menu__breadcrumbs-item:active,
.new-menu__breadcrumbs-item:visited,
.new-menu__breadcrumbs-item:link {

  color:
    #494138;
}


.new-menu__breadcrumbs-item:not(:last-child) {
  margin-right: 32px;
}


.new-menu__breadcrumbs-item:not(:last-child)::after {

  position:
    absolute;

  content:
    '';

  width:
    16px;

  height:
    16px;

  top:
    calc(50% - 8px);

  right:
    -24px;

  background:
    var(--url-arrow-right)
    no-repeat
    center /
    contain;

  filter:
    brightness(0)
    saturate(100%);

  opacity:
    .30;
}


.new-menu__breadcrumbs-item:last-child {

  font-weight:
    600;

  opacity:
    1;
}


/* =========================================================
   SUPPORT
========================================================= */

.new-menu__support {

  margin-left:
    20px;

  display:
    flex;

  align-items:
    center;

  justify-content:
    center;

  padding:
    10px 18px;

  border:
    1px solid rgba(157,126,83,.24);

  border-radius:
    14px;

  background:
    linear-gradient(
      180deg,
      #ecdfcd,
      #d9c3a1
    );

  color:
    #332e27;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.65),
    0 6px 14px rgba(73,54,30,.07);

  font-style:
    normal;

  font-weight:
    600;

  font-size:
    15px;

  text-decoration:
    none;

  flex-shrink:
    0;
}


.new-menu__support:hover,
.new-menu__support:active,
.new-menu__support:link,
.new-menu__support:visited {

  text-decoration:
    none;

  color:
    #2e2923;
}


.new-menu__support::before {

  width:
    22px;

  height:
    22px;

  content:
    '';

  margin-right:
    10px;

  background:
    var(--url-support-icon)
    no-repeat
    center /
    contain;

  filter:
    brightness(0)
    saturate(100%);

  opacity:
    .52;
}


/* =========================================================
   USER
========================================================= */

.new-menu__user {

  display:
    flex;

  align-items:
    center;

  justify-content:
    flex-end;

  margin-left:
    28px;

  position:
    relative;
}


.new-menu__user-name {

  font-style:
    normal;

  font-weight:
    500;

  font-size:
    15px;

  line-height:
    19px;

  color:
    #312c26;

  text-transform:
    uppercase;

  display:
    none;
}


.new-menu__user-avatar-wrap {

  width:
    40px;

  height:
    40px;

  padding:
    2px;

  flex-shrink:
    0;

  border:
    1px solid rgba(159,127,82,.30);

  border-radius:
    50%;

  background:
    #f2e6d4;

  overflow:
    hidden;

  cursor:
    pointer;

  box-shadow:
    0 5px 13px rgba(71,52,28,.09);
}


.new-menu__avatar {

  width:
    100%;

  height:
    auto;

  display:
    block;
}


/* =========================================================
   USER PROFILE
========================================================= */

.new-menu__user-profile {

  position:
    absolute;

  top:
    54px;

  right:
    0;

  width:
    276px;

  padding:
    10px;

  display:
    none;

  flex-direction:
    column;

  border:
    1px solid rgba(157,126,83,.18);

  border-radius:
    22px;

  background-color:
    #f8f3ea;

  background-image:

    linear-gradient(
      rgba(250,247,240,.87),
      rgba(250,247,240,.87)
    ),

    url("https://fs.getcourse.ru/fileservice/file/download/a/597015/sc/202/h/6d8ea06fb5b3f9b2057381626cd7fb83.png");

  background-position:
    center top;

  background-size:
    620px auto;

  background-repeat:
    repeat-y;

  box-shadow:
    0 20px 48px rgba(62,45,24,.14);

  z-index:
    20003;
}


.new-menu__user-profile.js-visible {
  display: flex;
}


/* =========================================================
   INNER USER
========================================================= */

.new-menu .inner-user {

  width:
    100%;

  padding:
    18px 14px;

  margin-bottom:
    8px;

  display:
    flex;

  align-items:
    center;

  justify-content:
    flex-start;

  border-bottom:
    1px solid rgba(157,126,83,.16);
}


.new-menu .inner-user__avatar-wrap {

  width:
    48px;

  height:
    48px;

  margin-right:
    18px;

  flex-shrink:
    0;

  border-radius:
    50%;

  overflow:
    hidden;
}


.new-menu .inner-user__avatar {

  display:
    block;

  width:
    100%;

  height:
    auto;
}


.new-menu .inner-user__name {

  margin-bottom:
    4px;

  font-style:
    normal;

  font-weight:
    600;

  font-size:
    15px;

  line-height:
    19px;

  color:
    #312c26;
}


.new-menu .inner-user__mail {

  font-style:
    normal;

  font-weight:
    500;

  font-size:
    12px;

  line-height:
    14px;

  color:
    #766e63;

  opacity:
    1;
}


/* =========================================================
   BACK
========================================================= */

.new-menu__back {

  width:
    100%;

  padding:
    12px 16px;

  margin-bottom:
    20px;

  display:
    none;

  align-items:
    center;

  border:
    1px solid rgba(157,126,83,.14);

  border-radius:
    12px;

  background:
    rgba(230,216,194,.68);

  color:
    #3b352e;

  font-style:
    normal;

  font-weight:
    500;

  font-size:
    15px;

  line-height:
    19px;

  cursor:
    pointer;
}


.new-menu__back::before {

  content:
    '';

  width:
    22px;

  height:
    22px;

  margin-right:
    12px;

  background:
    var(--url-arrow-left)
    no-repeat
    center /
    contain;

  filter:
    brightness(0)
    saturate(100%);

  opacity:
    .50;
}


/* =========================================================
   BURGER
========================================================= */

.new-burger {

  position:
    fixed;

  top:
    20px;

  right:
    20px;

  width:
    42px;

  height:
    42px;

  display:
    none;

  border:
    1px solid rgba(157,126,83,.26);

  border-radius:
    10px;

  background:
    var(--url-menu-icon)
    no-repeat
    center /
    50%;

  background-color:
    #e2d0b3;

  box-shadow:
    0 7px 18px rgba(67,49,27,.11);

  cursor:
    pointer;

  z-index:
    30000;
}


.new-burger.js-opened {

  background:
    #ddc6a2;

  display:
    flex;

  align-items:
    center;

  justify-content:
    center;
}


.new-burger.js-opened::before,
.new-burger.js-opened::after {

  content:
    '';

  width:
    20px;

  height:
    1px;

  background:
    #3e372e;
}


.new-burger.js-opened::before {

  transform:
    translate(50%,0)
    rotate(45deg);
}


.new-burger.js-opened::after {

  transform:
    translate(-50%,0)
    rotate(-45deg);
}


/* =========================================================
   SEARCH WRAP
========================================================= */

.new-menu__search-wrap {

  width:
    100%;

  max-width:
    320px;

  margin-left:
    auto;

  position:
    relative;
}


/* =========================================================
   SEARCH
========================================================= */

.new-menu__search {

  width:
    100%;

  height:
    44px;

  display:
    block;

  margin:
    0 auto;

  padding:
    7px 16px 7px 46px;

  border:
    1px solid rgba(157,126,83,.20);

  border-radius:
    14px;

  background:
    var(--bg-search);

  background-position:
    14px center;

  background-size:
    20px;

  color:
    #3d3831;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.85),
    0 5px 14px rgba(73,55,31,.045);

  font-family:
    var(--font-family);

  font-style:
    normal;

  font-weight:
    500;

  font-size:
    15px;

  line-height:
    19px;

  text-align:
    left;

  outline:
    none;
}


.new-menu__search::placeholder {

  color:
    #8b8276;

  opacity:
    .70;
}


/* =========================================================
   SEARCH RESULTS
========================================================= */

.new-menu__search-results-wrap {

  position:
    absolute;

  top:
    50px;

  left:
    0;

  right:
    0;

  padding:
    14px 10px 14px 14px;

  border:
    1px solid rgba(157,126,83,.18);

  border-radius:
    16px;

  background-color:
    #f8f3ea;

  background-image:

    linear-gradient(
      rgba(250,247,240,.90),
      rgba(250,247,240,.90)
    ),

    url("https://fs.getcourse.ru/fileservice/file/download/a/597015/sc/202/h/6d8ea06fb5b3f9b2057381626cd7fb83.png");

  background-position:
    center top;

  background-size:
    620px auto;

  background-repeat:
    repeat-y;

  box-shadow:
    0 18px 44px rgba(62,45,24,.14);

  z-index:
    100020;
}


.new-menu__search-results {

  height:
    auto;

  max-height:
    400px;

  overflow-y:
    auto;

  padding-right:
    5px;

  scrollbar-width:
    thin;

  scrollbar-color:
    #b9a17c
    #eee4d4;
}


.new-menu__search-results::-webkit-scrollbar {

  width:
    6px;

  background-color:
    #eee4d4;
}


.new-menu__search-results::-webkit-scrollbar-thumb {

  background-color:
    #b9a17c;

  border-radius:
    9em;
}


.new-menu__search-subtitle {

  display:
    block;

  margin:
    0 7px 10px 0;

  color:
    #917852;

  opacity:
    1;

  font-family:
    var(--font-family);

  font-style:
    normal;

  font-weight:
    600;

  font-size:
    11px;

  line-height:
    140%;

  letter-spacing:
    .08em;

  text-transform:
    uppercase;
}


.new-menu__search-subtitle:not(:first-child) {
  margin-top: 20px;
}


.new-menu__search-item {

  display:
    flex;

  flex-direction:
    column;

  margin:
    0;

  padding:
    14px;

  border-radius:
    10px;

  color:
    #37312b;

  font-family:
    var(--font-family);

  font-weight:
    600;

  font-size:
    14px;

  line-height:
    110%;
}


.new-menu__search-item:hover,
.new-menu__search-item:active,
.new-menu__search-item:link,
.new-menu__search-item:visited {

  color:
    #37312b;

  text-decoration:
    none;
}


.new-menu__search-item:hover {

  background:
    rgba(231,217,195,.64);
}


.new-menu__search-item-descr {

  display:
    block;

  margin-top:
    5px;

  color:
    #746c62;

  opacity:
    1;

  font-weight:
    normal;

  font-size:
    12px;

  line-height:
    120%;
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 768px) {

  body {
    padding-top: 0;
  }


  /* =====================================================
     MOBILE MENU
  ===================================================== */

  .new-menu {

    display:
      none;

    height:
      auto;

    top:
      0;

    right:
      0;

    bottom:
      0;

    left:
      0;

    padding:
      18px 14px;

    flex-direction:
      column;

    align-items:
      stretch;

    overflow-y:
      auto;

    background-color:
      #f8f3ea;

    background-image:

      linear-gradient(
        rgba(250,247,240,.88),
        rgba(250,247,240,.88)
      ),

      url("https://fs.getcourse.ru/fileservice/file/download/a/597015/sc/202/h/6d8ea06fb5b3f9b2057381626cd7fb83.png");

    background-position:
      center top;

    background-size:
      auto 100%;

    background-repeat:
      repeat-y;
  }


  .new-menu.js-visible {

    display:
      flex;

    align-items:
      stretch;
  }


  .new-menu::before {

    order:
      1;

    content:
      "Меню" !important;

    width:
      100% !important;

    height:
      auto !important;

    margin-bottom:
      18px;

    background-image:
      none !important;

    font-size:
      24px;

    line-height:
      1;

    font-weight:
      600;

    color:
      #332e27;
  }


  .new-menu__open {
    display: none;
  }


  /* =====================================================
     SEARCH MOBILE
  ===================================================== */

  .new-menu__search-wrap {

    order:
      2;

    width:
      100%;

    max-width:
      none;

    margin:
      0 0 18px;
  }


  .new-menu__search {

    width:
      100%;

    height:
      48px;

    border-radius:
      15px;
  }


  /* =====================================================
     MENU WRAPPER MOBILE
  ===================================================== */

  .new-menu__menu-wrap {

    order:
      3;

    width:
      100%;
  }


  .new-menu__items-container {

    position:
      static;

    top:
      auto;

    left:
      auto;

    display:
      block;

    width:
      100%;

    padding:
      0;

    border-radius:
      0;
  }


  #main-menu {

    width:
      100%;

    padding:
      8px;

    border-radius:
      20px;

    background-size:
      auto 100%;

    background-repeat:
      repeat-y;
  }


  /* =====================================================
     MOBILE MENU ITEM
  ===================================================== */

  .new-menu__item-wrap {

    width:
      100%;

    position:
      relative !important;
  }


  .new-menu__item {

    width:
      100%;

    min-height:
      50px;

    display:
      flex;

    align-items:
      center;

    justify-content:
      flex-start;

    flex-wrap:
      nowrap;

    /*
       КЛЮЧЕВО:
       справа оставляем место под счетчик
    */

    padding:
      11px 55px 11px 12px !important;

    border-radius:
      13px;

    font-size:
      15px;

    line-height:
      19px;
  }


  .new-menu__item:hover,
  .new-menu__item.js-active {

    background:
      rgba(233,220,199,.58);
  }


  /* стрелка справа на мобильном не нужна */

  .new-menu__item::after {

    display:
      none !important;
  }


  .new-menu__item::before {

    width:
      22px;

    height:
      22px;

    margin-right:
      12px;

    flex:
      0 0 22px;
  }


  /* =====================================================
     FIX УВЕДОМЛЕНИЙ
     СЧЕТЧИК ЖЕСТКО СПРАВА
  ===================================================== */

  .new-menu__item-wrap > .new-menu__counter,
  .new-menu__counter {

    position:
      absolute !important;

    top:
      50% !important;

    right:
      12px !important;

    left:
      auto !important;

    bottom:
      auto !important;

    transform:
      translateY(-50%) !important;

    margin:
      0 !important;

    min-width:
      25px !important;

    width:
      auto !important;

    height:
      25px !important;

    padding:
      0 7px !important;

    display:
      flex !important;

    align-items:
      center !important;

    justify-content:
      center !important;

    border-radius:
      999px !important;

    background:
      linear-gradient(
        180deg,
        #bea173,
        #9b7b4f
      ) !important;

    color:
      #ffffff !important;

    font-size:
      11px !important;

    line-height:
      25px !important;

    font-weight:
      600 !important;

    white-space:
      nowrap !important;

    z-index:
      50 !important;
  }


  /* =====================================================
     SUBMENU MOBILE
  ===================================================== */

  .new-menu__submenu {

    position:
      fixed;

    top:
      0;

    left:
      0;

    right:
      0;

    bottom:
      0;

    width:
      100%;

    padding:
      18px 14px;

    border-radius:
      0;

    overflow-y:
      auto;

    background-size:
      auto 100%;

    z-index:
      30010;
  }


  .new-menu__submenu-item {

    max-width:
      none;

    width:
      100%;

    padding:
      12px 14px;

    font-size:
      15px;
  }


  /* =====================================================
     BACK MOBILE
  ===================================================== */

  .new-menu__back {

    display:
      flex;

    flex-shrink:
      0;
  }


  /* =====================================================
     SUPPORT MOBILE
  ===================================================== */

  .new-menu__support {

    order:
      4;

    width:
      100%;

    max-width:
      none;

    margin:
      18px 0 0;

    min-height:
      48px;
  }


  /* =====================================================
     USER MOBILE
  ===================================================== */

  .new-menu__user {

    order:
      5;

    width:
      100%;

    max-width:
      none;

    margin:
      12px 0 0;

    padding:
      11px 14px;

    flex-direction:
      row;

    justify-content:
      flex-start;

    background:
      rgba(232,220,200,.66);

    border:
      1px solid rgba(157,126,83,.14);

    border-radius:
      14px;
  }


  .new-menu__user-name {

    display:
      block;

    margin-left:
      12px;

    font-size:
      13px;

    text-transform:
      none;
  }


  .new-menu__user-avatar-wrap {

    width:
      38px;

    height:
      38px;

    margin:
      0;
  }


  /* =====================================================
     PROFILE MOBILE
  ===================================================== */

  .new-menu__user-profile {

    position:
      fixed;

    top:
      0;

    left:
      0;

    right:
      0;

    bottom:
      0;

    width:
      100%;

    padding:
      18px 14px;

    border-radius:
      0;

    overflow-y:
      auto;

    background-size:
      auto 100%;

    z-index:
      30020;
  }


  .new-menu .inner-user {
    display: none;
  }


  /* =====================================================
     SEARCH RESULTS MOBILE
  ===================================================== */

  .new-menu__search-results-wrap {

    top:
      54px;

    width:
      100%;

    border-radius:
      15px;
  }


  /* =====================================================
     BURGER
  ===================================================== */

  .new-burger {

    display:
      block;

    top:
      14px;

    right:
      14px;
  }

}


/* =========================================================
   EXTRA SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

  .new-menu {

    padding:
      16px 10px;
  }


  #main-menu {

    padding:
      6px;
  }


  .new-menu__item {

    min-height:
      48px;

    padding:
      10px 50px 10px 10px !important;

    font-size:
      14px;
  }


  .new-menu__item::before {

    width:
      21px;

    height:
      21px;

    flex:
      0 0 21px;

    margin-right:
      10px;
  }


  .new-menu__item-wrap > .new-menu__counter,
  .new-menu__counter {

    right:
      10px !important;

    min-width:
      23px !important;

    height:
      23px !important;

    padding:
      0 6px !important;

    font-size:
      10px !important;

    line-height:
      23px !important;
  }


  .new-menu__support {

    font-size:
      14px;
  }

}


/* =========================================================
   END
========================================================= */
/* ------------- 
content finish - css
------------- */