/* Base */
.search-form{position:relative}
.search-form .searchIcon{display:none!important}

/* Disable banner during search */
body.koya-search-open .banner_img{
  pointer-events:none!important;
}

/* Clear X */
.koya-search-clear{
  position:absolute;
  left:16px;
  top:50%;
  transform:translateY(-50%);
  width:24px;height:24px;
  line-height:24px;
  text-align:center;
  font-size:16px;
  background:#eee;
  border-radius:50%;
  cursor:pointer;
  display:none;
  z-index:5;
}
.koya-search-clear.show{display:block}
.search-form input{padding-left:48px!important}

/* Dropdown */
.koya-dropdown{
  position:absolute;
  left:0;
  right:0;
  background:#fff;
  border:1px solid #e5e5e5;
  box-shadow:0 6px 20px rgba(0,0,0,.08);
  display:none;
  z-index:9999;
}
.koya-dropdown.open{display:block}

/* Items */
.koya-item{
  display:flex;
  align-items:center;
  gap:12px;
  padding:12px;
  border-bottom:1px solid #eee;
  text-decoration:none;
  color:#000;
}
.koya-item img{width:48px;height:48px;object-fit:cover}
.koya-title{flex:1;font-size:14px}
.koya-price{font-weight:600}

.koya-view-all{
  display:block;
  padding:14px;
  text-align:center;
  background:#f7f7f7;
  color:#000;
  text-decoration:none;
  font-weight:600;
}
.koya-no-results {
  text-align: center;
  padding: 32px 16px;
  font-size: 15px;
  color: #000;
  font-weight: 500;
}
/* ===== Center "no results" on mobile ===== */
@media (max-width: 768px) {
  .koya-dropdown {
    text-align: center;
  }

  .koya-no-results {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 32px 16px;
    width: 100%;
    box-sizing: border-box;
  }
}