/* roomsmebel.kz — хедер: кастомный топ-бар с выпадашками */


/* ============================================================
   ТОПБАР (.top-block-v1)
   Белая полоса: город · телефон · Покупателям · Дизайнерам · B2B
   Figma: белый фон, высота 48px, Google Sans 14px, цвет #3a3a3a
   ============================================================ */

.top-block.top-block-v1 {
  background: var(--rm-bg);
  border-bottom: 1px solid var(--rm-border-light);
}

.top-block.top-block-v1 .header__top-inner {
  display: flex;
  align-items: center;
  height: var(--rm-topbar-height);
  gap: var(--rm-spacing-2xl);
  font-family: var(--rm-font-main);
  font-size: var(--rm-font-size-sm);
  color: var(--rm-text-topbar);
}

/* Скрыть выбор языка — не реализуется */
.top-block.top-block-v1 .right-icons {
  display: none;
}

/* Buyers меню (Покупателям / Дизайнерам / B2B) — прижать вправо */
.top-block.top-block-v1 .header__top-item.dotted-flex-1 {
  margin-left: auto;
}

/* Город (регион) */
/* Блок-обёртка: наша иконка + Aspro region list */
.top-block.top-block-v1 .rm-topbar-city {
  display: flex;
  align-items: center;
  gap: var(--rm-topbar-city-gap);
  color: var(--rm-text-topbar);
}

.top-block.top-block-v1 .rm-topbar-city .top-description,
.top-block.top-block-v1 .rm-topbar-city .region_wrapper,
.top-block.top-block-v1 .rm-topbar-city .region_wrapper > .io_wrapper {
  display: flex;
  align-items: center;
}

/* Наша SVG иконка локации (stroke-based) */
.top-block.top-block-v1 .rm-topbar-city__icon {
  flex-shrink: 0;
  shape-rendering: geometricPrecision;
}

/* Скрыть метку "Город:" — её нет в макете */
.top-block.top-block-v1 .region_wrapper .city_title {
  display: none;
}

/* Скрыть иконку которую рендерит сам Aspro — используем свою */
.top-block.top-block-v1 .region_wrapper .svg-inline-mark {
  display: none;
}

/* Контейнер города — переопределяем Aspro (block → flex, убираем overflow:hidden) */
.top-block.top-block-v1 .region_wrapper .js_city_chooser {
  display: flex;
  align-items: center;
  overflow: visible;
  padding-right: 0;
  position: static;
  gap: var(--rm-spacing-sm);
}

/* Название города — подчёркнутое */
.top-block.top-block-v1 .region_wrapper .js_city_chooser > span:not(.arrow) {
  font-family: var(--rm-font-main);
  font-size: var(--rm-font-size-sm);
  color: var(--rm-text-topbar);
  text-decoration: underline;
  text-underline-offset: var(--rm-topbar-underline-offset);
}

/* Ховер на городе: имитация жирного через text-stroke, убрать подчёркивание */
.top-block.top-block-v1 .region_wrapper .js_city_chooser:hover > span:not(.arrow) {
  -webkit-text-stroke: var(--rm-topbar-text-stroke) var(--rm-text-topbar);
  text-decoration: none;
}


/* Стрелка вниз — SVG прямо в PHP-шаблоне компонента */
.top-block.top-block-v1 .region_wrapper .js_city_chooser .arrow {
  position: static;
  display: inline-flex;
  align-items: center;
  padding: 0;
  flex-shrink: 0;
  /* Перебить Aspro-переменную которая красит fill в оранжевый на ховере */
  --fill_dark_light_white_hover: var(--rm-text);
}

/* Телефон */
.top-block.top-block-v1 .phone-wrapper,
.top-block.top-block-v1 .phone-wrapper a {
  font-family: var(--rm-font-main);
  font-size: var(--rm-font-size-sm);
  font-weight: var(--rm-font-weight-normal);
  color: var(--rm-text-topbar);
  text-decoration: none;
}

.top-block.top-block-v1 .phone-wrapper a:hover {
  -webkit-text-stroke: var(--rm-topbar-text-stroke) var(--rm-text-topbar);
}

/* Меню Покупателям/Дизайнерам/B2B */
.top-block.top-block-v1 .menu.topest {
  display: flex;
  align-items: center;
  gap: var(--rm-spacing-2xl);
  list-style: none;
  margin: 0;
  padding: 0;
}

.top-block.top-block-v1 .menu.topest > li > a {
  display: inline-flex;
  align-items: center;
  gap: var(--rm-spacing-sm);
  font-family: var(--rm-font-main);
  font-size: var(--rm-font-size-sm);
  color: var(--rm-text-topbar);
  text-decoration: none;
  white-space: nowrap;
  transition: color var(--rm-transition-fast);
}

