/* ГОРИЗОНТАЛЬНАЯ ПРОКРУТКА TAKESEO */

@media screen and (max-width: 980px) {

  /* 1) Горизонтальная прокрутка + старт отображения с конца */
  .uc-bc-scroll .t758__wrapper{
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch;
    width: 100%;
    max-width: 100%;

    /* показывать сразу правый край (конец крошек) */
    direction: rtl;

    /* скрыть скроллбар (Firefox) */
    scrollbar-width: none !important;
  }
  
    /* скрыть скроллбар (Chrome/Safari/Edge) */
  .uc-bc-scroll .t758__wrapper::-webkit-scrollbar{
    display: none !important;
  }

  /* крошки остаются в нормальном порядке */
  .uc-bc-scroll .t758__list{
    display: inline-flex !important;
    flex-wrap: nowrap !important;
    width: max-content !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;

    direction: ltr;
  }

  .uc-bc-scroll .t758__list_item{
    display: inline-flex !important;
    align-items: center !important;
    flex: 0 0 auto !important;
    white-space: nowrap !important;
  }

  .uc-bc-scroll .t758__link-item__wrapper,
  .uc-bc-scroll .t-menu__link-item,
  .uc-bc-scroll .t758__breadcrumb-divider{
    white-space: nowrap !important;
  }

  /* 2) Стрелка-подсказка фиксирована у края видимой области */
  .uc-bc-scroll{
    position: relative;
  }

  .uc-bc-scroll::before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 44px;
    height: 100%;
    pointer-events: none;
    z-index: 5;
    background: linear-gradient(to right, rgba(163,209,238,1), rgba(163,209,238,0));
  }

  .uc-bc-scroll::after{
    content: "";
    position: absolute;
    left: 14px;
    top: 50%;
    width: 10px;
    height: 10px;
    pointer-events: none;
    z-index: 6;

    border-right: 3px solid #A3D1EE;
    border-top: 3px solid #A3D1EE;
    transform: translateY(-50%) rotate(45deg);
    opacity: 0.9;

    animation: bcHintEdge 1.2s ease-in-out infinite;
  }

  @keyframes bcHintEdge{
    0%, 100% { transform: translateY(-50%) translateX(0) rotate(45deg); opacity: 0.35; }
    50%      { transform: translateY(-50%) translateX(8px) rotate(45deg); opacity: 1; }
  }
}

/* --- END ГОРИЗОНТАЛЬНАЯ ПРОКРУТКА TAKESEO --- */