/* Visibility utility */
.cts-hidden { display: none !important; }

/* Wrapper layout */
#search-container .e-con-inner{
  flex-wrap: wrap;

.cts-toggle-select__wrap {
  display: inline-flex;
  align-items:flex-end;
  width: 160px;
}
#search-field-wrap{
  width: calc(100% - 160px);
}
}
.cts-toggle-select__wrap.cts-loading {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
}

.cts-toggle-select__wrap.cts-editor-preview {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}

/* Optional label styling */
.cts-label { font-weight: 500; }

/* Custom select visual (icons/images) */
.cts-custom-select {
  position: relative;
  display: inline-block;
  width: 100%;
  font-family: inherit;
}

.cts-current, .cts-current:hover, .cts-current:focus {
  transition: all 0.2s ease-in-out;
  display: inline-flex;
align-items: center;
  gap: 3px;
  width: 100%;
  padding: 8.5px 12px;
  background: #F3F2EE;
  border-radius: 5px;
  cursor: pointer;
  line-height: 1.2;
  color: #000000;
  position: relative;
  font-size: var(--font-down-2);
  text-transform: uppercase;
  background-image: url('../img/arrow_down.svg');
  background-position: center right 5px;
  background-repeat: no-repeat;
      img, span{
    align-self: center;
  }
  @media (max-width: 1025px) {
    font-size: 0;
}

}
 @media (max-width: 1025px) {
#search-container .e-con-inner{
.cts-toggle-select__wrap {
  width: 61px;
  font-size: 0;
}
#search-field-wrap{
  width: calc(100% - 61px);
}
}
 }
.cts-current:hover{
background-position: bottom 8px right 5px;
}

.cts-options {
  position: absolute;
  left: 0; right: 0; top: calc(100% + 2px);
  background: #fff;
  border: 1px solid #D4D4D4;
  padding: 10px;
  border-radius: 4px;
  box-shadow: 0 4px 7.8px rgba(0,0,0,.25);
  z-index: 20;
  display: none;
  max-height: 280px;
  overflow-y: auto;
  font-size: var(--font-down-3);
  text-transform: uppercase;
  @media (max-width: 1025px) {
    padding: 0; 
  }
}

.cts-options.open { display: block; 
  @media (max-width: 1025px) {  
    width: 60px;
    font-size: 0;
    }
    @media (max-width: 767px) {
    width:100%;
}}

.cts-option {
   padding: 8.5px 12px;
  display: flex;
  align-items: center;
  gap: .5rem;
  cursor: pointer;
  transition: background-color 0.2s ease;
}

.cts-option:hover {
  background: #F3F2EE;
  border-radius: 4px;
}

.cts-option.cts-selected::after {

}

.cts-option.cts-selected:hover {
  background: #F3F2EE;
}

.cts-option-icon {
  width: 24px;
  height: 24px;
  object-fit: contain;
}
.cts-toggle-target[aria-hidden="true"] {
  display: none !important;
}
.cts-toggle-target[aria-hidden="true"] {
  display: none !important;
}