/* Стрелка dropdown — выравнивание как у города */
.top-block.top-block-v1 .menu.topest > li > a .rm-topbar__caret,
.header-v17 .right-icons1 .auth_wr_inner.with_dropdown > .downs {
  position: static;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.top-block.top-block-v1 .menu.topest > li > a .rm-topbar__caret,
.header-v17 .right-icons1 .auth_wr_inner.with_dropdown > .downs svg {
  display: block;
  transform: translateY(var(--rm-header-caret-shift-y));
}

.header-v17 .right-icons1 .auth_wr_inner.with_dropdown > .downs.rm-header-caret-cabinet svg {
  transform: translateY(var(--rm-header-cabinet-caret-shift-y));
}

.top-block.top-block-v1 .menu.topest > li > a:hover > span {
  -webkit-text-stroke: var(--rm-topbar-text-stroke) var(--rm-text-topbar);
}

.top-block.top-block-v1 .menu.topest > li.dropdown:hover > a > span,
.top-block.top-block-v1 .menu.topest > li.dropdown.rm-hover > a > span,
.top-block.top-block-v1 .menu.topest > li.dropdown:focus-within > a > span {
  -webkit-text-stroke: var(--rm-topbar-text-stroke) var(--rm-text-topbar);
}

/* Переопределить оранжевый цвет активного/текущего пункта топ-бара */
.top-block.top-block-v1 .menu.topest > li.current > a,
.top-block.top-block-v1 .menu.topest > li.current > a > span,
.top-block.top-block-v1 .menu.topest > li.active > a,
.top-block.top-block-v1 .menu.topest > li.active > a > span {
  color: var(--rm-text-topbar);
}



/* Убрать margin-top у кабинета в нижней строке хедера */
.header-v17 .logo_and_menu-row .personal-link {
  margin-top: 0;
}

/* "Заказать звонок" — нет в макете Figma */
.callback-block {
  display: none;
}

/* ============================================================
   ОСНОВНАЯ СТРОКА ХЕДЕРА (.header-wrapper.header-v17)
   Figma: node 200:3103 — лого + каталог + навигация + поиск + иконки
   ============================================================ */

.header-wrapper.header-v17 {
  background: var(--rm-bg-secondary);
  padding-top: var(--rm-header-padding-y);
  padding-bottom: var(--rm-header-padding-y);
}

/* Aspro: body .header-wrapper .logo_and_menu-row:not(.icons_bottom).longs .logo-row .logo { height: 100px }
   Специфичность Aspro: (0,6,1). Наш селектор: (0,6,1) — побеждаем за счёт порядка загрузки */
body .header-wrapper.header-v17 .logo_and_menu-row.longs .logo-row .logo {
  height: var(--rm-logo-height);
  line-height: var(--rm-logo-height);
}

.header-v17 .header__top-inner {
  display: flex;
  align-items: center;
  height: var(--rm-header-row-height);
}

/* Управление отступами между элементами хедера.
   Aspro ставит margin: 0 16px на все .header__top-item — перебиваем точечно через :has().
   Цель: лого → каталог = 24px, каталог → навигация = 24px */

/* Лого: убираем правый margin Aspro (gap задаём левым margin каталога) */
.header-v17 .header__top-inner > .header__top-item:has(.logo-block) {
  margin-right: 0;
}

/* Каталог: левый = 24px (вместо Aspro 16px), правый = 0 */
.header-v17 .header__top-inner > .header__top-item:has(.rm-catalog-btn) {
  margin-left: var(--rm-nav-gap);
  margin-right: 0;
}

/* Навигация: левый = 24px (вместо Aspro 16px) */
.header-v17 .header__top-inner > .header__top-item:has(.menu-row) {
  margin-left: var(--rm-nav-gap);
}

/* Скрыть пункт «Каталог» из Aspro мегаменю — заменён нашим drawer */
.header-v17 .mega-menu .menu-item.catalog {
  display: none;
}

/* Mega-menu: overflow visible для dropdown */
.header-v17 .mega-menu {
  overflow: visible;
}

.header-v17 .mega-menu .table-menu {
  overflow: visible;
}

/* Убрать декоративный line-wrapper (Aspro hover underline) */
.header-v17 .mega-menu .menu-item .wrap a .line-wrapper {
  display: none;
}

/* Убрать стрелку вниз (trianglearrow) рядом с "Каталог" */
.header-v17 .mega-menu .menu-item.catalog .wrap a .svg-inline-down {
  display: none !important;
}

/* Скрыть иконку из PHP (гамбургер добавим через ::before) */
.header-v17 .mega-menu .menu-item.catalog .wrap a .svg-icon,
.header-v17 .mega-menu .menu-item.catalog .wrap a [class*="svg-inline-"] {
  display: none !important;
}

/* Промежутки между пунктами меню.
   Aspro: .wrap > a { padding: 38px 12px 41px } — уже 12px с каждой стороны = 24px между текстами.
   Наш дополнительный padding-left обнуляем, чтобы не удваивать gap. */
.header-v17 .mega-menu .menu-item + .menu-item {
  padding-left: 0;
}

/* --- Кнопка "Каталог" — pill --- */
.header-v17 .mega-menu .menu-item.catalog .wrap > a {
  display: inline-flex;
  align-items: center;
  gap: var(--rm-catalog-btn-gap);
  height: var(--rm-catalog-btn-height);
  padding: 0 var(--rm-catalog-btn-padding-x);
  border: 1px solid var(--rm-text);
  border-radius: var(--rm-catalog-btn-radius);
  font-family: var(--rm-font-main);
  font-size: var(--rm-font-size-base);
  font-weight: var(--rm-font-weight-medium);
  color: var(--rm-text);
  text-decoration: none;
  white-space: nowrap;
  text-transform: none;
}

/* Убрать uppercase у вложенного <div> внутри ссылки */
.header-v17 .mega-menu .menu-item.catalog .wrap > a > div {
  text-transform: none;
  font-family: var(--rm-font-main);
  font-size: var(--rm-font-size-base);
  font-weight: var(--rm-font-weight-medium);
  line-height: normal;
}

/* Гамбургер: SVG через mask-image */
.header-v17 .mega-menu .menu-item.catalog .wrap > a::before {
  content: "";
  display: inline-block;
  flex-shrink: 0;
  width: var(--rm-catalog-btn-icon-size);
  height: var(--rm-catalog-btn-icon-size);
  background-color: var(--rm-text);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3 4.25H21V5.75H3V4.25ZM3 11.25H21V12.75H3V11.25ZM3 18.25H21V19.75H3V18.25Z' fill='black'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3 4.25H21V5.75H3V4.25ZM3 11.25H21V12.75H3V11.25ZM3 18.25H21V19.75H3V18.25Z' fill='black'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
}

/* Обнулить левый padding у «Акции» — первый пункт nav, примыкает к каталогу */
.header-v17 .mega-menu .menu-item .wrap > a[href="/sale/"] {
  padding-left: 0;
}

/* Скрыть иконки из Aspro-мегаменю у nav-пунктов (Акции, Салоны, Доставка) */
.header-v17 .mega-menu .menu-item:not(.catalog) .wrap > a i,
.header-v17 .mega-menu .menu-item:not(.catalog) .wrap > a svg {
  display: none !important;
}

/* --- Ссылки навигации (Акции, Салоны, Доставка) --- */
.header-v17 .mega-menu .menu-item:not(.catalog) .wrap > a {
  display: inline-flex;
  align-items: center;
  font-family: var(--rm-font-main);
  font-size: var(--rm-font-size-base);
  font-weight: var(--rm-font-weight-medium);
  color: var(--rm-text);
  text-decoration: none;
  white-space: nowrap;
  text-transform: none;
  transition: color var(--rm-transition), opacity var(--rm-transition);
}

/* Aspro красит через color: var(--fill_dark_light_hover) — переопределяем саму переменную
   в скоупе .menu-row (он выше .mega-menu в DOM). Custom property наследуется вниз */
.header-v17 .menu-row {
  --fill_dark_light_hover: var(--rm-text);
}

/* Opacity на hover для Акции / Салоны / Доставка — на .wrap, не на a */
.header-v17 .menu-row .menu-item:not(.catalog) .wrap {
  transition: opacity var(--rm-transition);
}

.header-v17 .menu-row .menu-item:not(.catalog):hover .wrap {
  opacity: var(--rm-hover-opacity);
}

/* --- Поиск: pill --- */
.header-v17 .search_wrap {
  flex: 1;
  display: flex;
  justify-content: flex-end;
}

/* Override Aspro: display:table/width:100% на .search-block и display:table-cell/width:100vw на .search-wrapper */
/* Override Aspro: .longs .logo-row:not(.icons_bottom) .inner-table-block { height: 100px } — specificity 0-4-0, бьём через 0-5-0 */
.header-v17 .longs .logo-row:not(.icons_bottom) .inner-table-block.search-block {
  height: auto;
}

.header-v17 .search-block {
  display: block;
  width: auto;
  height: auto;
}

.header-v17 .search-block .search-wrapper {
  display: block;
  width: auto;
  height: auto;
  position: relative;
}

.header-v17 .search-block form.search {
  display: flex;
  align-items: center;
  width: var(--rm-search-width);
  height: var(--rm-search-height);
  border: 1px solid var(--rm-input-border);
  border-radius: var(--rm-search-radius);
  overflow: hidden;
  background: var(--rm-bg-secondary);
  transition: border-color var(--rm-transition);
}

.header-v17 .search-block form.search:hover,
.header-v17 .search-block form.search:focus-within {
  border-color: var(--rm-text);
}

.header-v17 .search-block .rm-search__btn svg path {
  transition: fill var(--rm-transition);
}

.header-v17 .search-block form.search:hover .rm-search__btn svg path,
.header-v17 .search-block form.search:focus-within .rm-search__btn svg path {
  fill: var(--rm-text);
}

.header-v17 .search-block .search-input-div {
  flex: 1;
  height: 100%;
}

.header-v17 .search-block .search-input {
  width: 100%;
  height: 100%;
  padding: 0 var(--rm-search-padding-x);
  border: none;
  outline: none;
  background: transparent;
  font-family: var(--rm-font-main);
  font-size: var(--rm-font-size-sm);
  color: var(--rm-text);
}

/* TODO: временно скрыт placeholder — вернуть когда будет финальный текст */
.header-v17 .search-block .search-input::placeholder {
  color: transparent;
}

.header-v17 .search-block .search-button-div {
  position: static; /* override Aspro: position: absolute */
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding-right: 8px;
  flex-shrink: 0;
  background: var(--rm-bg-secondary);
}

/* Кнопка поиска — BEM: rm-search__btn
   Figma: прозрачный фон, без бордера, область клика 24×24px, иконка 17×17 центрирована */
.rm-search__btn {
  position: static; /* override Aspro: position: absolute */
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  background: transparent;
  border: none;
  padding: 0;
  cursor: pointer;
  flex-shrink: 0;
}

/* Скрыть выпадашку выбора раздела поиска и кнопку закрыть — в макете их нет */
.header-v17 .search-block .dropdown-select.searchtype,
.header-v17 .search-block .close-block {
  display: none;
}

/* --- Иконки справа (профиль, избранное, корзина) --- */
.header-v17 .right-icons1 .line-block {
  display: flex;
  align-items: center;
  gap: var(--rm-icons-gap);
}

.header-v17 .right-icons1 .line-block__item {
  display: flex;
  align-items: center;
  gap: var(--rm-icons-gap);
}

/* Aspro ставит height: 100px на .wrap_icon в .longs .logo-row — обнуляем */
.header-v17 .longs .logo-row .wrap_icon {
  height: auto;
}

/* --- Иконки из Figma (inline SVG) --- */

.header-v17 .right-icons1 .wrap_icon.person,
.header-v17 .right-icons1 .wrap_icon.wrap_basket {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 24px;
}

.header-v17 .right-icons1 .auth_wr_inner,
.header-v17 .right-icons1 .personal-link,
.header-v17 .right-icons1 .basket-link,
.header-v17 .right-icons1 .basket-link .js-basket-block {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

.header-v17 .right-icons1 .personal-link,
.header-v17 .right-icons1 .basket-link {
  min-height: 24px;
  margin-top: 0;
  color: var(--rm-dark-accent);
  line-height: 0;
}

.header-v17 .right-icons1 .auth_wr_inner,
.header-v17 .right-icons1 .basket-link .js-basket-block {
  line-height: 0;
}

.header-v17 .right-icons1 .personal-link .wrap {
  display: none;
}

.header-v17 .right-icons1 .basket-link .title,
.header-v17 .right-icons1 .basket-link .wrap {
  display: none;
}

.header-v17 .right-icons1 .personal-link .svg-inline-cabinet {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  line-height: 0;
  opacity: 1;
}

.header-v17 .right-icons1 .personal-link .svg-inline-cabinet svg {
  display: block;
  width: 24px;
  height: 24px;
  transform: translateY(1px);
}

.header-v17 .right-icons1 .personal-link .svg-inline-cabinet svg path,
.header-v17 .right-icons1 .personal-link .svg-inline-cabinet svg use {
  fill: var(--rm-dark-accent);
}

.header-v17 .right-icons1 .personal-link .svg.rm-icon-state {
  position: relative;
}

.header-v17 .right-icons1 .personal-link .svg.rm-icon-state .rm-icon-default,
.header-v17 .right-icons1 .personal-link .svg.rm-icon-state .rm-icon-filled,
.header-v17 .right-icons1 .basket-link .svg.rm-icon-state .rm-icon-default,
.header-v17 .right-icons1 .basket-link .svg.rm-icon-state .rm-icon-filled {
  position: absolute;
  inset: 0;
  margin: auto;
  opacity: 0;
  visibility: hidden;
  transform-origin: center;
  will-change: opacity, transform;
  transition:
    opacity var(--rm-icon-state-fade-duration) var(--rm-icon-state-fade-ease),
    transform var(--rm-icon-state-scale-duration) var(--rm-icon-state-scale-ease),
    visibility 0s linear var(--rm-icon-state-visibility-delay);
}

.header-v17 .right-icons1 .personal-link .svg.rm-icon-state .rm-icon-default,
.header-v17 .right-icons1 .basket-link .svg.rm-icon-state .rm-icon-default {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
  transition-delay: 0s, 0s, 0s;
}

.header-v17 .right-icons1 .personal-link .svg.rm-icon-state .rm-icon-filled,
.header-v17 .right-icons1 .basket-link .svg.rm-icon-state .rm-icon-filled {
  transform: scale(var(--rm-icon-state-scale-hidden));
}

.header-v17 .right-icons1 .personal-link.logined .svg.rm-icon-state .rm-icon-default,
.header-v17 .right-icons1 .basket-link.basket-count .svg.rm-icon-state .rm-icon-default {
  opacity: 0;
  visibility: hidden;
  transform: scale(var(--rm-icon-state-scale-hidden));
}

.header-v17 .right-icons1 .personal-link.logined .svg.rm-icon-state .rm-icon-filled,
.header-v17 .right-icons1 .basket-link.basket-count .svg.rm-icon-state .rm-icon-filled {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
  transition-delay: 0s, 0s, 0s;
}

/* Обёртка .person: flex */
.header-v17 .right-icons1 .auth_wr_inner > .downs {
  width: 8px;
  height: 24px;
  margin-left: 8px;
  line-height: 0;
  right: auto;
  top: auto;
}

/* Размер и цвет иконок корзины и избранного */
.header-v17 .right-icons1 .basket-link .js-basket-block {
  position: relative;
  display: grid;
  place-items: center;
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
  margin: 0;
  padding: 0;
}

.header-v17 .right-icons1 .basket-link .svg {
  grid-area: 1 / 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  line-height: 0;
  opacity: 1;
}

.header-v17 .right-icons1 .basket-link .svg svg {
  display: block;
  width: 24px;
  height: 24px;
  transform: translateY(1px);
}

.header-v17 .right-icons1 .basket-link .svg svg path,
.header-v17 .right-icons1 .basket-link .svg svg use {
  fill: var(--rm-dark-accent);
}

.header-v17 .right-icons1 .basket-link .svg.rm-icon-state {
  position: relative;
}

.header-v17 .right-icons1 .basket-link .js-basket-block .count {
  grid-area: 1 / 1;
  position: relative;
  width: var(--rm-icon-count-size);
  min-width: var(--rm-icon-count-size);
  height: var(--rm-icon-count-size);
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  box-shadow: none;
  border: 0;
  color: var(--rm-bg);
  font-family: var(--rm-font-main);
  font-size: var(--rm-icon-count-font-size);
  font-weight: var(--rm-font-weight-medium);
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
  text-align: center;
  letter-spacing: 0;
  line-height: 1;
  transform: translate(var(--rm-icon-count-shift-x), var(--rm-icon-count-shift-y));
  justify-self: center;
  align-self: center;
  z-index: 3;
  pointer-events: none;
}

.header-v17 .right-icons1 .basket-link.delay .js-basket-block .count {
  transform: translate(
    calc(var(--rm-icon-count-shift-x) + var(--rm-icon-count-heart-shift-x)),
    calc(var(--rm-icon-count-shift-y) + var(--rm-icon-count-heart-shift-y))
  );
}

.header-v17 .right-icons1 .basket-link:not(.basket-count) .js-basket-block .count {
  display: none;
}

/* Фиксируем цвет и размер трёх иконок в header 17 */
.header-v17 .right-icons1 .personal-link:hover,
.header-v17 .right-icons1 .basket-link:hover {
  color: var(--rm-dark-accent);
}

.header-v17 .right-icons1 .personal-link:hover .svg-inline-cabinet svg path,
.header-v17 .right-icons1 .personal-link:hover .svg-inline-cabinet svg use,
.header-v17 .right-icons1 .basket-link:hover .svg svg path,
.header-v17 .right-icons1 .basket-link:hover .svg svg use {
  fill: var(--rm-dark-accent);
}

/* Отключаем старые Aspro-псевдоиконки в правом блоке header 17 */
.header-v17 .right-icons1 .basket_wrapp .wraps_icon_block.basket:before,
.header-v17 .right-icons1 .basket_wrapp .wraps_icon_block.delay:before,
.header-v17 .right-icons1 .basket_wrapp .wraps_icon_block.compare:before {
  display: none !important;
  content: none !important;
}

.header-v17 .right-icons1 .basket_wrapp .wraps_icon_block > svg {
  display: block;
  flex-shrink: 0;
}

.header-v17 .right-icons1 .basket_wrapp .wraps_icon_block {
  color: var(--rm-text);
}

.header-v17 .right-icons1 .basket_fly .opener > div:hover .wraps_icon_block {
  color: var(--rm-primary);
}


/* Dropdown в .menu.topest (пункт "Покупателям" и аналогичные) */
.top-block .menu.topest {
  overflow: visible;
}

.top-block .menu.topest li.dropdown {
  position: relative;
  z-index: var(--rm-z-dropdown);
}

.top-block .menu.topest li.dropdown::after {
  content: "";
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  height: calc(var(--rm-topbar-dropdown-offset-y) + var(--rm-topbar-dropdown-hover-bridge));
  background: transparent;
  pointer-events: none;
}

.top-block .menu.topest li.dropdown > .dropdown-menu {
  display: flex; /* override display:none from Aspro/Bootstrap */
  flex-direction: column;
  gap: var(--rm-dropdown-gap);
  position: absolute;
  top: calc(100% + var(--rm-topbar-dropdown-offset-y));
  left: 0;
  min-width: var(--rm-dropdown-min-width);
  margin: 0;
  padding: var(--rm-dropdown-padding-y) var(--rm-dropdown-padding-x);
  list-style: none;
  background: var(--rm-bg);
  border-radius: var(--rm-radius-sm);
  border: none;
  box-shadow: none;
  z-index: var(--rm-z-dropdown);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  isolation: isolate;
  transition: opacity var(--rm-transition-fast), visibility var(--rm-transition-fast);
}

.top-block .menu.topest li.dropdown > .dropdown-menu::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: var(--rm-bg);
  box-shadow: var(--rm-topbar-shadow-dropdown);
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--rm-topbar-shadow-transition);
  z-index: -1;
}

