/* ================== Талисман: кот + плашка главного меню ================== */
.rc-mascot {
  position: fixed;
  left: 16px;
  bottom: 16px;
  z-index: 40;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  width: 176px;
}
.rc-mascot__menu {
  align-self: flex-start;
  background: rgba(77, 81, 82, 0.7);
  border-radius: 20px;
  box-shadow: 0 16px 34px rgba(0,0,0,0.28);
  padding: 10px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 6px;
  margin-bottom: 10px;
}
.rc-mascot__menu a {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 8px 10px;
  border: 1px solid rgba(255, 255, 255, 0.55);
  border-radius: 6px;
  background: transparent;
  font-size: 13.5px;
  line-height: 1.3;
  font-weight: 600;
  color: #fff;
  text-decoration: none;
  white-space: nowrap;
  transition: border-color 0.15s ease, color 0.15s ease;
}
.rc-mascot__menu a:hover,
.rc-mascot__menu a.is-active {
  border-color: var(--orange);
  color: var(--orange);
}
/* --- Кнопка-переключатель (крестик/гамбургер) в одном ряду с "Главное":
   ряд растягивается на всю ширину плашки (совпадает по правому краю
   с остальными пунктами меню ниже), кнопка и "Главное" выровнены по
   нижнему краю друг с другом. --- */
.rc-mascot__top-row {
  display: flex;
  align-items: flex-end;
  gap: 6px;
  align-self: stretch;
}
.rc-mascot__top-row a { flex: 1; justify-content: center; text-align: center; }
.rc-mascot__toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  flex-shrink: 0;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, 0.55);
  border-radius: 6px;
  background: rgba(77, 81, 82, 0.85);
  box-shadow: 0 8px 18px rgba(0,0,0,0.22);
  cursor: pointer;
  transition: border-color 0.15s ease, background-color 0.15s ease;
}
.rc-mascot__toggle:hover { border-color: var(--orange); }
.rc-mascot__toggle-bars { position: relative; width: 15px; height: 11px; flex-shrink: 0; }
.rc-mascot__toggle-bars span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  border-radius: 2px;
  background: #fff;
  transition: transform 0.25s ease, opacity 0.2s ease, top 0.25s ease, background-color 0.15s ease;
}
.rc-mascot__toggle:hover .rc-mascot__toggle-bars span { background: var(--orange); }
/* Открытое меню -> кнопка выглядит как крестик ✕ (приглашение свернуть) */
.rc-mascot__toggle-bars span:nth-child(1) { top: 4.5px; transform: rotate(45deg); }
.rc-mascot__toggle-bars span:nth-child(2) { top: 4.5px; opacity: 0; }
.rc-mascot__toggle-bars span:nth-child(3) { top: 4.5px; transform: rotate(-45deg); }
/* Свёрнутое меню -> кнопка выглядит как гамбургер ☰ (приглашение развернуть) */
.rc-mascot.is-collapsed .rc-mascot__toggle-bars span:nth-child(1) { top: 0; transform: rotate(0); }
.rc-mascot.is-collapsed .rc-mascot__toggle-bars span:nth-child(2) { opacity: 1; }
.rc-mascot.is-collapsed .rc-mascot__toggle-bars span:nth-child(3) { top: 9px; transform: rotate(0); }
/* Сворачивание: прячем пункты меню (кроме самой кнопки), плашка исчезает,
   остаётся только кнопка-гамбургер над котом. Сворачивать/разворачивать
   можно и кнопкой, и кликом на самого кота — оба ведут к одному состоянию. */
.rc-mascot.is-collapsed .rc-mascot__menu {
  background: transparent;
  box-shadow: none;
  padding: 0;
}
.rc-mascot.is-collapsed .rc-mascot__menu a { display: none; }
.rc-mascot__video-wrap {
  position: relative;
  width: 100%;
  aspect-ratio: 1 / 1;
  cursor: pointer;
  filter: drop-shadow(0 6px 14px rgba(0,0,0,0.18));
}
.rc-mascot__video-wrap img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
  pointer-events: none;
}
.rc-mascot__vid-sleep { opacity: 0; visibility: hidden; transition: opacity 0.25s ease; }
.rc-mascot__vid-awake { opacity: 1; visibility: visible; transition: opacity 0.25s ease; }
.rc-mascot.is-collapsed .rc-mascot__vid-sleep { opacity: 1; visibility: visible; }
.rc-mascot.is-collapsed .rc-mascot__vid-awake { opacity: 0; visibility: hidden; }
/* Свободных фиксированных элементов слева снизу на сайте больше нет
   (колбэк-кнопка справа, бургер-меню — в шапке сверху), поэтому на мобильных
   не скрываем талисман, а уменьшаем. Пункты меню всегда в одну строку
   (white-space: nowrap выше) — поэтому ширина плашки на каждой ступени
   подобрана так, чтобы самый длинный пункт "Заказать технику" в неё
   помещался при заданном font-size, а не переносился на 2 строки. */
@media (max-width: 640px) {
  .rc-mascot { left: 10px; bottom: 10px; width: 152px; }
  .rc-mascot__menu { padding: 8px; gap: 5px; border-radius: 16px; }
  .rc-mascot__menu a { font-size: 11.5px; padding: 6px 8px; border-radius: 5px; }
}
@media (max-width: 380px) {
  .rc-mascot { width: 128px; }
  .rc-mascot__menu { padding: 7px; gap: 4px; }
  .rc-mascot__menu a { font-size: 10px; padding: 5px 7px; }
}