/* ПК */
@media (min-width: 981px) {
  .t-catalog__prod-popup__btn-wrapper .t1002__addBtn {
    width: 52px !important;
    height: 52px !important;
    min-width: 52px !important;
    min-height: 52px !important;
    border-radius: 50% !important;
  }
}

/* Телефон */
@media (max-width: 980px) {
  .t-catalog__prod-popup__btn-wrapper .t1002__addBtn {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    border-radius: 50% !important;
  }
}

@media (max-width: 980px) {

  .t-catalog__prod-popup__btn {
    height: 42px !important;
    min-height: 42px !important;

    font-size: 14px !important;

    padding-left: 18px !important;
    padding-right: 18px !important;
  }

}
/* Карточка товара — отступ сверху только на телефонах */
@media (max-width: 980px) {
  .t-catalog__prod-snippet__container {
    padding-top: 5px !important;
  }
}

/* Компьютер */
@media (min-width: 981px) {
  .t-catalog__prod-snippet__container {
    padding-top: 80px !important;
  }
}

@media (max-width: 980px) {

  .uc-thebond-carousel {
    --side-gap: 5px;   /* ОТСТУП ОТ КРАЯ ЭКРАНА */
    --cards-gap: 5px;  /* РАССТОЯНИЕ МЕЖДУ КАРТОЧКАМИ */

    overflow-x: visible !important;
  }


  /*
  Разрешаем выход за границы ТОЛЬКО контейнерам,
  которые являются родителями ленты.
  Содержимое самих карточек это не затрагивает.
  */
  .uc-thebond-carousel *:has(.t-catalog__card-list) {
    overflow-x: visible !important;
  }


  /* САМА ЛЕНТА */
  .uc-thebond-carousel .t-catalog__card-list {

    display: flex !important;
    flex-wrap: nowrap !important;

    /*
    Лента занимает ширину именно экрана,
    независимо от внутренних отступов Tilda
    */
    width: 100vw !important;
    max-width: 100vw !important;

    /*
    Центрируем 100vw относительно экрана,
    даже если каталог находится внутри контейнера Tilda
    */
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;

    /* ОТСТУПЫ ОТ КРАЁВ */
    padding-left: var(--side-gap) !important;
    padding-right: var(--side-gap) !important;

    /* РАССТОЯНИЕ МЕЖДУ КАРТОЧКАМИ */
    gap: var(--cards-gap) !important;

    box-sizing: border-box !important;

    /*
    Скролл разрешён ТОЛЬКО самой карусели
    */
    overflow-x: auto !important;
    overflow-y: hidden !important;

    scroll-snap-type: x mandatory !important;
    scroll-padding-left: var(--side-gap) !important;

    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
  }


  .uc-thebond-carousel .t-catalog__card-list::-webkit-scrollbar {
    display: none !important;
  }


  /* КАРТОЧКИ */
  .uc-thebond-carousel .t-catalog__card {

    /*
    Автоматически помещаем ровно 2 карточки:

    ширина экрана
    − левый отступ
    − правый отступ
    − промежуток между карточками
    ÷ 2
    */

    flex: 0 0 calc(
      (100vw - (var(--side-gap) * 2) - var(--cards-gap)) / 2
    ) !important;

    width: calc(
      (100vw - (var(--side-gap) * 2) - var(--cards-gap)) / 2
    ) !important;

    min-width: calc(
      (100vw - (var(--side-gap) * 2) - var(--cards-gap)) / 2
    ) !important;

    max-width: calc(
      (100vw - (var(--side-gap) * 2) - var(--cards-gap)) / 2
    ) !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;

    scroll-snap-align: start !important;
  }


  /* ИЗОБРАЖЕНИЯ */
  .uc-thebond-carousel .t-catalog__card img,
  .uc-thebond-carousel .t-catalog__card-img {
    width: 100% !important;
    height: auto !important;
    max-width: none !important;
    display: block !important;
  }


  .uc-thebond-carousel .t-catalog__card > * {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

}

/*@media (max-width: 980px) {

  .uc-thebond-carousel .t-catalog__card-list {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    gap: 10px !important;
    padding-left: 0 !important;
    padding-right: 30px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
    scroll-snap-type: x mandatory !important;
    scroll-padding-left: 0 !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
  }

  .uc-thebond-carousel .t-catalog__card-list::-webkit-scrollbar {
    display: none !important;
  }

  .uc-thebond-carousel .t-catalog__card {
    flex: 0 0 calc((100vw - 50px) / 2) !important;
    min-width: calc((100vw - 50px) / 2) !important;
    max-width: calc((100vw - 50px) / 2) !important;
    margin: 0 !important;
    padding: 0 !important;
    scroll-snap-align: start !important;
  }

  .uc-thebond-carousel .t-catalog__card img,
  .uc-thebond-carousel .t-catalog__card-img {
    width: 100% !important;
    height: auto !important;
    max-width: none !important;
    display: block !important;
  }

  .uc-thebond-carousel .t-catalog__card > * {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}*/


@media (min-width: 961px) {

  /* Скрываем ВСЁ кроме стрелок */
  .uc-thebond-pager .t-catalog__pagination__item:not(.t-catalog__pagination__item_prev):not(.t-catalog__pagination__item_next) {
    display: none !important;
  }

  .uc-thebond-pager .t-catalog__pagination__item_page,
  .uc-thebond-pager .t-catalog__pagination__item_dots,
  .uc-thebond-pager .t-catalog__pagination__item_ellipsis {
    display: none !important;
  }

  .uc-thebond-pager .t-catalog__pagination {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 40px !important;
    margin-top: 30px !important;
    margin-bottom: 0 !important;
  }

  .uc-thebond-pager .t-catalog__pagination__item_prev,
  .uc-thebond-pager .t-catalog__pagination__item_next {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 48px !important;
    height: 48px !important;
    border: none !important;
    background: transparent !important;
    font-size: 34px !important;
    line-height: 1 !important;
    color: #000 !important;
    padding: 0 !important;
    transition: opacity .2s ease !important;
  }

  .uc-thebond-pager .t-catalog__pagination__item_prev:hover,
  .uc-thebond-pager .t-catalog__pagination__item_next:hover {
    opacity: .6 !important;
  }