.top-block .menu.topest li.dropdown:hover > .dropdown-menu,
.top-block .menu.topest li.dropdown.rm-hover > .dropdown-menu,
.top-block .menu.topest li.dropdown:focus-within > .dropdown-menu {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.top-block .menu.topest li.dropdown:hover > .dropdown-menu::before,
.top-block .menu.topest li.dropdown:focus-within > .dropdown-menu::before {
  opacity: 1;
}

.top-block .menu.topest li.dropdown:hover::after,
.top-block .menu.topest li.dropdown.rm-hover::after,
.top-block .menu.topest li.dropdown:focus-within::after {
  pointer-events: auto;
}

.top-block .menu.topest li.dropdown > .dropdown-menu > li {
  display: block;
  margin: 0;
  padding: 0;
}

.top-block .menu.topest li.dropdown > .dropdown-menu > li::before {
  display: none;
}

.top-block .menu.topest li.dropdown > .dropdown-menu > li > a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--rm-spacing-sm);
  padding: var(--rm-dropdown-item-padding-y) var(--rm-dropdown-item-padding-right) var(--rm-dropdown-item-padding-y) var(--rm-dropdown-item-padding-x);
  border-radius: var(--rm-radius-xs);
  font-size: var(--rm-font-size-base);
  line-height: var(--rm-line-height);
  color: var(--rm-text-topbar);
  text-align: left;
  text-decoration: none;
  white-space: nowrap;
  transition: background var(--rm-transition-fast);
}

