/* ================================
   xStudio — FIX кнопок Store
   Единый размер + иконка корзины справа
   ================================ */

/* 1) Ровняем контейнер кнопок (две кнопки в ряд) */
.t-store__card__btns-wrapper {
  display: flex !important;
  gap: 10px !important;
  align-items: stretch !important;
}

/* 2) Делаем обе кнопки одинаковой ширины и высоты */
.t-store__card__btns-wrapper .t-store__card__btn,
.t-store__card__btns-wrapper .t-store__card__btn_second {
  flex: 1 1 0 !important;
  min-width: 0 !important;
}

/* 3) Единая высота/выравнивание текста для обеих кнопок */
.t-store__card__btns-wrapper .t-btnflex {
  height: 44px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
}

/* 4) Текст всегда по центру (и на белой, и на красной) */
.t-store__card__btns-wrapper .t-btnflex__text,
.t-store__card__btns-wrapper .t-store__card__btn-text {
  width: 100% !important;
  text-align: center !important;
  line-height: 1 !important;
  white-space: nowrap !important; /* не переносим */
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* ====== КРАСНАЯ КНОПКА: "В корзину" (иконка СПРАВА) ====== */
.t-store__card__btns-wrapper .x-cart-btn {
  position: relative !important;
  padding-right: 38px !important; /* место под иконку справа */
  padding-left: 16px !important;
}

/* Иконка корзины справа */
.t-store__card__btns-wrapper .x-cart-btn::after {
  content: "" !important;
  position: absolute !important;
  right: 12px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 18px !important;
  height: 18px !important;
  background: url("https://static.tildacdn.com/tild6531-3164-4433-a332-386262626464/_.svg") no-repeat center !important;
  background-size: contain !important;
  pointer-events: none !important;
}

/* ====== КРАСНАЯ КНОПКА: "Нет в наличии" (БЕЗ иконки) ====== */
.t-store__card__btns-wrapper .x-oos-btn {
  padding-right: 16px !important;
  padding-left: 16px !important;
}

/* На всякий: если кто-то добавил ::after — убираем */
.t-store__card__btns-wrapper .x-oos-btn::after {
  content: none !important;
}
/* ================================
   FIX: убрать левую корзину/дубли
   и оставить корзину справа только на "В корзину"
   ================================ */

/* 1) УБИРАЕМ любые штатные/старые иконки слева (часто это ::before) */
.t-store__card__btns-wrapper .t-store__card__btn_second::before,
.t-store__card__btns-wrapper .t-btnflex_type_button2::before {
  content: none !important;
  display: none !important;
  background: none !important;
}

/* 2) На всякий случай: если где-то остался старый класс cart-icon — глушим */
.t-store__card__btns-wrapper .cart-icon::before {
  content: none !important;
  display: none !important;
  background: none !important;
}

/* 3) "Нет в наличии" — без корзины, текст по центру, НЕ режем троеточием */
.t-store__card__btns-wrapper .x-oos-btn .t-btnflex__text,
.t-store__card__btns-wrapper .x-oos-btn .t-store__card__btn-text {
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

/* 4) "В корзину" — текст полностью, по центру, корзина справа нормального размера */
.t-store__card__btns-wrapper .x-cart-btn .t-btnflex__text,
.t-store__card__btns-wrapper .x-cart-btn .t-store__card__btn-text {
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

/* Корзина справа — чуть крупнее */
.t-store__card__btns-wrapper .x-cart-btn::after {
  width: 20px !important;
  height: 20px !important;
  right: 12px !important;
}
/* =========================================
   xStudio — корзина СЛЕВА, размер как текст
   ========================================= */

/* 1) Убираем любые старые/дубли иконок */
.t-store__card__btns-wrapper .t-store__card__btn_second::before,
.t-store__card__btns-wrapper .t-btnflex_type_button2::before,
.t-store__card__btns-wrapper .cart-icon::before,
.t-store__card__btns-wrapper .x-cart-btn::after {
  content: none !important;
  display: none !important;
  background: none !important;
}

/* 2) КНОПКА "В корзину" — центрируем связку (иконка + текст) */
.t-store__card__btns-wrapper .x-cart-btn{
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;          /* расстояние между иконкой и текстом */
  padding-left: 16px !important;
  padding-right: 16px !important;
}

/* текст — без растягивания, чтобы центр был ЧЕСТНЫЙ */
.t-store__card__btns-wrapper .x-cart-btn .t-btnflex__text,
.t-store__card__btns-wrapper .x-cart-btn .t-store__card__btn-text{
  width: auto !important;
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

/* 3) ИКОНКА КОРЗИНЫ СЛЕВА — размер как текст */
.t-store__card__btns-wrapper .x-cart-btn::before{
  content: "" !important;
  display: inline-block !important;
  width: 1em !important;        /* = размеру текста */
  height: 1em !important;
  background: url("https://static.tildacdn.com/tild6531-3164-4433-a332-386262626464/_.svg")
              no-repeat center !important;
  background-size: contain !important;
  flex: 0 0 auto !important;
  pointer-events: none !important;
}

/* 4) "Нет в наличии" — без иконки, текст строго по центру */
.t-store__card__btns-wrapper .x-oos-btn::before,
.t-store__card__btns-wrapper .
}
/* FIX: центрирование цветного кружка внутри обводки (особенно на MacBook/retina) */
.t-store .t-product__option-variant,
.t-store .t-store__card__opt-item,
.t-store .t-store__prod-popup__option-item {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
}

/* Если внутри есть отдельный элемент "цвет" — центрируем и его */
.t-store .t-product__option-variant * ,
.t-store .t-store__card__opt-item * ,
.t-store .t-store__prod-popup__option-item * {
  box-sizing: border-box !important;
}
/* =========================================
   FIX: одинаковый вид "Нет в наличии"
   (без смены фирменного цвета)
   ========================================= */

.t-store__card__btn_disabled,
.t-store__card__btn--disabled,
.x-oos-btn {
  opacity: 1 !important;
  filter: none !important;
}

/* Страховка: текст/иконки внутри тоже без приглушения */
.t-store__card__btn_disabled *,
.t-store__card__btn--disabled *,
.x-oos-btn * {
  opacity: 1 !important;
  filter: none !important;
}
/* ===== Card hover: lift + shadow ===== */
.t-store__card {
  transition: transform .18s ease, box-shadow .18s ease;
  will-change: transform;
}

.t-store__card:hover {
  transform: translateY(-6px);
  box-shadow: 0 18px 40px rgba(0,0,0,.10);
}
.t-store__card__descr[style*="display: none"] ~ .t-store__card__price {
  margin-top: 0 !important;
}
/* ==========================================
   XSTUDIO: Нет в наличии — приглушаем ТОЛЬКО В КАТАЛОГЕ (карточки)
   и НЕ ломаем кнопку "Оформить заказ" в карточке товара
========================================== */

/* 1) Приглушаем OOS кнопку в КАРТОЧКАХ каталога */
.t-store__card .x-oos-btn{
  opacity: .45 !important;
  filter: saturate(0.85) !important;
  cursor: default !important;
}

/* Убираем яркую красную обводку/рамку (если рисует inner-слой) */
.t-store__card .x-oos-btn,
.t-store__card .x-oos-btn .t-btnflex__btn,
.t-store__card .x-oos-btn .t-btnflex__wrap{
  border-color: rgba(0,0,0,.12) !important; /* или transparent */
  outline: none !important;
  box-shadow: none !important;
}

/* Важно: если хочешь чтобы в каталоге она НЕ нажималась — включаем только тут */
.t-store__card .x-oos-btn{
  pointer-events: none !important;
}

/* 2) А В КАРТОЧКЕ ТОВАРА (страница товара) — наоборот принудительно разрешаем клики */
.t-store__prod .x-oos-btn,
.t-store__prod a[href="#order"],
.t-store__prod a[href="#order"] *{
  pointer-events: auto !important;
  cursor: pointer !important;
  opacity: 1 !important;
  filter: none !important;
}

.t-popup .t706__product-title__option { display: none !important; }

/* xStudio Jost-overlap fix 07.07.2026 (Jarvis): заголовки zero-block в одну строку, как при Futura PT */
#rec557574139 .tn-elem__5575741391678121758517,
#rec557574594 .tn-elem__5575745941678191183154,
#rec557574594 .tn-elem__5575745941678192281802,
#rec570488804 .tn-elem__5704888041680118128181,
#rec570488804 .tn-elem__5704888041680250642194,
#rec570488804 .tn-elem__5704888041680250752280,
#rec570488804 .tn-elem__5704888041678192281802,
#rec557575056 .tn-elem__5575750561678439349671,
#rec557575056 .tn-elem__5575750561678707831920,
#rec557575056 .tn-elem__5575750561678707744768,
#rec557575056 .tn-elem__5575750561678707696729,
#rec508258526 .tn-elem__5082585261684746490742,
#rec508258526 .tn-elem__5082585261684746490747 {
  white-space: nowrap !important;
}
#rec557574594 .tn-elem__5575745941678192281802,
#rec570488804 .tn-elem__5704888041678192281802,
#rec508258526 .tn-elem__5082585261684746490742,
#rec508258526 .tn-elem__5082585261684746490747 {
  letter-spacing: -0.02em !important;
}

/* FIX 07.07 Jost-метрика: трейд-ин + контакты + футер (Джарвис) */
[data-elem-id="1678122889183"] .tn-atom { white-space: nowrap !important; }
[data-elem-id="1678728091714"] .tn-atom { white-space: nowrap !important; }
[data-elem-id="1678728305955"] .tn-atom { white-space: nowrap !important; }
[data-elem-id="1684746490695"] { width: auto !important; }
[data-elem-id="1684746490695"] .tn-atom { white-space: nowrap !important; width: auto !important; overflow: visible !important; }
[data-elem-id="1678707744768"] { width: auto !important; }
[data-elem-id="1678707744768"] .tn-atom { white-space: nowrap !important; overflow: visible !important; }

/* FIX 07.07 карточка товара (tproduct) — Джарвис */
/* убрать демо-заглушку imgfish (блок T107 на шаблоне карточки) */
#rec1842434141 { display: none !important; }
/* «Смотрите также»: отступы как на главной, кнопки не вылазят */
.t-store__relevants__container .t-store__card__title,
.t-store__relevants__container .t-store__card__price-wrapper,
.t-store__relevants__container .t-product__option,
.t-store__relevants__container .t-store__card__btns-wrapper {
  padding-left: 20px !important;
  padding-right: 20px !important;
  box-sizing: border-box !important;
}
.t-store__relevants__container .t-store__card__btn {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  max-width: none !important;
}

/* FIX 07.07b relevants-кнопки: не сжимать, padding как на главной (перебивает flex выше) */
.t-store__relevants__container .t-store__card__btn {
  flex: 0 1 auto !important;
  padding: 7px 6px !important;
  line-height: 1.4 !important;
  min-width: 0 !important;
  max-width: none !important;
}

/* FIX 07.07c футер карточки товара (rec511614516) — меню/контакты/график в одну строку (Сэр 07.07: футер одинаковый по всему сайту) */
#rec511614516 [data-elem-id="1677791496899"],
#rec511614516 [data-elem-id="1677791496902"],
#rec511614516 [data-elem-id="1677791496905"] { width: auto !important; }
#rec511614516 [data-elem-id="1677791496899"] .tn-atom,
#rec511614516 [data-elem-id="1677791496902"] .tn-atom,
#rec511614516 [data-elem-id="1677791496905"] .tn-atom,
#rec511614516 [data-elem-id="1677791496920"] .tn-atom,
#rec511614516 [data-elem-id="1677791496923"] .tn-atom,
#rec511614516 [data-elem-id="1677791496926"] .tn-atom,
#rec511614516 [data-elem-id="1677791496929"] .tn-atom,
#rec511614516 [data-elem-id="1677791496931"] .tn-atom,
#rec511614516 [data-elem-id="1677791496934"] .tn-atom,
#rec511614516 [data-elem-id="1678112197020"] .tn-atom,
#rec511614516 [data-elem-id="1677791496937"] .tn-atom,
#rec511614516 [data-elem-id="1677791496939"] .tn-atom,
#rec511614516 [data-elem-id="1677791496942"] .tn-atom,
#rec511614516 [data-elem-id="1677791496945"] .tn-atom,
#rec511614516 [data-elem-id="1677791496948"] .tn-atom,
#rec511614516 [data-elem-id="1677791496950"] .tn-atom,
#rec511614516 [data-elem-id="1677791496952"] .tn-atom,
#rec511614516 [data-elem-id="1677791496955"] .tn-atom,
#rec511614516 [data-elem-id="1677791496957"] .tn-atom,
#rec511614516 [data-elem-id="1677791496960"] .tn-atom,
#rec511614516 [data-elem-id="1677791496963"] .tn-atom,
#rec511614516 [data-elem-id="1684746266555"] .tn-atom {
  white-space: nowrap !important;
  overflow: visible !important;
}
/* «Технологии будущего уже здесь.» — не рвать слово посередине */
#rec511614516 [data-elem-id="1677791496918"] .tn-atom { word-break: normal !important; overflow-wrap: normal !important; }

