/* RAY MOBILE FAVORITE MENU + STABLE HEARTS 20260715
   Точечные изменения: отступ быстрых категорий, избранное в боковом меню,
   стабильное состояние сердечек карточек. */

/* Ценовые категории сохраняют отдельное оформление. */
@media (max-width: 767px) {
  body.common-home .ray-home-final-quick .ray-quick-price-row a,
  body.common-home .ray-home-final-quick a.ray-home-final-price-link {
    min-height: 44px !important;
    border: 1px solid rgba(112, 18, 61, .38) !important;
    background: linear-gradient(135deg, #8b174c 0%, #b82e68 100%) !important;
    color: #fff !important;
    box-shadow: 0 7px 18px rgba(111, 21, 59, .18) !important;
    font-weight: 900 !important;
  }

  /* Кнопка «Избранное» над категориями полностью удалена. */
  body.common-home .ray-home-final-favorite-link {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  /* Сохраняем безопасное место сверху после удаления прежней кнопки,
     чтобы первые две категории не попадали под белый хедер. */
  body.common-home .ray-home-final-quick .rm-container {
    padding-top: 64px !important;
  }

  /* В мобильной шапке избранного больше нет. */
  .rm-header .heart_link {
    display: none !important;
  }

  /* Новый пункт внутри штатного бокового меню. */
  .ray-mobile-drawer .ray-mobile-drawer-favorite {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
  }

  .ray-mobile-drawer .ray-mobile-drawer-favorite__main {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    min-width: 0 !important;
  }

  .ray-mobile-drawer .ray-mobile-drawer-favorite .fa {
    color: #7b123d !important;
    font-size: 19px !important;
    line-height: 1 !important;
  }

  .ray-mobile-drawer .ray-mobile-drawer-favorite__count {
    display: inline-grid !important;
    place-items: center !important;
    min-width: 22px !important;
    height: 22px !important;
    padding: 0 6px !important;
    border-radius: 999px !important;
    background: #ff746c !important;
    color: #fff !important;
    font-size: 10px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    box-sizing: border-box !important;
  }
}

/* Стабильные сердечки на карточках «Все букеты».
   По умолчанию — контур, после нажатия — заливка. */
body.common-home .ray-home-product-card .image > .ray-card-wishlist,
body.common-home .ray-home-product-card .image > .ray-ab-wishlist,
body.common-home .ray-home-product-card .image > .ray-ab-wishlist-single,
body.common-home .ray-all-bouquets-card .image > .ray-card-wishlist,
body.common-home .ray-all-bouquets-card .image > .ray-ab-wishlist,
body.common-home .ray-all-bouquets-card .image > .ray-ab-wishlist-single,
body.common-home .ray-ab-actual .image > .ray-card-wishlist,
body.common-home .ray-ab-actual .image > .ray-ab-wishlist,
body.common-home .ray-ab-actual .image > .ray-ab-wishlist-single {
  background: rgba(255, 255, 255, .72) !important;
  border: 1px solid rgba(143, 13, 70, .13) !important;
  color: #8f0d46 !important;
  -webkit-backdrop-filter: blur(7px) !important;
  backdrop-filter: blur(7px) !important;
  box-shadow: 0 7px 18px rgba(70, 20, 40, .12) !important;
  animation: none !important;
}

body.common-home .ray-home-product-card .image > .ray-card-wishlist i,
body.common-home .ray-home-product-card .image > .ray-ab-wishlist i,
body.common-home .ray-home-product-card .image > .ray-ab-wishlist-single i,
body.common-home .ray-all-bouquets-card .image > .ray-card-wishlist i,
body.common-home .ray-all-bouquets-card .image > .ray-ab-wishlist i,
body.common-home .ray-all-bouquets-card .image > .ray-ab-wishlist-single i,
body.common-home .ray-ab-actual .image > .ray-card-wishlist i,
body.common-home .ray-ab-actual .image > .ray-ab-wishlist i,
body.common-home .ray-ab-actual .image > .ray-ab-wishlist-single i,
body.common-home .ray-home-product-card .image > [class*="wishlist"] i::before,
body.common-home .ray-all-bouquets-card .image > [class*="wishlist"] i::before,
body.common-home .ray-ab-actual .image > [class*="wishlist"] i::before {
  animation: none !important;
  transition: none !important;
}

/* Даже временный класс is-added не должен сам менять контур на заливку. */
body.common-home .ray-home-product-card .image > .ray-card-wishlist:not(.ray-wishlist-stable-active) i::before,
body.common-home .ray-home-product-card .image > .ray-ab-wishlist:not(.ray-wishlist-stable-active) i::before,
body.common-home .ray-home-product-card .image > .ray-ab-wishlist-single:not(.ray-wishlist-stable-active) i::before,
body.common-home .ray-all-bouquets-card .image > .ray-card-wishlist:not(.ray-wishlist-stable-active) i::before,
body.common-home .ray-all-bouquets-card .image > .ray-ab-wishlist:not(.ray-wishlist-stable-active) i::before,
body.common-home .ray-all-bouquets-card .image > .ray-ab-wishlist-single:not(.ray-wishlist-stable-active) i::before,
body.common-home .ray-ab-actual .image > .ray-card-wishlist:not(.ray-wishlist-stable-active) i::before,
body.common-home .ray-ab-actual .image > .ray-ab-wishlist:not(.ray-wishlist-stable-active) i::before,
body.common-home .ray-ab-actual .image > .ray-ab-wishlist-single:not(.ray-wishlist-stable-active) i::before {
  content: "\f08a" !important;
}

/* Заливка появляется только после реального нажатия пользователя. */
body.common-home .ray-home-product-card .image > .ray-wishlist-stable-active i::before,
body.common-home .ray-all-bouquets-card .image > .ray-wishlist-stable-active i::before,
body.common-home .ray-ab-actual .image > .ray-wishlist-stable-active i::before {
  content: "\f004" !important;
}

/* RAY QUICK CATEGORIES DEEPER OFFSET FIX 20260715
   Только дополнительный верхний отступ блока быстрых категорий на мобильной главной. */
@media (max-width: 767px) {
  html body.common-home .ray-home-final-quick .rm-container {
    padding-top: 156px !important;
  }
}

@media (max-width: 370px) {
  html body.common-home .ray-home-final-quick .rm-container {
    padding-top: 148px !important;
  }
}