.top-block .menu.topest li.dropdown > .dropdown-menu > li > a:hover {
  background: var(--rm-dropdown-hover-bg);
  color: var(--rm-text-topbar);
}

/* Галочка — место зарезервировано всегда, видна только на hover и активном пункте */
.rm-dropdown__check {
  flex-shrink: 0;
  visibility: hidden;
  color: var(--rm-text);
}

.top-block .menu.topest li.dropdown > .dropdown-menu > li > a:hover .rm-dropdown__check,
.top-block .menu.topest li.dropdown > .dropdown-menu > li.active > a .rm-dropdown__check {
  visibility: visible;
}


/* Dropdown кабинет (.auth_wr_inner.with_dropdown) — те же стили, что у topbar */
.header-v17 .right-icons1 .auth_wr_inner.with_dropdown {
  position: relative;
  padding-right: 0 !important;
}

.header-v17 .right-icons1 .auth_wr_inner.with_dropdown::after {
  content: "";
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  height: calc(var(--rm-topbar-dropdown-offset-y) + var(--rm-topbar-dropdown-hover-bridge) + 14px);
  background: transparent;
  pointer-events: none;
}

.header-v17 .right-icons1 .auth_wr_inner.with_dropdown > .dropdown-menu {
  display: flex !important; /* override #headerfixed:not(.fixed) .dropdown-menu{display:none!important} */
  flex-direction: column;
  gap: var(--rm-dropdown-gap);
  position: absolute;
  top: calc(100% + var(--rm-topbar-dropdown-offset-y) + 14px);
  right: 0;
  left: auto;
  min-width: var(--rm-dropdown-min-width);
  margin: 0;
  padding: var(--rm-dropdown-padding-y) var(--rm-dropdown-padding-x);
  list-style: none;
  background: var(--rm-bg);
  border-radius: var(--rm-radius-sm);
  box-shadow: none;
  z-index: var(--rm-z-dropdown);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  isolation: isolate;
  transition: opacity var(--rm-transition-fast), visibility var(--rm-transition-fast);
}