/* FIX 07.07d футер: шрифт контактов меньше + подписка в 2 строки (Сэр 33909) */
/* контакты (email/whatsApp/график) обоих футеров — normal + мельче, без наезда на «Покупателю» */
#rec511614516 [data-elem-id="1677791496899"] .tn-atom,
#rec511614516 [data-elem-id="1677791496902"] .tn-atom,
#rec511614516 [data-elem-id="1677791496905"] .tn-atom,
#rec508258526 [data-elem-id="1684746490686"] .tn-atom,
#rec508258526 [data-elem-id="1684746490691"] .tn-atom,
#rec508258526 [data-elem-id="1684746490695"] .tn-atom {
  white-space: normal !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
  overflow: visible !important;
}
/* подписка — второе предложение мельче, влезает в 2 строки */
#rec511614515 [data-elem-id="1677667871370"] .tn-atom,
#rec508251365 [data-elem-id="1667227457696"] .tn-atom {
  font-size: 13px !important;
  line-height: 1.4 !important;
}

/* FIX 07.07e «Технологии будущего уже здесь» — не рвать слово посередине (Сэр) */
#rec511614516 [data-elem-id="1677791496918"] .tn-atom,
#rec508258526 [data-elem-id="1684746490713"] .tn-atom {
  white-space: nowrap !important;
  word-break: keep-all !important;
  overflow-wrap: normal !important;
  overflow: visible !important;
}

