.twdlive-overlay{ position:fixed; inset:0; z-index:9999; display:none; font-family:'Outfit',system-ui,sans-serif; }
.twdlive-overlay.is-open{ display:block; }

.twdlive-backdrop{ position:absolute; inset:0; background:rgba(0,0,0,.35); }

.twdlive-panel{
  position:absolute; left:50%; top:10%; transform:translateX(-50%);
  width:min(680px, 92vw); background:#fff; border-radius:14px;
  box-shadow:0 20px 60px rgba(0,0,0,.25); overflow:hidden;
}

.twdlive-head{ display:flex; align-items:center; justify-content:space-between; padding:12px 14px; border-bottom:1px solid #E6E0D9; background:#F9F7F4; }
.twdlive-label{ font-weight:600; color:#353132; }
.twdlive-close{ all:unset; cursor:pointer; width:32px; height:32px; border-radius:50%; display:grid; place-items:center; color:#353132; }
.twdlive-close:hover{ background:#F0EEEB; }

.twdlive-form{ padding:14px; border-bottom:1px solid #E6E0D9; }
.twdlive-input{ width:100%; height:46px; border-radius:23px; border:1px solid #E6E0D9; padding:0 16px; font-size:16px; color:#353132; background:#F3F5FA; }
.twdlive-input:focus{ outline:none; border-color:#A9C2E0; box-shadow:0 0 0 3px rgba(169,194,224,.25); }

.twdlive-results{ list-style:none; margin:0; padding:8px; max-height:56vh; overflow:auto; }
.twdlive-item{ display:grid; grid-template-columns:56px 1fr; gap:10px; align-items:center; padding:8px; border-radius:10px; cursor:pointer; }
.twdlive-item:hover{ background:#F6F4F1; }
.twdlive-item img{ width:56px; height:56px; object-fit:cover; border-radius:8px; background:#f4f4f4; }
.twdlive-title{ font-weight:600; color:#353132; }
.twdlive-price{ color:#6E6053; font-size:14px; margin-top:2px; }
.twdlive-empty{ padding:12px; color:#6E6053; }