/* Резервируем место под полосу прокрутки навсегда (даже когда контент не скроллится) -
   иначе при открытии окна корзины Тильда делает body{overflow:hidden}, полоса прокрутки
   исчезает, ширина страницы "под капотом" увеличивается на её толщину (обычно 15-17px),
   и весь фон визуально дёргается/прыгает в момент открытия и закрытия корзины. */
html{ overflow-y:scroll; scrollbar-gutter:stable; }

/* В блоке "Смотрите также" тильда сама анимирует появление карточек: каждая карточка
   стартует смещённой на 100px вниз и невидимой, затем "взлетает" на своё место с задержкой
   ~160мс одна за другой (fadeinup). Именно это ощущается как "прыжок"/"дёрганье" карточек.
   Убираем вертикальное смещение и рывок, оставляя мягкое одновременное появление. */
.t-store__relevants-grid-cont [data-animate-style]{
  transition: opacity 0.15s ease-out !important;
  transform: none !important;
  opacity: 1 !important;
}

/* Универсальный код для ВСЕХ блоков с карточками товара на сайте ffbeast.tilda.ws.
   Работает по общим классам Тильды (.js-product, .t-store__card, .js-store-prod-btn2 и т.д.),
   а не по id конкретного блока — поэтому автоматически покрывает:
   - блок #rec2470490731 (главная страница)
   - блок #rec2422407951 (страница /catalog, все страницы отдельных товаров /catalog/tproduct/...,
     включая кнопку "Добавить в корзину" на самой странице товара и карточки "Смотрите также")
   Если Тильда добавит ещё один блок с карточками товара где-то ещё — он подключится
   без каких-либо правок этого кода. */

.t-store__card-list{ align-items:stretch !important; }
.js-product{ display:flex !important; flex-direction:column !important; }
.t-store__card__wrap_txt-and-btns{ display:flex !important; flex-direction:column !important; flex:1 1 auto !important; }

