/* ================================
   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;
}