.header-v17 .right-icons1 .auth_wr_inner.with_dropdown > .dropdown-menu::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: var(--rm-bg);
  box-shadow: var(--rm-topbar-shadow-dropdown);
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--rm-topbar-shadow-transition);
  z-index: -1;
}

.header-v17 .right-icons1 .auth_wr_inner.with_dropdown:hover > .dropdown-menu,
.header-v17 .right-icons1 .auth_wr_inner.with_dropdown.rm-hover > .dropdown-menu,
.header-v17 .right-icons1 .auth_wr_inner.with_dropdown:focus-within > .dropdown-menu {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.header-v17 .right-icons1 .auth_wr_inner.with_dropdown:hover > .dropdown-menu::before,
.header-v17 .right-icons1 .auth_wr_inner.with_dropdown:focus-within > .dropdown-menu::before,
.header-v17 .right-icons1 .auth_wr_inner.with_dropdown.rm-hover > .dropdown-menu::before {
  opacity: 1;
}

.header-v17 .right-icons1 .auth_wr_inner.with_dropdown:hover::after,
.header-v17 .right-icons1 .auth_wr_inner.with_dropdown.rm-hover::after,
.header-v17 .right-icons1 .auth_wr_inner.with_dropdown:focus-within::after {
  pointer-events: auto;
}

.header-v17 .right-icons1 .auth_wr_inner.with_dropdown > .dropdown-menu > li {
  display: block;
  margin: 0;
  padding: 0;
}

.header-v17 .right-icons1 .auth_wr_inner.with_dropdown > .dropdown-menu > li::before {
  display: none;
}

.header-v17 .right-icons1 .auth_wr_inner.with_dropdown > .dropdown-menu > li > a,
.header-v17 .right-icons1 .auth_wr_inner.with_dropdown > .dropdown-menu > li > a.dark-color {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--rm-spacing-sm);
  padding: var(--rm-dropdown-item-padding-y) var(--rm-dropdown-item-padding-right) var(--rm-dropdown-item-padding-y) var(--rm-dropdown-item-padding-x) !important;
  border-radius: var(--rm-radius-xs);
  font-family: var(--rm-font-main) !important;
  font-size: var(--rm-font-size-base) !important;
  font-weight: var(--rm-font-weight-normal) !important;
  line-height: var(--rm-line-height);
  color: var(--rm-text-topbar) !important;
  text-align: left;
  text-decoration: none;
  white-space: nowrap;
  background: transparent !important;
  transition: background var(--rm-transition-fast);
}

.header-v17 .right-icons1 .auth_wr_inner.with_dropdown > .dropdown-menu > li > a:hover,
.header-v17 .right-icons1 .auth_wr_inner.with_dropdown > .dropdown-menu > li > a.dark-color:hover {
  background: var(--rm-dropdown-hover-bg) !important;
  color: var(--rm-text-topbar) !important;
}

.header-v17 .right-icons1 .auth_wr_inner.with_dropdown > .dropdown-menu > li > a:hover .rm-dropdown__check,
.header-v17 .right-icons1 .auth_wr_inner.with_dropdown > .dropdown-menu > li.active > a .rm-dropdown__check {
  visibility: visible;
}

/* Aspro: td:hover .svg path { fill: var(--fill_dark_light_hover) } красит в оранжевый —
   переопределяем для каретки кабинета и галочек в dropdown */
.header-v17 .right-icons1 .wrap_icon.person .auth_wr_inner.with_dropdown .downs.rm-header-caret-cabinet svg path {
  fill: var(--rm-dark-accent) !important;
}

.header-v17 .right-icons1 .auth_wr_inner.with_dropdown > .dropdown-menu .rm-dropdown__check path {
  fill: currentColor !important;
}

/* Скрыть блок "Заказать звонок" (basket_fly_forms) — не внутри .header-v17, рендерится Aspro отдельно */
.basket_fly_forms.basket_fill_COLOR {
  display: none;
}

/* ============================================================
   BASKET / FAVORITES FLYOUT
   Figma: node 310:3915
   Реальная структура DOM: .dropdown-product__item > .body-info > .remove-cell
   ============================================================ */

/* Позиция панели — тот же отступ что у cabinet dropdown */
.header-v17 .right-icons1 .basket_hover_block {
  top: calc(100% + var(--rm-topbar-dropdown-offset-y) + 14px);
}

/* Шрифт */
.dropdown-product__items,
.dropdown-product__items *,
.wrap_button.basket_back a {
  font-family: var(--rm-font-main) !important;
}

/* Панель — скругления + тень */
.dropdown-product__items {
  border-radius: var(--rm-radius-sm);
  box-shadow: var(--rm-topbar-shadow-dropdown);
  overflow: hidden;
}

/* Родительский item — якорь для absolute remove-cell */
.dropdown-product__item {
  position: relative;
}

/* remove-cell: absolute справа по центру высоты item */
.basket_hover_block .tabs_content .remove-cell {
  position: absolute !important;
  top: 50% !important;
  right: 16px !important;
  transform: translateY(-50%);
}

/* Кнопка удаления — белый квадрат с обводкой */
.dropdown-product__item .remove-cell span.remove {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background: var(--rm-bg) !important;
  border: 1px solid #818181;
  border-radius: var(--rm-radius-sm);
  cursor: pointer;
  transition: border-color var(--rm-transition);
}

.dropdown-product__item .remove-cell span.remove:hover {
  border-color: var(--rm-error);
}

/* Скрыть Aspro-иконку целиком */
.dropdown-product__item .remove-cell .svg-inline-remove {
  display: none !important;
}