.js-product.is-in-cart .js-store-prod-btn,
.js-product.is-in-cart .js-store-prod-btn2,
.js-product.is-in-cart .t-store__prod-popup__btn{ background-color:#279a43 !important; cursor:pointer; }

.js-product.is-in-cart .js-store-prod-btn:hover,
.js-product.is-in-cart .js-store-prod-btn2:hover,
.js-product.is-in-cart .t-store__prod-popup__btn:hover{
  background-color:#33cc58 !important;
}

.t-store__card__btns-wrapper{
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:nowrap !important;
  gap:8px;
  align-items:center;
  width:100%;
  box-sizing:border-box;
  margin-top:auto !important;
}
.t-store__card__btns-wrapper > a,
.t-store__card__btns-wrapper > .js-store-prod-btn2,
.t-store__card__btns-wrapper > .ffb-qty{
  flex:1 1 calc(50% - 4px) !important;
  width:auto !important;
  max-width:calc(50% - 4px) !important;
  min-width:0 !important;
  box-sizing:border-box !important;
  margin:0 !important;
  align-self:center !important;
  vertical-align:middle !important;
  justify-content:center;
  text-align:center;
}
.t-store__card__btns-wrapper > a:only-child,
.t-store__card__btns-wrapper > .js-store-prod-btn2:only-child{ flex:1 1 100% !important; max-width:100% !important; }

.ffb-qty{ order:1; }
.js-store-prod-btn{ order:2 !important; }
.js-store-prod-btn2.t-store__card__btn_second{ order:2 !important; }
.t-store__card__btn_second{ order:3; }

.ffb-qty{
  display:flex;
  align-items:center;
  justify-content:space-between !important;
  gap:4px;
  border:1px solid #e0e0e0;
  border-radius:10px;
  padding:6px 16px;
}
.ffb-qty button{
  display:flex;
  align-items:center;
  justify-content:center;
  background:transparent;
  border:none;
  font-size:25px !important;
  font-weight:600 !important;
  line-height:1;
  cursor:pointer;
  color:#2fae4e;
  width:20px;
  height:20px;
  padding:0;
}
.ffb-qty button:hover{ color:#24863a !important; }
.ffb-qty span{
  min-width:16px;
  text-align:center;
  font-weight:600;
  font-size:16px !important;
  color:#1a1a1a !important;
  line-height:1;
  font-family:'FFbeast' !important;
}

.t-store__card__textwrapper{ display:flex; flex-direction:column; }
.t-store__card__title{ order:1; margin-bottom:0; min-height:48.6px; }
.t-store__card__price-wrapper{ order:2; margin-top:8px !important; margin-bottom:0; }

/* Тильда каждые ~200-500мс (при перерисовке блока "Смотрите также") заново выставляет
   инлайн -webkit-line-clamp:1 на описании, а наш JS следом перебивает обратно на 2 -
   из-за этой "войны" высота блока описания скачет 17.5px <-> 35px каждые доли секунды,
   и вместе с ней дёргается всё, что ниже (цена, кнопки). Жёстко фиксируем высоту под
   ровно 2 строки независимо от текущего значения line-clamp, чтобы карточка больше
   не "прыгала" по высоте, даже в момент, когда Тильда на миг возвращает clamp:1. */
.t-store__card__descr{
  order:3;
  margin-top:8px;
  height:35px !important;
  min-height:35px !important;
  max-height:35px !important;
}

.t-store__card__price,
.t-store__prod-popup__price{
  display:flex !important;
  align-items:baseline !important;
  width:100% !important;
  gap:8px !important;
}

/* До переноса JS: не показывать чёрную «таблетку» на фото */
.t-store__card .t-store__card__mark-wrapper .t-store__card__mark{
  display:none !important;
}

/* «Предзаказ» рядом с суммой — размер как у названия товара */
.t-store__card__price .t-store__card__mark,
.t-store__prod-popup__price .t-store__card__mark,
.t-store__prod-popup__price .t-store__prod-popup__mark,
.t-store__prod-snippet .t-store__card__mark,
.js-product:not(.t-store__card) .t-store__card__mark,
body[class*="t-body"] .t-store__prod-popup .t-store__card__mark{
  background-color:transparent !important;
  color:#EE8A52 !important;
  border-radius:0 !important;
  padding:0 !important;
  margin-left:auto !important;
  width:auto !important;
  height:auto !important;
  display:inline !important;
  vertical-align:baseline !important;
  /* fallback = название в каталоге (.t-typography__title) */
  font-family:'FFbeast',Arial,sans-serif !important;
  font-weight:700 !important;
  font-size:18px !important;
  line-height:1.2 !important;
  white-space:nowrap !important;
  position:static !important;
  top:auto !important;
  left:auto !important;
  right:auto !important;
}

/* Пустой wrapper на фото после переноса лейбла */
.t-store__card__mark-wrapper:empty,
.t-store__card__mark-wrapper:not(:has(.t-store__card__mark)){
  display:none !important;
}

.t-store__prod-popup__btn{ font-weight:500 !important; }

/* Кнопка "Добавить в корзину" в блоке "Смотрите также" на странице товара использует другой
   шаблон Тильды (классы t-btn t-btn_xs без t-btnflex), из-за чего она ниже (35px), чем кнопки
   на главной/каталоге (45px). Выравниваем высоту и внутренние отступы под общий стиль. */
.js-store-prod-btn2.t-btn_xs{
  height:45px !important;
  padding-top:11px !important;
  padding-bottom:11px !important;
  line-height:22px !important;
}

/* В блоке "Смотрите также" число цены иногда появляется на 0.5-1 сек позже, чем всё
   остальное содержимое карточки (картинка, название, кнопка) - в этот момент видна только
   валюта "р" без цифр. Плавно скрываем блок цены на этот короткий момент, чтобы не было
   визуального "глюка", и сразу показываем, как только цифры реально появились в DOM. */
.t-store__card__price{ transition:opacity .15s ease; }
.t-store__card__price.ffb-price-hide{ opacity:0 !important; }

/* На странице товара (блок "подробнее", .t-store__prod-popup__btn-wrapper) три элемента:
   кнопка "Добавить в корзину"/"В корзине", степпер +/- (появляется после добавления
   в корзину) и кнопка "избранное" (сердечко) - она есть в блоке всегда.
   Логика: 1) весь блок ограничен максимальной шириной 315px (ЗНАЧЕНИЕ ДЛЯ РЕДАКТИРОВАНИЯ
   указано ниже), чтобы кнопка не растягивалась на всю ширину поповера; 2) сердечко
   всегда фиксированной естественной ширины и всегда справа от кнопки/степпера;
   3) когда товара ещё нет в корзине - кнопка "Добавить в корзину" занимает всё
   оставшееся место (не 50%, иначе текст обрезается на мобильных); 4) когда товар
   в корзине - степпер занимает свою естественную ширину, а кнопка "В корзине"
   занимает всё оставшееся место (тоже не жёсткое 50/50, чтобы кнопке всегда
   хватало места под текст). */
.t-store__prod-popup__btn-wrapper{
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:nowrap !important;
  align-items:center !important;
  gap:8px !important;
  width:100% !important;
  max-width:315px !important; /* <-- ЗДЕСЬ меняется общая максимальная ширина блока кнопок на странице товара */
}
.t-store__prod-popup__btn-wrapper .t1002__addBtn{
  order:3 !important;
  flex:0 0 auto !important;
}
.js-product:not(.is-in-cart) .t-store__prod-popup__btn-wrapper .t-store__prod-popup__btn{
  order:2 !important;
  flex:1 1 auto !important;
  width:auto !important;
  max-width:none !important;
  box-sizing:border-box !important;
}
.js-product.is-in-cart .t-store__prod-popup__btn-wrapper .ffb-qty{
  order:1 !important;
  flex:0 0 auto !important;
  width:auto !important;
  box-sizing:border-box !important;
}
.js-product.is-in-cart .t-store__prod-popup__btn-wrapper .t-store__prod-popup__btn{
  order:2 !important;
  flex:1 1 auto !important;
  width:auto !important;
  max-width:none !important;
  min-width:0 !important;
  box-sizing:border-box !important;
  margin:0 !important;
}
/* Всплывающее окно при добавлении товара в корзину */
.t706__bubble{
  background-color: rgba(255,255,255,0.65) !important;
  -webkit-backdrop-filter: blur(14px) !important;
  backdrop-filter: blur(14px) !important;
  border: 1px solid rgba(0,0,0,0.08) !important;
  box-shadow: 0 4px 20px rgba(0,0,0,0.08) !important;
}
.t706__bubble-text{
  color: rgb(42,42,41) !important;
}
.t706__bubble-close{
  color: rgb(42,42,41) !important;
}

  /* Всплывающее окно при добавлении товара в избраное */
.t1002__bubble{
  background-color: rgba(255,255,255,0.65) !important;
  -webkit-backdrop-filter: blur(14px) !important;
  backdrop-filter: blur(14px) !important;
  border: 1px solid rgba(0,0,0,0.08) !important;
  box-shadow: 0 4px 20px rgba(0,0,0,0.08) !important;
}
.t1002__bubble-text{
  color: rgb(42,42,41) !important;
}
.t1002__bubble-close{
  color: rgb(42,42,41) !important;
}

/* ═══ Корзина + избранное: единый slide справа, полная высота окна ═══ */
.t706__sidebar,
.t1002__wishlistwin{
  top: 0 !important;
  bottom: 0 !important;
  right: 0 !important;
  left: auto !important;
  height: 100% !important;
  min-height: 100vh !important;
  min-height: 100dvh !important;
}

.t706__sidebar-content,
.t706__cartpage,
.t1002__wishlistwin-content{
  background-color: #ffffff !important;
  top: 0 !important;
  bottom: 0 !important;
  right: 0 !important;
  left: auto !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 100vh !important;
  min-height: 100dvh !important;
  max-height: none !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  transition: transform 0.35s ease-in-out !important;
  transform: translateX(100%) !important;
  opacity: 1 !important;
}

.t706__sidebar-content.t706__sidebar-content_showed,
.t706__sidebar-content.ffb-panel-slide-open,
.t1002__wishlistwin-content.t1002__wishlistwin-content_showed,
.t1002__wishlistwin-content.ffb-panel-slide-open{
  transform: translateX(0) !important;
}

@media screen and (min-width: 961px){
  .t706__cartpage.t706__cartpage_showed,
  .t706__cartpage.ffb-panel-slide-open{
    transform: translateX(0) !important;
  }
}

@media screen and (min-width: 961px){
  .t706__sidebar-content,
  .t1002__wishlistwin-content{
    max-width: 560px !important;
  }
}

/* ═══ Мобильные панели: меню / корзина / избранное — шапка + крестик ═══ */
@media screen and (max-width: 960px){
  .t1002__wishlistwin,
  .t706__sidebar{
    left: 0 !important;
    width: 100% !important;
  }

  .t706__sidebar-content,
  .t706__cartpage,
  .t1002__wishlistwin-content{
    left: 0 !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-bottom: max(20px, env(safe-area-inset-bottom)) !important;
  }

  /* Tilda на мобилке: showed не открывает панель — только slide через .ffb-panel-slide-open */
  .t706__cartpage{
    opacity: 1 !important;
    transition: transform 0.35s ease-in-out !important;
    will-change: transform;
    transform: translateX(100%) !important;
  }

  .t706__cartpage.t706__cartpage_showed:not(.ffb-panel-slide-open){
    transform: translateX(100%) !important;
  }

  .t706__cartpage.ffb-panel-slide-open{
    transform: translateX(0) !important;
  }

  #rec1724084621 .t-popup__container{
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 100dvh !important;
    min-height: 100svh !important;
    max-height: none !important;
    margin: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-bottom: max(20px, env(safe-area-inset-bottom)) !important;
    box-sizing: border-box !important;
    transition: transform 0.35s ease-in-out !important;
    transform: translateX(100%) !important;
    opacity: 1 !important;
  }

  #rec1724084621 .t-popup_show .t-popup__container{
    transform: translateX(0) !important;
  }

  .t1002__wishlistwin-content{
    margin: 0 !important;
  }

  /* Единая шапка: корзина + избранное */
  .t706__sidebar-top,
  .t706__cartpage-top,
  .t1002__wishlistwin-top{
    position: relative !important;
    display: block !important;
    background: transparent !important;
    min-height: 50px !important;
    margin: 0 0 20px !important;
    padding: calc(50px + env(safe-area-inset-top, 0px)) 20px 20px !important;
    border-bottom: 1px solid rgba(0,0,0,0.2) !important;
    box-sizing: border-box !important;
  }

  .t706__cartpage-top{
    justify-content: flex-start !important;
  }

  .t706__sidebar-heading,
  .t706__cartpage-heading,
  .t1002__wishlistwin-heading{
    margin: 0 !important;
    padding: 0 44px 0 0 !important;
    color: #2a2a29 !important;
    font-family: 'FFbeast', var(--t-headline-font, Arial), sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    text-align: left !important;
    text-transform: uppercase !important;
  }

  /* У корзины на мобилке «назад» дублирует закрытие — оставляем только крестик */
  .t706__cartpage-back{
    display: none !important;
  }

  /* Крестик: полоса сверху (sidebar / избранное / меню) */
  .t706__sidebar-close,
  .t1002__wishlistwin-close,
  #rec1724084621 .t-popup__close,
  #rec1724084621 .t-popup__block-close{
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    height: calc(50px + env(safe-area-inset-top, 0px)) !important;
    margin: 0 !important;
    padding: env(safe-area-inset-top, 0px) 20px 0 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    transform: none !important;
    z-index: 10000010 !important;
    background: transparent !important;
    color: #2a2a29 !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transition: opacity 0.2s ease !important;
  }

  /* Крестик корзины — сама кнопка, правый верхний угол как у избранного */
  .t706__cartpage-close{
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    left: auto !important;
    width: auto !important;
    height: calc(50px + env(safe-area-inset-top, 0px)) !important;
    margin: 0 !important;
    padding: calc(10px + env(safe-area-inset-top, 0px)) 20px 10px 10px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transform: none !important;
    z-index: 10000010 !important;
    background: transparent !important;
    color: #2a2a29 !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transition: opacity 0.2s ease !important;
  }

  .t706__sidebar-close.ffb-panel-close-ready,
  .t706__cartpage-close.ffb-panel-close-ready,
  .t1002__wishlistwin-close.ffb-panel-close-ready,
  #rec1724084621 .t-popup__close.ffb-panel-close-ready,
  #rec1724084621 .t-popup__block-close.ffb-panel-close-ready{
    opacity: 1 !important;
    pointer-events: auto !important;
  }

  .t706__sidebar-close-btn,
  .t1002__wishlistwin-close-wrapper,
  #rec1724084621 .t-popup__close-wrapper,
  #rec1724084621 .t-popup__block-close-button{
    position: static !important;
    top: auto !important;
    right: auto !important;
    background: transparent !important;
    border: none !important;
    padding: 10px !important;
    width: auto !important;
    height: auto !important;
    cursor: pointer !important;
  }

  .t706__sidebar-close-icon,
  .t1002__wishlistwin-close-icon,
  .t706__cartpage-close-icon,
  #rec1724084621 .t-popup__close-icon{
    width: 16px !important;
    height: 16px !important;
    display: block !important;
  }

  .t706__sidebar-close-icon,
  .t706__sidebar-close-icon g,
  .t706__sidebar-close-icon rect,
  .t1002__wishlistwin-close-icon,
  .t1002__wishlistwin-close-icon g,
  .t1002__wishlistwin-close-icon rect,
  .t706__cartpage-close-icon,
  .t706__cartpage-close-icon g,
  .t706__cartpage-close-icon path,
  #rec1724084621 .t-popup__close-icon,
  #rec1724084621 .t-popup__close-icon g{
    fill: #2a2a29 !important;
  }

  .t706__sidebar-products,
  .t706__cartpage-content,
  .t1002__wishlistwin-products{
    padding-left: 20px !important;
    padding-right: 20px !important;
    box-sizing: border-box !important;
  }

  /* Меню — белый фон, как у корзины и избранного */
  #rec1724049931 .tn-elem[data-elem-id="1764351442886"] .tn-atom{
    background-color: #ffffff !important;
  }
}