/* FIX 07.07f подписка — второе предложение в ОДНУ строку (второй ряд), Сэр 33915 */
#rec511614515 [data-elem-id="1677667871370"] .tn-atom,
#rec508251365 [data-elem-id="1667227457696"] .tn-atom {
  font-size: 11px !important;
  line-height: 1.3 !important;
  white-space: nowrap !important;
  overflow: visible !important;
}

/* FIX 07.07g «Технологии будущего уже здесь» — убрать дубль-переполнение (overflow visible→hidden) */
#rec511614516 [data-elem-id="1677791496918"] .tn-atom,
#rec508258526 [data-elem-id="1684746490713"] .tn-atom {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
}
/* JVS-SUBSCRIBE: подписка футера — крупнее + выравнивание ПОД карточки (десктоп). Анимация fadeinright не трогается.
   Фикс 08.07: left тянется за центрированным контейнером 1200px = calc(50% - 580px) вместо фикс. 120px.
   Замерено live: firstCard.x = center-580 на 1440/1920/2560 → текст встаёт ровно под первую карточку на любом
   широком дисплее (Apple Studio Display). Кнопка «Подписаться» уже привязана к центру (right = center+559), не трогаем. */
@media screen and (min-width:1200px){
  #rec508251365 [data-elem-id="1667227383858"],
  #rec511614515 [data-elem-id="1677667871368"]{
    left:calc(50% - 580px)!important;width:620px!important;top:22px!important;}
  #rec508251365 [data-elem-id="1667227383858"] .tn-atom,
  #rec511614515 [data-elem-id="1677667871368"] .tn-atom{
    font-size:31px!important;line-height:44px!important;text-align:center!important;width:100%!important;}
  #rec508251365 [data-elem-id="1667227457696"],
  #rec511614515 [data-elem-id="1677667871370"]{
    left:calc(50% - 580px)!important;width:620px!important;top:74px!important;}
  #rec508251365 [data-elem-id="1667227457696"] .tn-atom,
  #rec511614515 [data-elem-id="1677667871370"] .tn-atom{
    font-size:15px!important;line-height:21px!important;text-align:center!important;width:100%!important;opacity:.92!important;}
}