/* Иконка через ::after на кнопке — псевдоэлемент вне досягаемости Aspro * { fill } */
.dropdown-product__item .remove-cell span.remove::after {
  content: '';
  display: block;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  background-color: #000;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M14.0368 21.5605H9.96314C7.90449 21.5605 6.19413 20.0163 5.98435 17.9687C5.98385 17.9647 5.98335 17.9606 5.98335 17.9566L5.05038 6.04185C5.0288 5.76532 5.23506 5.52392 5.51159 5.50234C5.78862 5.48127 6.02952 5.68703 6.0511 5.96356L6.98356 17.8723C7.14316 19.4035 8.42341 20.5568 9.96314 20.5568H14.0368C15.5765 20.5568 16.8568 19.403 17.0164 17.8723L17.9488 5.96356C17.9704 5.68703 18.2118 5.48076 18.4883 5.50234C18.7648 5.52392 18.9711 5.76532 18.9495 6.04185L18.0166 17.9566C18.0161 17.9606 18.0161 17.9647 18.0156 17.9687C17.8058 20.0163 16.0954 21.5605 14.0368 21.5605Z' fill='black'/%3E%3Cpath d='M20.498 6.45438H3.50187C3.22484 6.45438 3 6.22955 3 5.95252C3 5.67549 3.22484 5.45065 3.50187 5.45065H20.4985C20.7756 5.45065 21.0004 5.67549 21.0004 5.95252C21.0004 6.22955 20.7756 6.45438 20.498 6.45438Z' fill='black'/%3E%3Cpath d='M13.731 5.14953C13.4539 5.14953 13.2291 4.92469 13.2291 4.64766C13.2291 3.98369 12.6886 3.44318 12.0246 3.44318C11.3606 3.44318 10.8201 3.98369 10.8201 4.64766C10.8201 4.92469 10.5953 5.14953 10.3183 5.14953C10.0412 5.14953 9.81641 4.92469 9.81641 4.64766C9.81641 3.43014 10.8071 2.43945 12.0246 2.43945C13.2421 2.43945 14.2328 3.43014 14.2328 4.64766C14.2328 4.92469 14.008 5.14953 13.731 5.14953Z' fill='black'/%3E%3Cpath d='M10.0683 16.8179C9.79124 16.8179 9.56641 16.5931 9.56641 16.316V9.89215C9.56641 9.61512 9.79124 9.39029 10.0683 9.39029C10.3453 9.39029 10.5701 9.61512 10.5701 9.89215V16.316C10.5701 16.5931 10.3453 16.8179 10.0683 16.8179Z' fill='black'/%3E%3Cpath d='M13.8827 16.8179C13.6057 16.8179 13.3809 16.593 13.3809 16.316V9.89212C13.3809 9.61509 13.6057 9.39026 13.8827 9.39026C14.1598 9.39026 14.3846 9.61509 14.3846 9.89212V16.316C14.3846 16.593 14.1598 16.8179 13.8827 16.8179Z' fill='black'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M14.0368 21.5605H9.96314C7.90449 21.5605 6.19413 20.0163 5.98435 17.9687C5.98385 17.9647 5.98335 17.9606 5.98335 17.9566L5.05038 6.04185C5.0288 5.76532 5.23506 5.52392 5.51159 5.50234C5.78862 5.48127 6.02952 5.68703 6.0511 5.96356L6.98356 17.8723C7.14316 19.4035 8.42341 20.5568 9.96314 20.5568H14.0368C15.5765 20.5568 16.8568 19.403 17.0164 17.8723L17.9488 5.96356C17.9704 5.68703 18.2118 5.48076 18.4883 5.50234C18.7648 5.52392 18.9711 5.76532 18.9495 6.04185L18.0166 17.9566C18.0161 17.9606 18.0161 17.9647 18.0156 17.9687C17.8058 20.0163 16.0954 21.5605 14.0368 21.5605Z' fill='black'/%3E%3Cpath d='M20.498 6.45438H3.50187C3.22484 6.45438 3 6.22955 3 5.95252C3 5.67549 3.22484 5.45065 3.50187 5.45065H20.4985C20.7756 5.45065 21.0004 5.67549 21.0004 5.95252C21.0004 6.22955 20.7756 6.45438 20.498 6.45438Z' fill='black'/%3E%3Cpath d='M13.731 5.14953C13.4539 5.14953 13.2291 4.92469 13.2291 4.64766C13.2291 3.98369 12.6886 3.44318 12.0246 3.44318C11.3606 3.44318 10.8201 3.98369 10.8201 4.64766C10.8201 4.92469 10.5953 5.14953 10.3183 5.14953C10.0412 5.14953 9.81641 4.92469 9.81641 4.64766C9.81641 3.43014 10.8071 2.43945 12.0246 2.43945C13.2421 2.43945 14.2328 3.43014 14.2328 4.64766C14.2328 4.92469 14.008 5.14953 13.731 5.14953Z' fill='black'/%3E%3Cpath d='M10.0683 16.8179C9.79124 16.8179 9.56641 16.5931 9.56641 16.316V9.89215C9.56641 9.61512 9.79124 9.39029 10.0683 9.39029C10.3453 9.39029 10.5701 9.61512 10.5701 9.89215V16.316C10.5701 16.5931 10.3453 16.8179 10.0683 16.8179Z' fill='black'/%3E%3Cpath d='M13.8827 16.8179C13.6057 16.8179 13.3809 16.593 13.3809 16.316V9.89212C13.3809 9.61509 13.6057 9.39026 13.8827 9.39026C14.1598 9.39026 14.3846 9.61509 14.3846 9.89212V16.316C14.3846 16.593 14.1598 16.8179 13.8827 16.8179Z' fill='black'/%3E%3C/svg%3E");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  transition: background-color var(--rm-transition);
}

.dropdown-product__item .remove-cell span.remove:hover::after {
  background-color: var(--rm-error);
}

/* Hover на ссылках flyout — opacity вместо оранжевого */
.basket_hover_block .dropdown-product__items a {
  transition: opacity var(--rm-transition);
}

.basket_hover_block .dropdown-product__items a:hover,
.basket_hover_block .dropdown-product__items td:hover a {
  color: inherit !important;
  opacity: var(--rm-hover-opacity);
}

/* ============================================================
   BASKET FLYOUT — стили корзины (DOM отличается от избранного)
   .item / a.remove / i.svg-inline-remove
   ============================================================ */

/* Шрифт */
.basket_hover_block .basket_wrapp,
.basket_hover_block .basket_wrapp * {
  font-family: var(--rm-font-main) !important;
}

/* Панель — скругления + тень */
.basket_hover_block {
  border-radius: var(--rm-radius-sm);
  box-shadow: var(--rm-topbar-shadow-dropdown);
  overflow: hidden;
}

/* Якорь для remove-cell */
.basket_hover_block .item {
  position: relative;
}

/* Кнопка удаления — белый квадрат с обводкой */
.basket_hover_block .item .remove-cell a.remove {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background: var(--rm-bg) !important;
  border: 1px solid #818181;
  border-radius: var(--rm-radius-sm);
  cursor: pointer;
  transition: border-color var(--rm-transition);
}

.basket_hover_block .item .remove-cell a.remove:hover {
  border-color: var(--rm-error);
}

/* Скрыть Aspro-иконку целиком — Aspro .remove-cell * { fill } мешает mask на i-элементе */
.basket_hover_block .item .remove-cell .svg-inline-remove {
  display: none !important;
}