/* ═══ ЛК: иконка/подпись не прыгают при входе ═══ */
.ffb-account-icon,
.tn-elem__24874531811784617720628000002,
.tn-elem__17240499311787919504148000005,
#rec2487453181 .tn-elem[data-elem-id="1784617720628000002"],
#rec1724049931 .tn-elem[data-elem-id="1787919504148000005"]{
  display: block !important;
  width: 26px !important;
  height: 26px !important;
  max-width: 26px !important;
  max-height: 26px !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

.ffb-account-icon .tn-atom__img,
.tn-elem__24874531811784617720628000002 .tn-atom__img,
.tn-elem__17240499311787919504148000005 .tn-atom__img,
#rec2487453181 .tn-elem[data-elem-id="1784617720628000002"] .tn-atom__img,
#rec1724049931 .tn-elem[data-elem-id="1787919504148000005"] .tn-atom__img{
  width: 26px !important;
  height: 26px !important;
  max-width: 26px !important;
  max-height: 26px !important;
  object-fit: contain !important;
  object-position: 42% 50% !important;
  display: block !important;
  margin: 0 !important;
}

/* Подпись: фиксированная ширина под «Личный кабинет» */
.ffb-account-label,
.tn-elem__24874531811784617720628000001,
.tn-elem__17240499311787919504148000004,
#rec2487453181 .tn-elem[data-elem-id="1784617720628000001"],
#rec1724049931 .tn-elem[data-elem-id="1787919504148000004"]{
  width: 86px !important;
  max-width: 86px !important;
  text-align: center !important;
  box-sizing: border-box !important;
}

