/* Nexaura Smart Header Search v1.1 */
.nxss-wrap{
  position:relative;
  width:100%;
  z-index:70;
  font-family:inherit;
}
.nxss-form{
  display:flex;
  align-items:center;
  gap:10px;
  width:100%;
  margin:0!important;
}
.nxss-main{
  display:flex;
  align-items:center;
  flex:1 1 auto;
  min-width:0;
  height:42px;
  border:2px solid #222;
  border-radius:24px;
  overflow:visible;
  background:#fff;
}
.nxss-search-icon{
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 44px;
  color:#666;
}
.nxss-search-icon svg{fill:currentColor}
.nxss-input{
  flex:1 1 auto;
  min-width:0;
  height:38px!important;
  margin:0!important;
  padding:0 12px 0 0!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:transparent!important;
  font-size:16px!important;
  color:#222!important;
}
.nxss-input:focus{box-shadow:none!important}

.nxss-category{
  position:relative;
  flex:0 0 205px;
  height:100%;
  border-left:1px solid #ddd;
}
.nxss-cat-button{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  padding:0 14px 0 18px!important;
  margin:0!important;
  border:0!important;
  border-radius:0 22px 22px 0!important;
  background:#fff!important;
  color:#333!important;
  box-shadow:none!important;
  text-transform:none!important;
  font-size:15px!important;
  font-weight:400!important;
  line-height:1!important;
}
.nxss-cat-label{
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.nxss-chevron{
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 18px;
  color:#333;
  transition:transform .18s ease;
}
.nxss-chevron svg{fill:currentColor}
.nxss-category.is-open .nxss-chevron{transform:rotate(180deg)}

.nxss-cat-menu{
  position:absolute;
  top:calc(100% + 8px);
  right:0;
  width:300px;
  max-height:420px;
  overflow:auto;
  padding:8px;
  background:#fff;
  border:1px solid #e3e3e3;
  border-radius:12px;
  box-shadow:0 12px 30px rgba(0,0,0,.14);
  z-index:10020;
}
.nxss-cat-option{
  display:block!important;
  width:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:10px 12px!important;
  border:0!important;
  border-radius:8px!important;
  background:#fff!important;
  color:#222!important;
  box-shadow:none!important;
  text-align:left!important;
  text-transform:none!important;
  font-size:14px!important;
  font-weight:400!important;
  line-height:1.25!important;
}
.nxss-cat-option:hover{
  background:#f5f5f5!important;
  color:#ff6600!important;
}

.nxss-submit{
  flex:0 0 120px;
  height:42px;
  margin:0!important;
  padding:0 20px!important;
  border:0!important;
  border-radius:22px!important;
  background:#ff6600!important;
  color:#fff!important;
  box-shadow:none!important;
  font-size:16px!important;
  font-weight:700!important;
  text-transform:none!important;
}
.nxss-submit:hover{background:#e85d00!important}

/* Tighter Flatsome main-header spacing, only when this search is present */
.header-main:has(.nxss-wrap){
  height:auto!important;
}
.header-main:has(.nxss-wrap) .header-inner{
  min-height:66px!important;
  padding-top:4px!important;
  padding-bottom:4px!important;
}
.header-main:has(.nxss-wrap) + .header-bottom{
  margin-top:0!important;
}

.nxss-results{
  position:absolute;
  top:50px;
  left:0;
  right:130px;
  background:#fff;
  border:1px solid #e2e2e2;
  border-radius:14px;
  box-shadow:0 10px 30px rgba(0,0,0,.12);
  overflow:hidden;
  z-index:9999;
}
.nxss-suggest-list{padding:8px}
.nxss-suggest-item{
  display:flex;
  align-items:center;
  gap:12px;
  padding:9px;
  border-radius:10px;
  text-decoration:none!important;
  color:#222!important;
}
.nxss-suggest-item:hover{background:#f7f7f7}
.nxss-thumb{
  flex:0 0 58px;
  width:58px;
  height:58px;
  border-radius:8px;
  overflow:hidden;
  background:#f5f5f5;
}
.nxss-thumb img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block;
}
.nxss-suggest-content{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:4px;
}
.nxss-suggest-title{
  font-size:14px;
  line-height:1.3;
  font-weight:500;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.nxss-suggest-price{font-size:14px;font-weight:700}
.nxss-view-all{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:6px;
  padding:12px 16px;
  border-top:1px solid #eee;
  color:#ff6600!important;
  font-weight:600;
  text-decoration:none!important;
}
.nxss-empty{padding:18px;color:#666;text-align:center}

@media(max-width:849px){
  .nxss-form{gap:8px}
  .nxss-main{height:40px}
  .nxss-category{flex-basis:145px}
  .nxss-submit{
    flex-basis:92px;
    height:40px;
    padding:0 12px!important;
  }
  .nxss-results{top:48px;right:100px}
  .nxss-cat-menu{width:260px}
}
@media(max-width:549px){
  .nxss-category{display:none}
  .nxss-submit{display:none}
  .nxss-main{
    height:40px;
    border-width:1.5px;
  }
  .nxss-results{top:46px;right:0}
  .nxss-input{font-size:14px!important}
}