:root {
    /*  ниже - значения по умолчанию: если они вас устраивают - ничего в html добавлять не нужно */
    --custom-select-dropdown-min-width: 0;
    --custom-select-dropdown-width: 100%;
    --custom-select-dropdown-left: 0;
    /*  по умолчанию right auto, если есть фиксированная ширина и нужно выравнивание по правому краю, ставим: --custom-select-dropdown-left: auto; --custom-select-dropdown-right: 0 */
    --custom-select-dropdown-right: auto;
    /* ширина для назрешения равно и меньше 992  */
    --custom-select-dropdown-width-lg: 100%;
    /* ширина для назрешения равно и меньше 768  */
    --custom-select-dropdown-width-md: 100%;
    /* ширина для назрешения равно и меньше 576  */
    --custom-select-dropdown-width-sm: 100%;
}
.custom-select {
    min-width: var(--custom-select-dropdown-min-width);
}
.custom-select__results {
    height: 48px;
    cursor: pointer;
    transition: 0.3s;
}
.custom-select__results-min {
    height: 40px;
    width: 112px;
}
.custom-select__results.is-focus {
    border-color:#FF6E00;
}
.custom-select__dropdown {
    top: 100%;
    left: var(--custom-select-dropdown-left);
    right: var(--custom-select-dropdown-right);
    width: var(--custom-select-dropdown-width);
    z-index: 100;
    box-shadow: 0px 4px 30px 0px #00000014;
}  
.custom-select__dropdown-list {
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
}
.custom-select__group-title {
    cursor: pointer;
}
.custom-select__point {
    cursor: pointer;
    transition: 0.3s;
}
.custom-select__point-check {
    transition: 0.3s;
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.custom-select__point:hover {
    background-color: #E7FAFB;
}
.custom-select__point.is-selected .custom-select__point-check {
    background-color: #009AA6;
}

/* Option text: always show full content (no clamp) on all breakpoints */
.custom-select__point-text {
    display: block;
    white-space: normal;
    overflow: visible;
}

@media (max-width: 992px) {
    .custom-select__dropdown {
        width: var(--custom-select-dropdown-width-lg);
    }
}
@media (max-width: 768px) {
    .custom-select__dropdown {
        width: var(--custom-select-dropdown-width-md);
    }
}
@media (max-width: 576px) {
    .custom-select__dropdown {
        width: var(--custom-select-dropdown-width-sm);
    }
}