.tn-elem__24874531811784617720628000001 .tn-atom,
.tn-elem__17240499311787919504148000004 .tn-atom,
#rec2487453181 .tn-elem[data-elem-id="1784617720628000001"] .tn-atom,
#rec1724049931 .tn-elem[data-elem-id="1787919504148000004"] .tn-atom{
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
  text-align: center !important;
  justify-content: center !important;
}

@supports (-webkit-touch-callout: none){
  .t706__sidebar,
  .t1002__wishlistwin,
  .t706__sidebar-content,
  .t706__cartpage,
  .t1002__wishlistwin-content{
    height: -webkit-fill-available !important;
    min-height: -webkit-fill-available !important;
  }
}

/* Красная строка */

.ffb-article-p{
  text-indent: 15px !important;
  text-align: justify !important;
  margin: 0 !important;
  display: block !important;
}

/* Описание на странице товара — красная строка */
.js-store-prod-all-text{
  text-align: justify !important;
}
.js-store-prod-all-text.ffb-prod-text-indent{
  text-indent: 15px !important;
}
.js-store-prod-all-text .ffb-article-p{
  text-indent: 15px !important;
  text-align: justify !important;
  margin: 0 0 0.75em !important;
  display: block !important;
}
.js-store-prod-all-text .ffb-article-p:last-child{
  margin-bottom: 0 !important;
}

