/* Основной контейнер - горизонтальный скролл */
.cristallShipping-scroll {
    display: flex ;
    flex-wrap: wrap ;
    overflow-x: auto ;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    padding: 0.35714285714285715em 0;
    gap: 0.5em;
}

/* Стилизация скроллбара (опционально) */
.cristallShipping-scroll::-webkit-scrollbar {
    height: 4px;
}

.cristallShipping-scroll::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,0.2);
    border-radius: 4px;
}

.cristallShipping-scroll::-webkit-scrollbar-track {
    background: transparent;
}

/* Кнопка внутри скролл-контейнера */
.cristallShipping-item {
    flex: 0 0 auto ;
    min-width: 80px;
    width: auto ;
    padding: 0.7142857142857143em 1.2em ;
    border: 1px solid #cacaca ;
    cursor: pointer ;
    transition: border-color 200ms linear, background 200ms linear ;
    user-select: none ;
    text-align: center ;
    background: #fcfcfc ;
    white-space: nowrap ;
    /*border-radius: 3px ;*/
    margin: 0 ;
    font-size: 0.9em;
    line-height: 1.2;
}

/* Состояние hover */
.cristallShipping-item:hover {
    border-color: rgba(0,128,255,0.2) ;
    z-index: 1;
}

/* Активное состояние (выбранная кнопка) */
.cristallShipping-item.is-active {
    border: 1px solid #005bff ;
    /*box-shadow: inset 0 1px 3px 0 rgba(0,0,0,0.2), inset 0 -2px 3px 0 rgba(255,255,255,0.5) ;
    background: #d9ecff linear-gradient(to bottom, #d9ecff, #e6f2ff) ;*/
    z-index: 1;
}

.cristallShipping-item .ui-datepicker-trigger {
  all: unset;
  display: inline;
  cursor: default;
}

/* Скрываем стандартные скроллбары в Firefox */
.cristallShipping-scroll {
    scrollbar-width: thin;
}

/* Для Firefox - скрываем скроллбар совсем (опционально) */
.cristallShipping-scroll {
    scrollbar-width: none; /* скрыть полностью */
}

.cristallShipping-scroll::-webkit-scrollbar {
    display: none; /* скрыть для Chrome/Safari */
}

/* Если нужно показывать скроллбар только при наведении */
.cristallShipping-scroll:hover::-webkit-scrollbar {
    display: block;
    height: 4px;
}

.cristallShipping-scroll:hover {
    scrollbar-width: thin;
}