/* Modal core */
.lwps-root{position:relative;z-index:1000}
.lwps-overlay{position:fixed;inset:0;background:rgba(10,10,10,.72);backdrop-filter:saturate(140%) blur(8px);display:none}
.lwps-root[data-open] .lwps-overlay{display:block}
.lwps-panel{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:24px}
.lwps-stack{width:min(1000px,92vw);max-height:80vh;display:flex;flex-direction:column;gap:10px;margin-top:0}
.lwps-form{position:static;z-index:10}
.lwps-inputwrap{display:block}

/* Slim, square search bar */
.lwps-overlay .lwps-form .lwps-input{
  box-sizing:border-box;width:100%;
  font-size:clamp(16px,1.9vw,22px); /* smaller */
  font-weight:500; /* lighter */
  padding:10px 16px !important; /* ~half height, room for X on the right */
  border:none !important;
  background:rgba(0,0,0,.35) !important;
  color:#fff !important; caret-color:#fff !important;
  outline:none !important;
  border-radius:0 !important; /* square edges */
  box-shadow:0 6px 18px rgba(0,0,0,.25) !important;
}
.lwps-input::placeholder{
  color:rgba(255,255,255,.8) !important;
  font-weight:500 !important; /* not bold */
}

/* Inline close button: plain X, no box */



/* Suggestions */
.lwps-suggestions{flex:1;overflow:auto;display:grid;gap:8px;grid-template-columns:1fr}
@media (min-width: 900px){.lwps-suggestions{grid-template-columns:repeat(2,minmax(0,1fr));}}
.lwps-item{
  display:grid;grid-template-columns:56px 1fr;gap:10px;align-items:center;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.18);
  padding:8px;
  border-radius:0; /* square edges on suggested boxes */
  text-decoration:none;color:#fff;
  transition:background .12s ease,color .12s ease,border-color .12s ease
}
.lwps-item:hover{background:rgba(255,255,255,.96);border-color:rgba(255,255,255,.98);color:#000}
.lwps-item:hover .lwps-title,.lwps-item:hover .lwps-price{color:#000}
.lwps-item img{width:56px;height:56px;object-fit:cover;border-radius:10px;background:#222}
.lwps-meta{display:flex;flex-direction:column}
.lwps-title{font-weight:600;line-height:1.2;color:#fff}
.lwps-price{opacity:.95;font-size:.98rem;margin-top:2px;color:#fff}
.lwps-empty{color:#fff;opacity:.85;padding:12px}

/* Header triggers */
.lwps-trigger,.lwps-open{background:none;border:none;box-shadow:none;padding:0;margin:0;line-height:1;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:inherit}
.lwps-trigger .lwps-icon,.lwps-open .lwps-icon,.lwps-open img.lwps-icon{display:block;width:18px;height:18px}
.lwps-trigger{display:none;position:fixed;top:14px;right:16px}

/* Top-right close button */
.lwps-close-top{
  position:fixed;
  top: calc(var(--lwps-header-h, 0px) + var(--lwps-close-offset, 50px));
  right:50px;
  border:none;
  background:transparent;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  width:32px;
  height:32px;
  cursor:pointer;
  line-height:0;
  z-index:1001;
}
.lwps-close-top .lwps-icon{width:22px;height:22px;display:block;color:#fff;fill:currentColor}
@media (max-width: 600px){
  .lwps-close-top{top: calc(var(--lwps-header-h, 0px) + var(--lwps-close-offset, 50px)); right:24px; width:28px; height:28px}
  .lwps-close-top .lwps-icon{width:20px;height:20px}
}