/* Сохраняем пропорции изображений во всех попапах */
.t-popup img[src*=".png"] {
    object-fit: contain !important;
    max-width: 100% !important;
    max-height: 100% !important;
    background-color: transparent !important;
}

/* Для контейнеров изображений */
.t-popup .t-slds__bgimg,
.t-popup .t-store-popup__img,
.t-popup .t-store__popup__img {
    background-size: contain !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}
















/* --- Скрываем стандартные svg/img внутри кнопки --- */
.t-store__carticon svg,
.t706__carticon svg,
.t-store__carticon img:not(.custom-cart-icon),
.t706__carticon img:not(.custom-cart-icon) {
  display: none !important;
}

/* --- Обнуляем фон/тени/границы у самой кнопки и обёрток --- */
.t-store__carticon,
.t706__carticon,
.t-store__carticonwrapper,
.t706__carticonwrapper,
.t-store__carticon-wrapper,
.t706__carticon-wrapper,
.t-store__carticon-imgwrap,
.t706__carticon-imgwrap,
.t-store__carticon a,
.t706__carticon a {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border: none !important;
  border-radius: 0 !important;
}

/* --- Убираем возможные псевдоэлементы --- */
.t-store__carticon::before,
.t-store__carticon::after,
.t706__carticon::before,
.t706__carticon::after,
.t-store__carticonwrapper::before,
.t706__carticonwrapper::before {
  content: none !important;
  display: none !important;
}

/* --- Вставляем вашу иконку как background и задаём размеры (десктоп 200×200) --- */
.t-store__carticon-imgwrap,
.t706__carticon-imgwrap {
  width: 200px !important;
  height: 200px !important;
  background-image: url('https://static.tildacdn.com/tild3666-6333-4432-a532-383230323361/__-_4__2024_170507.png') !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}

/* --- Задаём размеры и отступы для контейнера корзины (десктоп) --- */
.t-store__carticon,
.t706__carticon {
  width: 200px !important;
  height: 200px !important;
  margin-left: auto !important;
  margin-right: -20px !important;
  margin-top: -60px !important;
}

/* --- Стили для счётчика: без подложки, позиционирование сверху сбоку с большим перекрытием --- */
.t-store__carticon-counter,
.t706__carticon-counter {
  position: absolute !important;
  top: 50px !important; /* Подняли выше для большего перекрытия */
  right: 90px !important; /* Сбоку с перекрытием */

 background: transparent !important;
background-color: transparent !important;
box-shadow: none !important;
border: none !important;
border-radius: 0 !important;
padding: 0 !important;
color: #ffc428 !important;
font-size: 30px !important;
 transform: rotate(70deg) !important; /* Поворот числа на 70 градусов */
 font-weight: 900 !important; /* Максимально жирный шрифт для мобильных */
font-family: 'Impact', 'Arial Black', 'Helvetica Neue Bold', Arial, sans-serif !important; /* Fallback для жирного шрифта */
font-variation-settings: "wght" 900 !important; /* Для переменных шрифтов */
}

/* --- Мобильные размеры и отступы (150×150, 20px top/right) --- */
@media only screen and (max-width: 980px) {
  .t-body .t-store__carticon-imgwrap,
  .t-body .t706__carticon-imgwrap {
    width: 150px !important;
    height: 150px !important;
    background-size: contain !important;
  }

  .t-body .t-store__carticon,
  .t-body .t706__carticon {
    width: 150px !important;
    height: 150px !important;
    margin-right: 5px !important;
    margin-top: -50px !important;
  }

  .t-body .t-store__carticon-counter,
  .t-body .t706__carticon-counter {
    top: 35px !important;
    right: 65px !important;
    font-size: 30px !important;
     transform: rotate(70deg) !important; /* Поворот числа на 70 градусов */
    font-weight: 900 !important; /* Максимально жирный шрифт для мобильных */
    font-family: 'Impact', 'Arial Black', 'Helvetica Neue Bold', Arial, sans-serif !important; /* Fallback для жирного шрифта */
    font-variation-settings: "wght" 900 !important; /* Для переменных шрифтов */
  }

  /* Крестик попапа */
  .t706__cartwin-close,
  .t-store__cartwin-close {
    display: block !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }
}

/* --- Убираем белое поле только у обёртки корзины, чтобы не затронуть попап --- */
.t-store__carticonwrapper,
.t706__carticonwrapper {
  background: transparent !important;
}

/* Добавляем переход для анимации, чтобы сохранить стандартную анимацию масштабирования */
.t-store__carticon,
.t706__carticon,
.t-store__carticon-imgwrap,
.t706__carticon-imgwrap {
  transition: transform 0.3s ease !important;
}