/* Иконка через ::after на кнопке — псевдоэлемент вне досягаемости Aspro * { fill } */
.basket_hover_block .item .remove-cell a.remove::after {
  content: '';
  display: block;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  background-color: #000;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M14.0368 21.5605H9.96314C7.90449 21.5605 6.19413 20.0163 5.98435 17.9687C5.98385 17.9647 5.98335 17.9606 5.98335 17.9566L5.05038 6.04185C5.0288 5.76532 5.23506 5.52392 5.51159 5.50234C5.78862 5.48127 6.02952 5.68703 6.0511 5.96356L6.98356 17.8723C7.14316 19.4035 8.42341 20.5568 9.96314 20.5568H14.0368C15.5765 20.5568 16.8568 19.403 17.0164 17.8723L17.9488 5.96356C17.9704 5.68703 18.2118 5.48076 18.4883 5.50234C18.7648 5.52392 18.9711 5.76532 18.9495 6.04185L18.0166 17.9566C18.0161 17.9606 18.0161 17.9647 18.0156 17.9687C17.8058 20.0163 16.0954 21.5605 14.0368 21.5605Z' fill='black'/%3E%3Cpath d='M20.498 6.45438H3.50187C3.22484 6.45438 3 6.22955 3 5.95252C3 5.67549 3.22484 5.45065 3.50187 5.45065H20.4985C20.7756 5.45065 21.0004 5.67549 21.0004 5.95252C21.0004 6.22955 20.7756 6.45438 20.498 6.45438Z' fill='black'/%3E%3Cpath d='M13.731 5.14953C13.4539 5.14953 13.2291 4.92469 13.2291 4.64766C13.2291 3.98369 12.6886 3.44318 12.0246 3.44318C11.3606 3.44318 10.8201 3.98369 10.8201 4.64766C10.8201 4.92469 10.5953 5.14953 10.3183 5.14953C10.0412 5.14953 9.81641 4.92469 9.81641 4.64766C9.81641 3.43014 10.8071 2.43945 12.0246 2.43945C13.2421 2.43945 14.2328 3.43014 14.2328 4.64766C14.2328 4.92469 14.008 5.14953 13.731 5.14953Z' fill='black'/%3E%3Cpath d='M10.0683 16.8179C9.79124 16.8179 9.56641 16.5931 9.56641 16.316V9.89215C9.56641 9.61512 9.79124 9.39029 10.0683 9.39029C10.3453 9.39029 10.5701 9.61512 10.5701 9.89215V16.316C10.5701 16.5931 10.3453 16.8179 10.0683 16.8179Z' fill='black'/%3E%3Cpath d='M13.8827 16.8179C13.6057 16.8179 13.3809 16.593 13.3809 16.316V9.89212C13.3809 9.61509 13.6057 9.39026 13.8827 9.39026C14.1598 9.39026 14.3846 9.61509 14.3846 9.89212V16.316C14.3846 16.593 14.1598 16.8179 13.8827 16.8179Z' fill='black'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M14.0368 21.5605H9.96314C7.90449 21.5605 6.19413 20.0163 5.98435 17.9687C5.98385 17.9647 5.98335 17.9606 5.98335 17.9566L5.05038 6.04185C5.0288 5.76532 5.23506 5.52392 5.51159 5.50234C5.78862 5.48127 6.02952 5.68703 6.0511 5.96356L6.98356 17.8723C7.14316 19.4035 8.42341 20.5568 9.96314 20.5568H14.0368C15.5765 20.5568 16.8568 19.403 17.0164 17.8723L17.9488 5.96356C17.9704 5.68703 18.2118 5.48076 18.4883 5.50234C18.7648 5.52392 18.9711 5.76532 18.9495 6.04185L18.0166 17.9566C18.0161 17.9606 18.0161 17.9647 18.0156 17.9687C17.8058 20.0163 16.0954 21.5605 14.0368 21.5605Z' fill='black'/%3E%3Cpath d='M20.498 6.45438H3.50187C3.22484 6.45438 3 6.22955 3 5.95252C3 5.67549 3.22484 5.45065 3.50187 5.45065H20.4985C20.7756 5.45065 21.0004 5.67549 21.0004 5.95252C21.0004 6.22955 20.7756 6.45438 20.498 6.45438Z' fill='black'/%3E%3Cpath d='M13.731 5.14953C13.4539 5.14953 13.2291 4.92469 13.2291 4.64766C13.2291 3.98369 12.6886 3.44318 12.0246 3.44318C11.3606 3.44318 10.8201 3.98369 10.8201 4.64766C10.8201 4.92469 10.5953 5.14953 10.3183 5.14953C10.0412 5.14953 9.81641 4.92469 9.81641 4.64766C9.81641 3.43014 10.8071 2.43945 12.0246 2.43945C13.2421 2.43945 14.2328 3.43014 14.2328 4.64766C14.2328 4.92469 14.008 5.14953 13.731 5.14953Z' fill='black'/%3E%3Cpath d='M10.0683 16.8179C9.79124 16.8179 9.56641 16.5931 9.56641 16.316V9.89215C9.56641 9.61512 9.79124 9.39029 10.0683 9.39029C10.3453 9.39029 10.5701 9.61512 10.5701 9.89215V16.316C10.5701 16.5931 10.3453 16.8179 10.0683 16.8179Z' fill='black'/%3E%3Cpath d='M13.8827 16.8179C13.6057 16.8179 13.3809 16.593 13.3809 16.316V9.89212C13.3809 9.61509 13.6057 9.39026 13.8827 9.39026C14.1598 9.39026 14.3846 9.61509 14.3846 9.89212V16.316C14.3846 16.593 14.1598 16.8179 13.8827 16.8179Z' fill='black'/%3E%3C/svg%3E");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  transition: background-color var(--rm-transition);
}

.basket_hover_block .item .remove-cell a.remove:hover::after {
  background-color: var(--rm-error);
}

/* Итоговая цена — отодвинуть от кнопки удаления (float:right, сдвигаем margin-right) */
.basket_hover_block .item .prices.notes .right.text-right {
  margin-right: 56px; /* 40px кнопка + 16px зазор */
}

/* Hover на названиях товаров — opacity вместо оранжевого */
.basket_hover_block .item .product_name a {
  transition: opacity var(--rm-transition);
}

.basket_hover_block .item .product_name a:hover {
  color: inherit !important;
  opacity: var(--rm-hover-opacity);
}

/* ============================================================
   ФУТЕР КОРЗИНЫ — «Очистить корзину»
   Иконка корзины справа от текста, hover opacity вместо оранжевого
   ============================================================ */

/* Флекс + убираем оранжевый цвет через переменную */
.basket_hover_block .foot .remove_all_basket {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--rm-text) !important;
  --fill_dark_light_hover: var(--rm-text);
  transition: color var(--rm-transition);
}

.basket_hover_block .foot .remove_all_basket:hover {
  color: var(--rm-error) !important;
}

/* Скрыть Aspro-иконку целиком — Aspro .svg-inline-closes * { fill } мешает mask на i-элементе */
.basket_hover_block .foot .remove_all_basket .svg-inline-closes {
  display: none !important;
}

