/* Instant Search — get-it-easy.de */
:root{
  --gie-green:#6fb440;
  --gie-anthracite:#3A3B3D;
  --gie-grey:#666364;
  --gie-border:#e6e6e6;
  --gie-bg:#ffffff;
  --gie-hover:#f4f8ef;
  --gie-shadow:0 12px 32px rgba(0,0,0,.12);
}

/* Suppress Flatsome's native live-search dropdown (replaced by our panel) */
.live-search-results{display:none !important;}

/* Host wrapper the JS adds around the existing input */
.gie-is-host{position:relative;width:100%;}

/* Clear (x) button inside the input */
.gie-is-clear{
  position:absolute;top:50%;right:38px;transform:translateY(-50%);
  width:20px;height:20px;border:0;background:transparent;cursor:pointer;
  display:none;align-items:center;justify-content:center;color:var(--gie-grey);
  font-size:16px;line-height:1;border-radius:50%;
}
.gie-is-clear:hover{background:var(--gie-border);color:var(--gie-anthracite);}
.gie-is-host.has-value .gie-is-clear{display:flex;}

/* Dropdown panel */
.gie-is-panel{
  position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:9999;
  background:var(--gie-bg);border:1px solid var(--gie-border);border-radius:12px;
  box-shadow:var(--gie-shadow);padding:14px;max-height:70vh;overflow-y:auto;
  display:none;
}
.gie-is-host.gie-is-open .gie-is-panel{display:block;}

/* Section headers */
.gie-is-section{margin:6px 0 10px;}
.gie-is-section-title{
  font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;
  color:var(--gie-grey);margin:12px 4px 8px;
}
.gie-is-section:first-child .gie-is-section-title{margin-top:2px;}

/* Category tiles */
.gie-is-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;}
.gie-is-tile{
  display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;
  padding:14px 8px;border:1px solid var(--gie-border);border-radius:10px;
  color:var(--gie-anthracite);text-decoration:none;background:#fff;transition:.15s;
}
.gie-is-tile:hover,.gie-is-tile.is-active{border-color:var(--gie-green);background:var(--gie-hover);}
.gie-is-tile svg{width:26px;height:26px;color:var(--gie-green);}
.gie-is-tile-img{width:auto;height:46px;max-width:100%;object-fit:contain;}
.gie-is-tile-name{font-size:13px;font-weight:600;line-height:1.2;}
.gie-is-tile-count{font-size:11px;color:var(--gie-grey);}

/* Suggestions */
.gie-is-sugg{display:flex;flex-wrap:wrap;gap:6px;}
.gie-is-sugg-item{
  border:1px solid var(--gie-border);border-radius:999px;padding:6px 12px;
  font-size:13px;color:var(--gie-anthracite);cursor:pointer;background:#fff;
}
.gie-is-sugg-item:hover,.gie-is-sugg-item.is-active{border-color:var(--gie-green);background:var(--gie-hover);}

/* Category link row */
.gie-is-catlink{
  display:flex;align-items:center;gap:8px;padding:10px 8px;border-radius:8px;
  text-decoration:none;color:var(--gie-anthracite);font-weight:600;
}
.gie-is-catlink:hover,.gie-is-catlink.is-active{background:var(--gie-hover);}
.gie-is-catlink .gie-is-catcount{color:var(--gie-grey);font-weight:400;font-size:13px;}

/* "Show all results" link */
.gie-is-all{display:block;text-align:center;padding:11px 8px;border-radius:8px;background:var(--gie-green);color:#fff;font-weight:700;font-size:14px;text-decoration:none;}
.gie-is-all:hover,.gie-is-all.is-active{filter:brightness(.94);color:#fff;}

/* Product result rows */
.gie-is-row{
  display:flex;align-items:center;gap:12px;padding:8px;border-radius:8px;
  text-decoration:none;color:var(--gie-anthracite);
}
.gie-is-row:hover,.gie-is-row.is-active{background:var(--gie-hover);}
.gie-is-thumb{
  width:48px;height:48px;flex:0 0 48px;object-fit:cover;border-radius:6px;
  border:1px solid var(--gie-border);background:#fff;
}
.gie-is-rowtext{min-width:0;flex:1;display:flex;flex-direction:column;}
.gie-is-name{font-size:14px;font-weight:600;line-height:1.25;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.gie-is-spec{font-size:12px;color:var(--gie-grey);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.gie-is-price{font-size:13px;font-weight:700;color:var(--gie-green);white-space:nowrap;}

/* States */
.gie-is-empty{padding:18px 8px;color:var(--gie-grey);font-size:14px;text-align:center;}
.gie-is-loading{padding:18px 8px;color:var(--gie-grey);font-size:14px;text-align:center;}

/* Screen-reader-only live region */
.gie-is-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);}

/* Mobile: full-width overlay */
@media (max-width:768px){
  .gie-is-panel{
    position:fixed;top:auto;left:0;right:0;
    border-radius:0;max-height:80vh;padding:12px;
  }
  .gie-is-tiles{grid-template-columns:repeat(2,1fr);}
}