/* One shared, recursive product sidebar for every Russian product page. */
.ru-product-sidebar,
.ru-product-sidebar * { box-sizing: border-box; }

.ru-product-sidebar {
  display: block;
  position: sticky;
  top: 12px;
  width: 250px;
  margin: 0 0 44px;
  padding: 5px 0;
  overflow: hidden;
  border: 0;
  border-radius: 8px;
  background: #f5f5f5;
  color: #575b60;
}

.ru-product-sidebar > summary {
  display: none;
  list-style: none;
}

.ru-product-sidebar > summary::-webkit-details-marker { display: none; }
.ru-product-sidebar-nav { display: block; }
.ru-sidebar-node { margin: 1px 0; }

.ru-sidebar-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: stretch;
  background: transparent;
}

.ru-sidebar-node.has-children > .ru-sidebar-row {
  grid-template-columns: minmax(0, 1fr) 34px;
}

.ru-sidebar-link {
  position: relative;
  display: flex;
  width: 100%;
  min-width: 0;
  min-height: 33px;
  align-items: center;
  padding: 7px 9px 7px var(--sidebar-indent, 15px);
  color: #575b60;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: 400;
  line-height: 1.38;
  text-decoration: none;
  white-space: normal;
  overflow-wrap: break-word;
  word-break: normal;
}

.ru-sidebar-level-1 > .ru-sidebar-row > .ru-sidebar-link {
  min-height: 36px;
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 12px;
  font-weight: 600;
}

.ru-sidebar-node:not(.ru-sidebar-level-1) > .ru-sidebar-row > .ru-sidebar-link::before {
  position: absolute;
  left: var(--sidebar-marker, 5px);
  color: #9a9da1;
  content: "–";
}

.ru-sidebar-toggle {
  min-width: 34px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #575b60;
  font: 700 17px/1 Arial, Helvetica, sans-serif;
  cursor: pointer;
}

.ru-sidebar-toggle-icon {
  display: inline-block;
  transform: translateY(-1px);
}

.ru-sidebar-link:hover { color: #ed1c24; background: #fff; }
.ru-sidebar-toggle:hover,
.ru-sidebar-toggle:focus-visible { background: #ffc400; outline: 2px solid #22262b; outline-offset: -2px; }

.ru-sidebar-level-1.is-current-branch > .ru-sidebar-row { background: #ed1c24; }
.ru-sidebar-level-1.is-current-branch > .ru-sidebar-row > .ru-sidebar-link,
.ru-sidebar-level-1.is-current-branch > .ru-sidebar-row > .ru-sidebar-toggle {
  color: #fff;
  font-weight: 700;
}

.ru-sidebar-level-1.is-current-branch > .ru-sidebar-row > .ru-sidebar-link:hover { background: #ed1c24; }
.ru-sidebar-level-1.is-current-branch > .ru-sidebar-row > .ru-sidebar-toggle:hover,
.ru-sidebar-level-1.is-current-branch > .ru-sidebar-row > .ru-sidebar-toggle:focus-visible {
  background: #c9141b;
  outline-color: #fff;
}

.ru-sidebar-node:not(.ru-sidebar-level-1).is-current-ancestor > .ru-sidebar-row > .ru-sidebar-link {
  color: #ed1c24;
  font-weight: 600;
}

.ru-sidebar-node:not(.ru-sidebar-level-1).is-current-page > .ru-sidebar-row > .ru-sidebar-link {
  color: #ed1c24;
  background: #fff;
  font-weight: 700;
}

.ru-sidebar-submenu { padding: 1px 0 3px; background: #fafafa; }
.ru-sidebar-submenu[hidden] { display: none; }
.ru-product-sidebar-error { padding: 14px 16px; font: 600 12px/1.5 Arial, Helvetica, sans-serif; }

.tr-ru-legacy .w > .ru-product-sidebar {
  float: left;
  margin: 38px 34px 55px 0;
}

@media (max-width: 760px) {
  .ru-product-sidebar,
  .tr-ru-legacy .w > .ru-product-sidebar {
    position: static;
    float: none;
    width: 100%;
    margin: 14px 0 0;
    padding: 0;
  }

  .tr-ru-legacy .w > .s1 {
    float: none;
    width: 100%;
    margin: 28px 0;
  }

  .ru-product-sidebar > summary {
    display: block;
    min-height: 44px;
    padding: 12px 15px;
    color: #22262b;
    font: 700 13px/1.5 Arial, Helvetica, sans-serif;
    cursor: pointer;
  }

  .ru-product-sidebar[open] > summary { border-bottom: 1px solid #dedede; }
  .ru-product-sidebar-nav { padding: 5px 0; }
  .ru-sidebar-link { font-size: 12px; }
  .ru-sidebar-level-1 > .ru-sidebar-row > .ru-sidebar-link { font-size: 13px; }
}