.tech-type-select {
    width: clamp(260px, 100%, 938px);
    height: clamp(56px, 12vw, 188px);
}

/* Главная плашка-контейнер */
.tech-type-trigger {
    gap: 24px;
}

.select-trigger:hover {
  background-color: #d0d0d0;
}

/* Картинка стиралки */
.icon-img {
    width: clamp(32px, 6vw, 106px);
    height: clamp(32px, 6vw, 105px);

    /*new*/
    object-fit: contain;
}

/* Текст селекта */
.select-text {
  font-size: clamp(15px, 2.5vw, 40px);
  text-align: center;

  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Выпадающее меню */
.select-options {
    position: absolute;
    top: calc(100% + clamp(4px, 1vw, 8px));
    left: 0;
    right: 0;
    background-color: #F9FAFB;
    border: 1px solid #cccccc;
    border-radius: clamp(10px, 1.5vw, 16px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
    list-style: none;
    padding: clamp(4px, 1vw, 8px) 0;
    margin: 0;
    display: none;
    z-index: 100;

    max-height: clamp(150px, 35vh, 240px);
    overflow-y: auto;
}

.custom-select.is-open .select-options {
  display: block;
}

.option {
  padding: clamp(10px, 1.5vw, 12px) clamp(12px, 2vw, 20px);
  font-size: clamp(14px, 1.5vw, 16px);
  color: #222222;
  cursor: pointer;
  transition: background-color 0.15s;
}

.option:hover {
  background-color: #f0f0f0;
}

.option.is-selected {
  background-color: #e8e8e8;
  font-weight: 600;
}