@media screen and (min-width: 961px){
#rec1724084621 .t-popup__close,
#rec1724084621 .t-popup__block-close {
    position: absolute !important;
  top: 30px !important;
  right: 20px !important;
    left: auto !important;
    width: auto !important;
    height: auto !important;
    padding: 0 !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }
}

/* Замена сердечка на карточках товара на фирменный значок FFBeast
   (те же SVG, что у иконки избранного в шапке) */
.t1002__addBtn svg {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
}

.t1002__addBtn {
  background: transparent !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Страница товара: без круглой обводки вокруг иконки */
.t-store__prod-popup__btn-wrapper .t1002__addBtn,
.t-store__prod-popup .t1002__addBtn,
.js-product:not(.t-store__card) .t1002__addBtn {
  border: 0 !important;
  border-width: 0 !important;
  border-style: none !important;
  border-color: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  background: transparent !important;
  background-color: transparent !important;
}

.t1002__addBtn::before {
  content: '' !important;
  display: block !important;
  width: 40px !important;
  height: 40px !important;
  background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3C%21--%20FFBeast%20header%20icon%3A%20%D0%98%D0%B7%D0%B1%D1%80%D0%B0%D0%BD%D0%BD%D0%BE%D0%B5%20%E2%80%94%20default%20--%3E%0A%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2040%2040%22%20width%3D%2240%22%20height%3D%2240%22%20aria-hidden%3D%22true%22%20role%3D%22img%22%3E%0A%20%20%3Cg%20transform%3D%22translate%282.0000%2010.1332%29%20scale%280.00725263%29%20translate%28-4041.60%20-2676.27%29%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M5228.26%204438.42l-265.5%200.04c31.88%2C242.38%20143%2C452.94%20310.89%2C514.22%2045.78%2C16.7%20157.25%2C24.37%20279.49%2C26.92%20-37.45%2C-38.21%20-72.78%2C-78.62%20-105.66%2C-121.11%20-95.87%2C-123.87%20-171.14%2C-265.28%20-219.22%2C-420.07z%22%20fill%3D%22%231A1A18%22%20stroke%3D%22%231A1A18%22%20stroke-width%3D%2252.92%22/%3E%0A%20%20%20%20%3Cpath%20d%3D%22M5209%203705.08l-681.37%20-0.39c33.82%2C295.6%20175.59%2C523.43%20425.16%2C535.45%2075.29%2C3.62%20152.79%2C5.42%20231.2%2C6.09%20-18.89%2C-123.38%20-21.08%2C-253.31%20-3.76%2C-388.06l0.64%20-4.83c6.62%2C-50.03%2016.05%2C-99.53%2028.13%2C-148.26z%22%20fill%3D%22%231A1A18%22%20stroke%3D%22%231A1A18%22%20stroke-width%3D%2252.92%22/%3E%0A%20%20%20%20%3Cpath%20d%3D%22M5665.85%202972.88l-1514.25%20-1.22c54.57%2C593.14%20438.13%2C535.89%20686.9%2C535.89%20135.73%2C0%20283.16%2C4.08%20432.64%2C7.25%2085.34%2C-208.84%20221.08%2C-396.26%20394.71%2C-541.92z%22%20fill%3D%22%231A1A18%22%20stroke%3D%22%231A1A18%22%20stroke-width%3D%2252.92%22/%3E%0A%20%20%20%20%3Cpath%20d%3D%22M7808.4%203512.81c136.46%2C-2.44%20271.49%2C-5.26%20400.45%2C-5.26%20190.81%2C0%20352.37%2C29.13%20490.84%2C-86.58%2087.37%2C-73.03%20185.75%2C-264.71%20195.63%2C-448.45l-1497.16%20-0.29c72.85%2C58.36%20140.23%2C123.97%20200.51%2C195.99%2085.93%2C102.68%20157.38%2C218.4%20209.73%2C344.59z%22%20fill%3D%22%231A1A18%22%20stroke%3D%22%231A1A18%22%20stroke-width%3D%2252.92%22/%3E%0A%20%20%20%20%3Cpath%20d%3D%22M7884.67%204246.31c71.72%2C-1.09%20142.06%2C-3.01%20209.73%2C-6.01%20258.22%2C-11.48%20381.07%2C-240.73%20425.2%2C-535.18l-648.34%201.33c35.53%2C149.09%2045.29%2C309.3%2023.09%2C477.28l-1.65%2012.04c-2.38%2C16.91%20-5.06%2C33.76%20-8.03%2C50.54z%22%20fill%3D%22%231A1A18%22%20stroke%3D%22%231A1A18%22%20stroke-width%3D%2252.92%22/%3E%0A%20%20%20%20%3Cpath%20d%3D%22M7519.01%204981.78c290.32%2C-1.71%20486.24%2C-67.56%20563.93%2C-543.71l-246.17%201.22c-65.17%2C202.66%20-173.84%2C389%20-317.76%2C542.49z%22%20fill%3D%22%231A1A18%22%20stroke%3D%22%231A1A18%22%20stroke-width%3D%2252.92%22/%3E%0A%20%20%20%20%3Cpath%20d%3D%22M6533.46%202786.27c690.61%2C0%201250.45%2C559.84%201250.45%2C1250.45%200%2C690.61%20-559.84%2C1250.45%20-1250.45%2C1250.45%20-690.61%2C0%20-1250.45%2C-559.84%20-1250.45%2C-1250.45%200%2C-690.61%20559.84%2C-1250.45%201250.45%2C-1250.45z%22%20fill%3D%22%231A1A18%22%20fill-rule%3D%22evenodd%22%20stroke%3D%22none%22/%3E%0A%20%20%20%20%3Cpath%20d%3D%22M6556.94%2C3233.02l175.91%20545%20681.74%20-1.3%20-552.26%20399.61%20211.87%20647.83%20-550.75%20-401.75%20-550.76%20401.75%20211.88%20-647.84%20-552.25%20-399.6%20681.72%201.3%20209.42%20-648.75%2033.48%20103.75z%22%20fill%3D%22%23FFFFFF%22%20fill-rule%3D%22evenodd%22%20stroke%3D%22none%22/%3E%0A%20%20%3C/g%3E%0A%3C/svg%3E%0A") !important;
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  transition: transform 0.2s ease;
}

/* Оранжевый круг + тёмная звезда — только когда товар в избранном (не по hover) */
.t1002__addBtn_active::before,
.t1002__addBtn.t1002__addBtn_active::before {
  background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3C%21--%20FFBeast%20header%20icon%3A%20%D0%98%D0%B7%D0%B1%D1%80%D0%B0%D0%BD%D0%BD%D0%BE%D0%B5%20%E2%80%94%20active%20--%3E%0A%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2040%2040%22%20width%3D%2240%22%20height%3D%2240%22%20aria-hidden%3D%22true%22%20role%3D%22img%22%3E%0A%20%20%3Cg%20transform%3D%22translate%282.0000%2010.1332%29%20scale%280.00725263%29%20translate%28-4041.60%20-7396.44%29%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M5228.26%209158.59l-265.5%200.04c31.88%2C242.38%20143%2C452.94%20310.89%2C514.22%2045.78%2C16.7%20157.25%2C24.37%20279.49%2C26.92%20-37.45%2C-38.21%20-72.78%2C-78.62%20-105.66%2C-121.11%20-95.87%2C-123.87%20-171.14%2C-265.28%20-219.22%2C-420.07z%22%20fill%3D%22%231A1A18%22%20stroke%3D%22%231A1A18%22%20stroke-width%3D%2252.92%22/%3E%0A%20%20%20%20%3Cpath%20d%3D%22M5209%208425.25l-681.37%20-0.39c33.82%2C295.6%20175.59%2C523.43%20425.16%2C535.45%2075.29%2C3.62%20152.79%2C5.42%20231.2%2C6.09%20-18.89%2C-123.38%20-21.08%2C-253.31%20-3.76%2C-388.06l0.64%20-4.83c6.62%2C-50.03%2016.05%2C-99.53%2028.13%2C-148.26z%22%20fill%3D%22%231A1A18%22%20stroke%3D%22%231A1A18%22%20stroke-width%3D%2252.92%22/%3E%0A%20%20%20%20%3Cpath%20d%3D%22M5665.85%207693.05l-1514.25%20-1.22c54.57%2C593.14%20438.13%2C535.89%20686.9%2C535.89%20135.73%2C0%20283.16%2C4.08%20432.64%2C7.25%2085.34%2C-208.84%20221.08%2C-396.26%20394.71%2C-541.92z%22%20fill%3D%22%231A1A18%22%20stroke%3D%22%231A1A18%22%20stroke-width%3D%2252.92%22/%3E%0A%20%20%20%20%3Cpath%20d%3D%22M7808.4%208232.98c136.46%2C-2.44%20271.49%2C-5.26%20400.45%2C-5.26%20190.81%2C0%20352.37%2C29.13%20490.84%2C-86.58%2087.37%2C-73.03%20185.75%2C-264.71%20195.63%2C-448.45l-1497.16%20-0.29c72.85%2C58.36%20140.23%2C123.97%20200.51%2C195.99%2085.93%2C102.68%20157.38%2C218.4%20209.73%2C344.59z%22%20fill%3D%22%231A1A18%22%20stroke%3D%22%231A1A18%22%20stroke-width%3D%2252.92%22/%3E%0A%20%20%20%20%3Cpath%20d%3D%22M7884.67%208966.48c71.72%2C-1.09%20142.06%2C-3.01%20209.73%2C-6.01%20258.22%2C-11.48%20381.07%2C-240.73%20425.2%2C-535.18l-648.34%201.33c35.53%2C149.09%2045.29%2C309.3%2023.09%2C477.28l-1.65%2012.04c-2.38%2C16.91%20-5.06%2C33.76%20-8.03%2C50.54z%22%20fill%3D%22%231A1A18%22%20stroke%3D%22%231A1A18%22%20stroke-width%3D%2252.92%22/%3E%0A%20%20%20%20%3Cpath%20d%3D%22M7519.01%209701.95c290.32%2C-1.71%20486.24%2C-67.56%20563.93%2C-543.71l-246.17%201.22c-65.17%2C202.66%20-173.84%2C389%20-317.76%2C542.49z%22%20fill%3D%22%231A1A18%22%20stroke%3D%22%231A1A18%22%20stroke-width%3D%2252.92%22/%3E%0A%20%20%20%20%3Cpath%20d%3D%22M6533.46%207506.44c690.61%2C0%201250.45%2C559.84%201250.45%2C1250.45%200%2C690.61%20-559.84%2C1250.45%20-1250.45%2C1250.45%20-690.61%2C0%20-1250.45%2C-559.84%20-1250.45%2C-1250.45%200%2C-690.61%20559.84%2C-1250.45%201250.45%2C-1250.45z%22%20fill%3D%22%23E27638%22%20fill-rule%3D%22evenodd%22%20stroke%3D%22none%22/%3E%0A%20%20%20%20%3Cpath%20d%3D%22M6556.94%2C7953.19l175.91%20545%20681.74%20-1.3%20-552.26%20399.61%20211.87%20647.83%20-550.75%20-401.75%20-550.76%20401.75%20211.88%20-647.84%20-552.25%20-399.6%20681.72%201.3%20209.42%20-648.75%2033.48%20103.75z%22%20fill%3D%22%231A1A18%22%20fill-rule%3D%22evenodd%22%20stroke%3D%22none%22/%3E%0A%20%20%3C/g%3E%0A%3C/svg%3E%0A") !important;
}

.t1002__addBtn:hover::before {
  transform: scale(1.1);
}

.t1002__addBtn:active::before {
  transform: scale(0.95);
  transition: transform 0.1s ease;
}

/* Эффект увеличения при наведении и сжатия при клике */
a.js-store-prod-btn2.t-store__card__btn_second,
.ffb-qty button,
.t706__product-minus,
.t706__product-plus {
  transition: transform 0.2s ease;
}

a.js-store-prod-btn2.t-store__card__btn_second:hover,
.ffb-qty button:hover,
.t706__product-minus:hover,
.t706__product-plus:hover {
  transform: scale(1.1);
}

a.js-store-prod-btn2.t-store__card__btn_second:active,
.ffb-qty button:active,
.t706__product-minus:active,
.t706__product-plus:active {
  transform: scale(0.95);
}

/* Эффект наведения и нажатия — только логотип FFBeast (левый верхний угол шапки) */
.tn-elem__24874531811782206746082 .tn-atom {
  transition: transform 0.2s ease;
}

.tn-elem__24874531811782206746082 .tn-atom:hover {
  transform: scale(1.03);
}

.tn-elem__24874531811782206746082 .tn-atom:active {
  transform: scale(0.98);
}

/* Кнопка в корзине продолжить оформление) */

.t706__sidebar .t706__sidebar-continue {
  transition: transform 0.2s ease, background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, opacity 0.2s ease-in-out, gap 0.2s ease-in-out !important;
}

.t706__sidebar .t706__sidebar-continue:hover {
  transform: scale(1.02);
}

.t706__sidebar .t706__sidebar-continue:active {
  transform: scale(0.99);
  transition: transform 0.1s ease !important;
}



/* «О проекте», «Перейти в каталог», «Скачать софт», «Отправить».
   Скорость как у «Добавить в корзину» на рабочей странице.
   Цвета, размеры, обводка и действия кнопок остаются прежними. */
#rec1500617951 [data-elem-id="1782293793790000002"] .tn-atom,
#rec1500617951 [data-elem-id="1782293835499000003"] .tn-atom,
#rec2422395101 [data-elem-id="1788942651069000002"] .tn-atom,
#rec2484081651 button.t-submit {
  transition:
    background-color 0.1s ease-in-out,
    color 0.1s ease-in-out,
    border-color 0.1s ease-in-out,
    box-shadow 0.1s ease-in-out,
    opacity 0.1s ease-in-out,
    transform 0.1s ease-in-out,
    gap 0.1s ease-in-out !important;
}

