/* Salonto's full-page/mobile and grouped/desktop pattern, using Viratel's existing tokens. */
html.viratel-search-open,body.viratel-search-open { overflow:hidden!important; overscroll-behavior:none; }
.viratel-search-dialog {
  --search-primary:var(--viratel-panel-primary,var(--v3-primary,#2563eb));
  --search-ink:var(--viratel-panel-ink,var(--v3-ink,#172b4d));
  --search-muted:var(--viratel-panel-muted,#64738a);
  --search-surface:var(--viratel-panel-surface,#fff);
  --search-canvas:var(--viratel-panel-canvas,#f2f6ff);
  --search-border:var(--viratel-panel-border,#e1e7f0);
  --search-soft:color-mix(in srgb,var(--search-primary) 6%,var(--search-surface));
  width:min(930px,calc(100% - 40px)); max-width:none; max-height:calc(100dvh - 64px);
  padding:0; margin:clamp(20px,5vh,54px) auto; border:1px solid var(--search-border);
  border-radius:var(--viratel-radius,8px); background:var(--search-canvas); color:var(--search-ink);
  font-family:var(--v3-font,YekanBakh,Tahoma,sans-serif); text-align:right; line-height:1.7;
  box-shadow:0 24px 80px rgb(16 42 67 / 20%); overflow:hidden;
}
.viratel-search-dialog:not([open]),.viratel-search-dialog [hidden] { display:none!important; }
.viratel-search-dialog::backdrop { background:rgb(15 30 48 / 48%); backdrop-filter:blur(4px); }
.viratel-search-dialog,.viratel-search-dialog * { box-sizing:border-box; }
.viratel-search-dialog :is(button,input,a) { font-family:inherit; }
.viratel-search-dialog button { cursor:pointer; }
.viratel-search-dialog :is(button,a,input):focus-visible { outline:2px solid var(--search-primary); outline-offset:3px; }
.viratel-search-dialog__panel { display:flex; flex-direction:column; max-height:calc(100dvh - 66px); }
.viratel-search-dialog__head { display:flex; flex:none; align-items:center; justify-content:space-between; gap:16px; padding:20px 24px; border-bottom:1px solid var(--search-border); background:var(--search-surface); }
.viratel-search-dialog__head > div { min-width:0; }
.viratel-search-dialog__head > div > span { color:var(--search-muted); font-size:10px; }
.viratel-search-dialog__head h2 { margin:4px 0 0; color:var(--search-ink); font-family:inherit; font-size:18px; font-weight:600; line-height:1.7; }
.viratel-search-dialog__close { display:grid; place-items:center; flex:0 0 40px; width:40px; height:40px; padding:0; border:1px solid var(--search-border); border-radius:var(--viratel-radius,8px); background:var(--search-canvas); color:var(--search-ink); }
.viratel-search-dialog__form { display:flex; align-items:center; flex:none; gap:10px; min-width:0; min-height:54px; margin:18px 24px 0; padding:0 14px; border:1px solid var(--search-border); border-radius:var(--viratel-radius,8px); background:var(--search-surface); }
.viratel-search-dialog__form:focus-within { border-color:var(--search-primary); box-shadow:0 0 0 3px color-mix(in srgb,var(--search-primary) 10%,transparent); }
.viratel-search-dialog__form > svg { flex:0 0 22px; color:var(--search-primary); }
.viratel-search-dialog__form input[type=search] { flex:1; min-width:0; width:100%; height:52px; padding:0; margin:0; border:0; border-radius:0; background:transparent; color:var(--search-ink); font-family:inherit; font-size:14px; box-shadow:none; outline:0; }
.viratel-search-dialog__form input::placeholder { color:var(--search-muted); font-size:12px; opacity:1; }
.viratel-search-dialog__form input::-webkit-search-cancel-button { appearance:none; }
.viratel-search-dialog__clear { flex:none; min-height:36px; padding:4px 9px; border:1px solid var(--search-border); border-radius:var(--viratel-radius,8px); background:var(--search-soft); color:var(--search-muted); font-size:10px; }
.viratel-search-dialog__status { display:flex; align-items:center; gap:8px; flex:none; min-height:34px; padding:8px 24px 0; color:var(--search-muted); font-size:11px; overflow-wrap:anywhere; }
.viratel-search-dialog__status[data-state=loading] { color:var(--search-primary); }
.viratel-search-dialog__dots { display:flex; gap:4px; }
.viratel-search-dialog__dots i { width:5px; height:5px; border-radius:50%; background:var(--search-primary); animation:viratel-search-dot 1s infinite; }
.viratel-search-dialog__dots i:nth-child(2) { animation-delay:.15s; }.viratel-search-dialog__dots i:nth-child(3) { animation-delay:.3s; }
@keyframes viratel-search-dot { 0%,80%,100% { opacity:.25; } 40% { opacity:1; } }
.viratel-search-dialog__results { flex:1 1 auto; min-height:0; overflow:auto; overscroll-behavior:contain; padding:8px 24px 24px; scrollbar-width:thin; }
.viratel-search-dialog__results[aria-busy=true] { opacity:.55; pointer-events:none; }
.viratel-search-dialog__initial,.viratel-search-dialog__empty { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; min-height:300px; padding:30px 14px; text-align:center; }
.viratel-search-dialog__illustration { display:grid; place-items:center; width:58px; height:58px; margin-bottom:6px; border:1px solid var(--search-border); border-radius:var(--viratel-radius,8px); background:var(--search-soft); color:var(--search-primary); }
.viratel-search-dialog__initial > strong,.viratel-search-dialog__empty > strong { font-size:15px; font-weight:600; color:var(--search-ink); }
.viratel-search-dialog__initial p,.viratel-search-dialog__empty p { margin:0; max-width:400px; font-size:12px; line-height:1.9; color:var(--search-muted); }
.viratel-search-dialog__scopes { display:flex; justify-content:center; flex-wrap:wrap; gap:8px; margin-top:12px; }
.viratel-search-dialog__scopes > span { display:flex; align-items:center; gap:6px; padding:6px 10px; border:1px solid var(--search-border); border-radius:var(--viratel-radius,8px); background:var(--search-surface); color:var(--search-muted); font-size:11px; }
.viratel-search-dialog__scopes svg { color:var(--search-primary); }
.viratel-search-dialog__quick { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:8px; margin-top:18px; }
.viratel-search-dialog__quick > span { color:var(--search-muted); font-size:10px; }
.viratel-search-dialog__quick button { display:flex; align-items:center; gap:5px; min-height:40px; padding:6px 10px; border:1px solid var(--search-border); border-radius:var(--viratel-radius,8px); background:var(--search-surface); color:var(--search-ink); font-size:11px; }
.viratel-search-dialog__groups { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:start; gap:14px; }
.viratel-search-dialog__groups > :only-child { grid-column:1/-1; }
.viratel-search-dialog__group { min-width:0; overflow:hidden; border:1px solid var(--search-border); border-radius:var(--viratel-radius,8px); background:var(--search-surface); }
.viratel-search-dialog__group-head { display:flex; align-items:center; gap:8px; padding:11px 14px; border-bottom:1px solid var(--search-border); background:var(--search-soft); }
.viratel-search-dialog__group-head > svg { flex:none; color:var(--search-primary); }
.viratel-search-dialog__group-head h3 { flex:1; margin:0; font-family:inherit; font-size:13px; font-weight:600; }
.viratel-search-dialog__group-head small { color:var(--search-muted); font-size:10px; }
.viratel-search-dialog__item { display:grid; grid-template-columns:56px minmax(0,1fr) 16px; align-items:center; gap:12px; min-height:88px; padding:12px; border-bottom:1px solid var(--search-border); color:var(--search-ink); text-decoration:none; }
.viratel-search-dialog__item:last-child { border-bottom:0; }
.viratel-search-dialog__thumb { display:grid; place-items:center; width:56px; height:56px; overflow:hidden; border:1px solid var(--search-border); border-radius:var(--viratel-radius,8px); background:var(--search-surface); color:var(--search-primary); }
.viratel-search-dialog__thumb img { width:100%; height:100%; object-fit:contain; }
.viratel-search-dialog__copy { min-width:0; }
.viratel-search-dialog__meta { display:flex; align-items:center; flex-wrap:wrap; gap:4px 8px; margin-bottom:3px; font-size:9px; color:var(--search-muted); overflow-wrap:anywhere; }
.viratel-search-dialog__copy strong { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; color:var(--search-ink); font-size:12px; font-weight:600; line-height:1.8; overflow-wrap:anywhere; }
.viratel-search-dialog__price { display:block; margin-top:4px; font-size:11px; color:var(--search-primary); overflow-wrap:anywhere; }
.viratel-search-dialog__item > svg { color:var(--search-muted); }
.viratel-search-dialog__footer { display:flex; flex:none; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:8px; padding:12px 24px; border-top:1px solid var(--search-border); background:var(--search-surface); }
.viratel-search-dialog__footer a { display:flex; align-items:center; gap:8px; min-height:40px; color:var(--search-primary); font-size:11px; font-weight:600; }
.viratel-search-dialog__more,.viratel-search-dialog__retry { min-height:40px; padding:8px 14px; border:1px solid var(--search-border); border-radius:var(--viratel-radius,8px); background:var(--search-soft); color:var(--search-primary); font-size:11px; }
.viratel-search-dialog__more:disabled { cursor:wait; opacity:.6; }
@media(hover:hover) { .viratel-search-dialog__item:hover { background:var(--search-soft); } .viratel-search-dialog button:hover { border-color:var(--search-primary); } }
@media(max-width:1024px) { .viratel-search-dialog__groups { grid-template-columns:minmax(0,1fr); } }
@media(max-width:767px) {
  .viratel-search-dialog { position:fixed; inset:var(--viratel-search-offset,0px) 0 auto; width:100%; height:var(--viratel-search-height,100dvh); max-height:none; margin:0; border:0; border-radius:0; box-shadow:none; }
  .viratel-search-dialog__panel { height:100%; max-height:100%; }
  .viratel-search-dialog__head { padding:calc(14px + env(safe-area-inset-top)) 16px 14px; gap:10px; }
  .viratel-search-dialog__head h2 { font-size:15px; }
  .viratel-search-dialog__head > div > span { font-size:9px; }
  .viratel-search-dialog__form { min-height:50px; margin:14px 16px 0; padding-inline:10px; gap:8px; }
  .viratel-search-dialog__form input[type=search] { height:48px; font-size:16px; }
  .viratel-search-dialog__form input::placeholder { font-size:11px; }
  .viratel-search-dialog__clear { font-size:9px; padding-inline:7px; }
  .viratel-search-dialog__status { padding-inline:16px; font-size:10px; }
  .viratel-search-dialog__results { padding:8px 16px max(20px,env(safe-area-inset-bottom)); }
  .viratel-search-dialog__initial,.viratel-search-dialog__empty { min-height:min(380px,55dvh); padding:28px 0; }
  .viratel-search-dialog__initial p,.viratel-search-dialog__empty p { font-size:11px; }
  .viratel-search-dialog__initial > strong,.viratel-search-dialog__empty > strong { font-size:14px; }
  .viratel-search-dialog__item { grid-template-columns:50px minmax(0,1fr) 14px; gap:9px; padding:10px; }
  .viratel-search-dialog__thumb { width:50px; height:50px; }
  .viratel-search-dialog__copy strong { font-size:11px; }
  .viratel-search-dialog__footer { padding:8px 16px calc(8px + env(safe-area-inset-bottom)); }
  .viratel-search-dialog__footer a { font-size:10px; }
}
@media(prefers-reduced-motion:reduce) { .viratel-search-dialog__dots i { animation:none; opacity:1; } }