/* Иконка через ::after на ссылке — псевдоэлемент вне досягаемости Aspro * { fill } */
.basket_hover_block .foot .remove_all_basket::after {
  content: '';
  display: block;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  background-color: #000;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M14.0368 21.5605H9.96314C7.90449 21.5605 6.19413 20.0163 5.98435 17.9687C5.98385 17.9647 5.98335 17.9606 5.98335 17.9566L5.05038 6.04185C5.0288 5.76532 5.23506 5.52392 5.51159 5.50234C5.78862 5.48127 6.02952 5.68703 6.0511 5.96356L6.98356 17.8723C7.14316 19.4035 8.42341 20.5568 9.96314 20.5568H14.0368C15.5765 20.5568 16.8568 19.403 17.0164 17.8723L17.9488 5.96356C17.9704 5.68703 18.2118 5.48076 18.4883 5.50234C18.7648 5.52392 18.9711 5.76532 18.9495 6.04185L18.0166 17.9566C18.0161 17.9606 18.0161 17.9647 18.0156 17.9687C17.8058 20.0163 16.0954 21.5605 14.0368 21.5605Z' fill='black'/%3E%3Cpath d='M20.498 6.45438H3.50187C3.22484 6.45438 3 6.22955 3 5.95252C3 5.67549 3.22484 5.45065 3.50187 5.45065H20.4985C20.7756 5.45065 21.0004 5.67549 21.0004 5.95252C21.0004 6.22955 20.7756 6.45438 20.498 6.45438Z' fill='black'/%3E%3Cpath d='M13.731 5.14953C13.4539 5.14953 13.2291 4.92469 13.2291 4.64766C13.2291 3.98369 12.6886 3.44318 12.0246 3.44318C11.3606 3.44318 10.8201 3.98369 10.8201 4.64766C10.8201 4.92469 10.5953 5.14953 10.3183 5.14953C10.0412 5.14953 9.81641 4.92469 9.81641 4.64766C9.81641 3.43014 10.8071 2.43945 12.0246 2.43945C13.2421 2.43945 14.2328 3.43014 14.2328 4.64766C14.2328 4.92469 14.008 5.14953 13.731 5.14953Z' fill='black'/%3E%3Cpath d='M10.0683 16.8179C9.79124 16.8179 9.56641 16.5931 9.56641 16.316V9.89215C9.56641 9.61512 9.79124 9.39029 10.0683 9.39029C10.3453 9.39029 10.5701 9.61512 10.5701 9.89215V16.316C10.5701 16.5931 10.3453 16.8179 10.0683 16.8179Z' fill='black'/%3E%3Cpath d='M13.8827 16.8179C13.6057 16.8179 13.3809 16.593 13.3809 16.316V9.89212C13.3809 9.61509 13.6057 9.39026 13.8827 9.39026C14.1598 9.39026 14.3846 9.61509 14.3846 9.89212V16.316C14.3846 16.593 14.1598 16.8179 13.8827 16.8179Z' fill='black'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M14.0368 21.5605H9.96314C7.90449 21.5605 6.19413 20.0163 5.98435 17.9687C5.98385 17.9647 5.98335 17.9606 5.98335 17.9566L5.05038 6.04185C5.0288 5.76532 5.23506 5.52392 5.51159 5.50234C5.78862 5.48127 6.02952 5.68703 6.0511 5.96356L6.98356 17.8723C7.14316 19.4035 8.42341 20.5568 9.96314 20.5568H14.0368C15.5765 20.5568 16.8568 19.403 17.0164 17.8723L17.9488 5.96356C17.9704 5.68703 18.2118 5.48076 18.4883 5.50234C18.7648 5.52392 18.9711 5.76532 18.9495 6.04185L18.0166 17.9566C18.0161 17.9606 18.0161 17.9647 18.0156 17.9687C17.8058 20.0163 16.0954 21.5605 14.0368 21.5605Z' fill='black'/%3E%3Cpath d='M20.498 6.45438H3.50187C3.22484 6.45438 3 6.22955 3 5.95252C3 5.67549 3.22484 5.45065 3.50187 5.45065H20.4985C20.7756 5.45065 21.0004 5.67549 21.0004 5.95252C21.0004 6.22955 20.7756 6.45438 20.498 6.45438Z' fill='black'/%3E%3Cpath d='M13.731 5.14953C13.4539 5.14953 13.2291 4.92469 13.2291 4.64766C13.2291 3.98369 12.6886 3.44318 12.0246 3.44318C11.3606 3.44318 10.8201 3.98369 10.8201 4.64766C10.8201 4.92469 10.5953 5.14953 10.3183 5.14953C10.0412 5.14953 9.81641 4.92469 9.81641 4.64766C9.81641 3.43014 10.8071 2.43945 12.0246 2.43945C13.2421 2.43945 14.2328 3.43014 14.2328 4.64766C14.2328 4.92469 14.008 5.14953 13.731 5.14953Z' fill='black'/%3E%3Cpath d='M10.0683 16.8179C9.79124 16.8179 9.56641 16.5931 9.56641 16.316V9.89215C9.56641 9.61512 9.79124 9.39029 10.0683 9.39029C10.3453 9.39029 10.5701 9.61512 10.5701 9.89215V16.316C10.5701 16.5931 10.3453 16.8179 10.0683 16.8179Z' fill='black'/%3E%3Cpath d='M13.8827 16.8179C13.6057 16.8179 13.3809 16.593 13.3809 16.316V9.89212C13.3809 9.61509 13.6057 9.39026 13.8827 9.39026C14.1598 9.39026 14.3846 9.61509 14.3846 9.89212V16.316C14.3846 16.593 14.1598 16.8179 13.8827 16.8179Z' fill='black'/%3E%3C/svg%3E");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  transition: background-color var(--rm-transition);
}

.basket_hover_block .foot .remove_all_basket:hover::after {
  background-color: var(--rm-error);
}

/* Скрыть лейбл «Цена:» в flyout корзины */
.basket_hover_block .price_name {
  display: none;
}

/* ============================================================
   STICKY HEADER + HIDE TOPBAR ON SCROLL
   .header_wrap — sticky (верхний уровень, единственный рабочий вариант).
   !important нужен: Aspro JS ставит inline position на элемент.
   .header-v16 (топбар) — плавно скрывается при скролле через
   JS-класс header.header-scrolled (header-sticky.js).
   ============================================================ */

/* .header_wrap sticky — весь хедер прилипает при скролле */
.header_wrap {
  position: sticky !important;
  top: 0;
  z-index: 997;
  background: var(--rm-bg);
}

/* Топбар: анимация скрытия/показа.
   overflow:hidden НЕ в базовом состоянии — иначе клипает dropdown-menu.
   overflow:hidden только в .header-scrolled: overflow не анимируется,
   переключается мгновенно → при открытии дропдаун сразу доступен. */
.header-v16 {
  position: relative;
  z-index: 10;
  max-height: 60px;
  opacity: 1;
  transition: max-height 0.3s ease-out, opacity 0.2s ease-out;
  will-change: max-height, opacity;
}

/* Закрытие: ease-in + overflow:hidden только здесь */
header.header-scrolled .header-v16 {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-in, opacity 0.2s ease-in;
}