/* JVS-ORDERPOPUP: T702 попап «Оформить заказ» (rec604454697) — убрать левую колонку с пустыми Цвет/Объём null,
   оставить только форму по центру. Проверено live на iPhone 17e 512GB: форма центрируется чисто. */
#rec604454697 .t702__leftcol,
#rec604454697 .t702__img{ display:none!important; }
#rec604454697 .t702__wrapper{ width:100%!important;max-width:100%!important;float:none!important;margin:0 auto!important;box-sizing:border-box!important; }
#rec604454697 .t-popup__container.t-width_10{ max-width:520px!important; }

/* JVS-CARDLEFT: карточки — цена, кружок цвета, боксы объём/ОЗУ ровно по ЛЕВОЙ линии первой буквы названия (слово Сэра 08.07).
   Цена и боксы уже на линии; кружок цвета был +5px из-за .t-product__option-variants_custom{margin-left:5px} → обнуляем ТОЛЬКО у формы
   (не у items — иначе на мультицветных товарах кружки слипнутся). Название не трогаем. */
.t-store__card .t-product__option-variants_custom,
.t-store__card .t-product__option-variants{ margin-left:0!important; justify-content:flex-start!important; }

/* JVS-RECOBTN: блок «похожие товары» внизу карточки товара — кнопки как в каталоге: широкие, равные, в один ряд,
   + иконка корзины у «В корзину» (Сэр 08.07). Таргет строго .t-btn_xs — это старый тип кнопок ТОЛЬКО у рекомендаций;
   каталог/главная используют .t-btnflex_xs и не затрагиваются. Иконка — тот же tildacdn-svg, что на главной (::before, 13px). */