/* Одинаковое увеличение при наведении */
a.js-store-prod-btn2.t-store__card__btn_second:hover,
#rec1500617951 [data-elem-id="1782293793790000002"] .tn-atom:hover,
#rec1500617951 [data-elem-id="1782293835499000003"] .tn-atom:hover,
#rec2422395101 [data-elem-id="1788942651069000002"] .tn-atom:hover,
#rec2484081651 button.t-submit:hover {
  transform: scale(1.03);
}

/* Одинаковое сжатие при нажатии */
a.js-store-prod-btn2.t-store__card__btn_second:active,
#rec1500617951 [data-elem-id="1782293793790000002"] .tn-atom:active,
#rec1500617951 [data-elem-id="1782293835499000003"] .tn-atom:active,
#rec2422395101 [data-elem-id="1788942651069000002"] .tn-atom:active,
#rec2484081651 button.t-submit:active {
  transform: scale(0.98);
}

.js-store-buttons-wrapper {
  min-height: 48px !important;
  box-sizing: border-box !important;
}

.js-product .t1002__addBtn {
  top: -5px !important;
  right: -5px !important;
}

@media (max-width: 640px) {
  .js-product .t1002__addBtn {
    top: -30px !important;
    right: -10px !important;
  }
}

/* ═══ Хлебные крошки + ЛК userbar (из HEAD) ═══ */
#breadcrumbs.ffb-breadcrumbs,
  #breadcrumbs,
  .tmst-breadcrumbs {
    display: block;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 24px !important;
    margin-bottom: 8px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    box-sizing: border-box !important;
    max-width: 1200px !important;
    width: 100% !important;
    text-align: left !important;
    font-family: 'FFbeast', Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    letter-spacing: -0.5px !important;
    line-height: 1.24 !important;
    color: #2a2a29 !important;
  }

  #breadcrumbs a,
  #breadcrumbs span,
  .tmst-breadcrumbs a,
  .tmst-breadcrumbs button,
  .tmst-breadcrumbs span {
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    letter-spacing: inherit !important;
    line-height: inherit !important;
  }

  #breadcrumbs a,
  .tmst-breadcrumbs a,
  .tmst-breadcrumbs button.tmst-breadcrumbs__item {
    color: #2a2a29 !important;
    text-decoration: none !important;
    background: none !important;
    border: none !important;
    padding: 0 !important;
    cursor: pointer;
  }

  #breadcrumbs a:hover,
  .tmst-breadcrumbs a:hover,
  .tmst-breadcrumbs button.tmst-breadcrumbs__item:hover {
    color: #000 !important;
  }

  #breadcrumbs .ffb-bc-sep,
  .tmst-breadcrumbs .tmst-breadcrumbs__divider {
    color: #858585 !important;
    white-space: pre !important;
    margin: 0 !important;
  }

  #breadcrumbs .ffb-bc-current,
  .tmst-breadcrumbs .tmst-breadcrumbs__item_current {
    color: #858585 !important;
    opacity: 1 !important;
    cursor: default !important;
  }

  .tmst-breadcrumbs .tmst-breadcrumbs__wrap {
    display: block !important;
    flex-wrap: unset !important;
    align-items: unset !important;
  }

  .tmst-breadcrumbs .tmst-breadcrumbs__wrap > * {
    margin-right: 0 !important;
    display: inline !important;
    vertical-align: baseline !important;
  }

  .tmst-breadcrumbs .tmst-breadcrumbs__item {
    white-space: nowrap !important;
  }

  .tmst-breadcrumbs a.tmst-breadcrumbs__home,
  .tmst-breadcrumbs a.ffb-lk-home {
    display: inline !important;
    position: static !important;
    width: auto !important;
    min-width: 0 !important;
    height: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    vertical-align: baseline !important;
    overflow: visible !important;
    white-space: nowrap !important;
    color: #2a2a29 !important;
    background: none !important;
    background-image: none !important;
    font-size: inherit !important;
    line-height: inherit !important;
    text-indent: 0 !important;
  }

  /* Домик Members — любая иконка/псевдоэлемент */
  .tmst-breadcrumbs a.tmst-breadcrumbs__home svg,
  .tmst-breadcrumbs a.tmst-breadcrumbs__home img,
  .tmst-breadcrumbs a.tmst-breadcrumbs__home i,
  .tmst-breadcrumbs a.tmst-breadcrumbs__home [class*="icon"],
  .tmst-breadcrumbs a.tmst-breadcrumbs__home [class*="Icon"],
  .tmst-breadcrumbs a.ffb-lk-home svg,
  .tmst-breadcrumbs a.ffb-lk-home img,
  .tmst-breadcrumbs a.ffb-lk-home i,
  .tmst-breadcrumbs a.ffb-lk-home [class*="icon"],
  .tmst-breadcrumbs a.ffb-lk-home [class*="Icon"] {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  .tmst-breadcrumbs a.tmst-breadcrumbs__home::before,
  .tmst-breadcrumbs a.tmst-breadcrumbs__home::after,
  .tmst-breadcrumbs a.ffb-lk-home::before,
  .tmst-breadcrumbs a.ffb-lk-home::after {
    content: none !important;
    display: none !important;
  }

  .tmst-breadcrumbs a.ffb-lk-home .ffb-lk-home-text {
    display: inline !important;
    color: #2a2a29 !important;
    font-family: inherit !important;
    font-size: inherit !important;
  }

  body.ffb-on-members #breadcrumbs,
  #allrecords:has(.tmst-breadcrumbs) #breadcrumbs,
  #allrecords:has(.tmst-profile) #breadcrumbs,
  #allrecords:has(.tmst-orders) #breadcrumbs {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  @media screen and (max-width: 1200px) {
    #breadcrumbs,
    .tmst-breadcrumbs { max-width: 980px !important; }
  }
  @media screen and (max-width: 960px) {
    #breadcrumbs,
    .tmst-breadcrumbs { max-width: 640px !important; }
  }
  @media screen and (max-width: 768px) {
    #breadcrumbs, #breadcrumbs a, #breadcrumbs span,
    .tmst-breadcrumbs, .tmst-breadcrumbs a, .tmst-breadcrumbs button, .tmst-breadcrumbs span {
      font-size: 12px !important;
    }
  }
.tlk-userbar__popup,
  .tlk-userbar__popup.tlk-userbar__popup-show {
    z-index: 10000060 !important;
  }

  /* Не даём корню userbar влиять на вёрстку шапки/меню */
  .tlk-userbar {
    z-index: 10000055 !important;
    pointer-events: none !important;
  }
  .tlk-userbar .tlk-userbar__popup,
  .tlk-userbar a,
  .tlk-userbar button {
    pointer-events: auto !important;
  }

  .tlk-authModal,
  #authModal {
    z-index: 10000060 !important;
}