/* =========================================================
   LATJE — КАСТОМНАЯ КОРЗИНА + БЕЙДЖ
   ========================================================= */

/* прячем стандартную тильдовскую корзину */
.t706__carticon,
.t706__carticon-wrapper,
.t706__carticon-counter{
  display:none!important;
}

/* твоя иконка корзины в Zero Block.
   На элементе должен быть CSS class: cartcopy_elem */
.cartcopy_elem .tn-atom{
  position:relative!important;
  cursor:pointer!important;
  overflow:visible!important;
}

/* чтобы бейдж и иконка не обрезались внутри Zero Block */
.t396__elem.cartcopy_elem,
.t396__elem.cartcopy_elem .tn-atom{
  overflow:visible!important;
}

/* поднимаем слой элемента корзины над другими элементами */
.t396__elem.cartcopy_elem{
  z-index:999999!important;
}

/* сам бейдж количества товаров */
.cartcopy_elem .tn-atom .latje-cart-badge{
  position:absolute;
  top:6px;
  right:8px;

  width:21px;
  height:21px;
  border-radius:9999px;

  background:#FF33AD;
  color:#fff;

  display:inline-flex;
  align-items:center;
  justify-content:center;

  font-family:'TildaSans','Tilda Sans',Arial,sans-serif!important;
  font-size:10px;
  font-weight:600;
  line-height:1;

  opacity:0;
  transform:scale(.75);
  transition:opacity .18s ease, transform .18s ease;
  pointer-events:none;
  box-sizing:border-box;

  z-index:9999999!important;
}

/* показываем бейдж, когда в корзине есть товары */
.cartcopy_elem .tn-atom .latje-cart-badge.is-visible{
  opacity:1;
  transform:scale(1);
}

/* адаптация бейджа на мобильных */
@media (max-width: 480px){
  .t396__elem.cartcopy_elem .latje-cart-badge{
    top:4px!important;
    right:4px!important;
    width:15px!important;
    height:15px!important;
    font-size:10px!important;
  }
}


/* =========================================================
   LATJE — ГОРИЗОНТАЛЬНЫЙ СКРОЛЛ ДЛЯ ZERO BLOCK
   ========================================================= */

/* включаем горизонтальный скролл */
.uc-scroll .t396__artboard {
  overflow-x: auto !important;
  overflow-y: hidden !important;
  -webkit-overflow-scrolling: touch;
  cursor: grab;
}

/* курсор при перетаскивании */
.uc-scroll .t396__artboard:active {
  cursor: grabbing;
}

/* не трогаем структуру Tilda */
.uc-scroll {
  overflow: visible !important;
}

/* мобильное меню поверх всего */
.t-menuburger {
  position: relative;
  z-index: 999999 !important;
}

.t-mmenu,
.t-mmenu__container,
.tmenu-mobile__menu {
  z-index: 999999 !important;
}

/* убираем горизонтальный скролл у всей страницы */
body {
  overflow-x: hidden !important;
}

/* скрыть скроллбар, но оставить саму прокрутку */
.uc-scroll .t396__artboard {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.uc-scroll .t396__artboard::-webkit-scrollbar {
  display: none;
}
</style>