.t-store__card__btns-wrapper .t-store__card__btn.t-btn_xs{
  flex:1 1 0!important; width:auto!important; max-width:100%!important;
  text-align:center!important; justify-content:center!important; align-items:center!important;
}
/* ближе к краям карточки — шире, как каталог (уменьшаем боковой padding обёртки только у рекомендаций) */
.t-store__card__btns-wrapper:has(.t-btn_xs){ padding-left:10px!important; padding-right:10px!important; }
/* иконка корзины у «В корзину» = вторая кнопка карточки, НЕ disabled («Нет в наличии» её не получает).
   Класс x-cart-btn на поздно-рендеримых карточках рекомендаций не вешается — таргет по структуре js-store-prod-btn2. */
.t-store__card__btns-wrapper a.js-store-prod-btn2.t-btn_xs:not(.t-store__prod-popup__btn_disabled) .t-btnflex__text::before{
  content:""; display:inline-block; width:13px; height:13px; margin-right:7px; vertical-align:-1px;
  background:url("https://static.tildacdn.com/tild6531-3164-4433-a332-386262626464/_.svg") no-repeat center/contain;
}

/* JVS-CARDS: карточки товара во ВСЕХ блоках (главная/каталог/разделы/похожие) — Сэр 08.07.
   ✨ hover: плавный подъём + мягкая тень (карточка «оживает»). 🏷 цены: новая и старая зачёркнутая
   в ОДНУ строку (не переносить на узких карточках) + старая цена мельче/приглушённо-серая — аккуратно, как на хороших магазинах. */
.t-store__card{ transition: transform .28s cubic-bezier(.19,1,.22,1), box-shadow .28s ease !important; will-change: transform; }
.t-store__card:hover{ transform: translateY(-8px) !important; box-shadow: 0 14px 30px rgba(0,0,0,.13) !important; z-index:2 !important; }
.t-store__card__price-wrapper{ display:flex !important; flex-wrap:nowrap !important; align-items:baseline !important; justify-content:flex-start !important; gap:9px !important; white-space:nowrap !important; }
.t-store__card__price, .t-store__card__price_old{ white-space:nowrap !important; }
.t-store__card__price_old{ font-size:16px !important; color:#a0a0a0 !important; font-weight:400 !important; }

/* JVS-STATUS: статус наличия в карточке (Сэр 08.07) — 🟢 «В наличии» зелёным / 🔴 «Привезём под заказ» красным, аккуратно под характеристиками. */
.jvs-stock{ font-family:FuturaPT,Arial,sans-serif !important; font-size:14px !important; font-weight:600 !important; line-height:1.2 !important; margin:2px 0 12px !important; padding:0 2px !important; display:flex !important; align-items:center !important; gap:7px !important; letter-spacing:.2px; }
.jvs-stock::before{ content:""; width:8px; height:8px; border-radius:50%; display:inline-block; flex:0 0 8px; }
.jvs-stock-in{ color:#1ea55f !important; }
.jvs-stock-in::before{ background:#1ea55f; box-shadow:0 0 0 3px rgba(30,165,95,.16); }
.jvs-stock-oos{ color:#e0483d !important; }
.jvs-stock-oos::before{ background:#e0483d; box-shadow:0 0 0 3px rgba(224,72,61,.16); }

/* JVS-CARTBUBBLE: дубль уведомления «добавлено в корзину» — скрываем родное Тильдино T706, остаётся одно (кастомное nolim). */
.t706__bubble, .t706__bubble-container{ display:none !important; }