:root{--wsp-accent:#ef4056;--wsp-text:#23254e;--wsp-muted:#707783;--wsp-border:#e5e7eb;--wsp-soft:#f2f3f5}
html.websky-searchpro-open,html.websky-searchpro-open body{overflow:hidden!important}
html.websky-searchpro-open .sosearchpro-wrapper .dropdown-menu,html.websky-searchpro-open .so-search .dropdown-menu,html.websky-searchpro-open #sosearchpro .dropdown-menu{display:none!important}
.websky-searchpro-trigger{cursor:pointer!important;caret-color:transparent!important}
.websky-searchpro[hidden]{display:none!important}
.websky-searchpro{position:fixed;inset:0;z-index:2147483000;direction:rtl;font-family:inherit;color:var(--wsp-text);opacity:0;transition:opacity .18s ease}
.websky-searchpro.is-open{opacity:1}
.websky-searchpro *{box-sizing:border-box}
.websky-searchpro svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;display:block}
.websky-searchpro__backdrop{position:absolute;inset:0;background:rgba(18,23,31,.54);backdrop-filter:blur(1px)}
.websky-searchpro__dialog{position:relative;width:min(calc(100vw - 32px),var(--websky-searchpro-width,720px));max-height:min(78vh,780px);margin:clamp(70px,13vh,150px) auto 0;background:#fff;border-radius:26px;box-shadow:0 28px 90px rgba(15,23,42,.28);overflow:hidden;transform:translateY(-12px) scale(.985);transition:transform .2s ease;display:flex;flex-direction:column}
.websky-searchpro.is-open .websky-searchpro__dialog{transform:translateY(0) scale(1)}
.websky-searchpro__form{display:flex;align-items:center;gap:8px;margin:12px;padding:0 12px;background:var(--wsp-soft);border:1px solid transparent;border-radius:16px;min-height:56px;transition:border-color .2s,box-shadow .2s}
.websky-searchpro__form:focus-within{border-color:#cbd5e1;box-shadow:0 0 0 4px rgba(239,64,86,.08)}
.websky-searchpro__input{flex:1;min-width:0;height:52px;border:0!important;box-shadow:none!important;background:transparent!important;color:var(--wsp-text)!important;font:inherit;font-size:15px!important;text-align:right;outline:0;padding:0 4px!important}
.websky-searchpro__input::placeholder{color:#9ca3af}
.websky-searchpro__close,.websky-searchpro__submit{width:38px;height:38px;border:0;background:transparent;color:#8a919d;display:grid;place-items:center;padding:0;cursor:pointer;border-radius:50%;flex:0 0 38px}
.websky-searchpro__close:hover,.websky-searchpro__submit:hover{background:#e8eaed;color:var(--wsp-text)}
.websky-searchpro__submit{color:#7b8491}
.websky-searchpro__body{overflow-y:auto;overscroll-behavior:contain;padding:6px 20px 20px;scrollbar-width:thin;min-height:180px}
.websky-searchpro__section{padding:12px 0}
.websky-searchpro__section+.websky-searchpro__section{border-top:1px solid #f0f1f3}
.websky-searchpro__section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.websky-searchpro__section-head h3{font:700 16px/1.8 inherit!important;color:#191b3f!important;margin:0!important;padding:0!important;border:0!important}
.websky-searchpro__section-head button{border:0;background:transparent;color:#6b7280;font:inherit;font-size:13px;cursor:pointer;padding:5px 0}
.websky-searchpro__section-head button:hover{color:var(--wsp-accent)}
.websky-searchpro__chips{display:flex;flex-wrap:wrap;gap:9px}
.websky-searchpro__chip{height:40px;display:inline-flex;align-items:center;gap:7px;padding:0 14px;border:1px solid #dfe2e6;border-radius:999px;background:#fff;color:#2f3158;font:inherit;font-size:14px;cursor:pointer;transition:.16s ease}
.websky-searchpro__chip svg{width:16px;height:16px}
.websky-searchpro__chip:hover{border-color:var(--wsp-accent);color:var(--wsp-accent);transform:translateY(-1px)}
.websky-searchpro__banner{margin-top:14px;border-radius:14px;overflow:hidden;background:#eef2f7;line-height:0}
.websky-searchpro__banner img{display:block;width:100%;height:auto;max-height:240px;object-fit:cover}
.websky-searchpro__query-row,.websky-searchpro__result-row{display:flex;align-items:center;gap:12px;text-decoration:none!important;color:var(--wsp-text)!important;border-bottom:1px solid var(--wsp-border);padding:13px 3px;min-height:60px;background:#fff;transition:background .15s ease}
.websky-searchpro__query-row:hover,.websky-searchpro__result-row:hover{background:#fafafa}
.websky-searchpro__query-row strong{font-size:15px}
.websky-searchpro__result-icon{width:38px;height:38px;display:grid;place-items:center;color:#626975;flex:0 0 38px}
.websky-searchpro__result-icon svg{width:21px;height:21px}
.websky-searchpro__result-copy{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}
.websky-searchpro__result-copy strong{font:500 14px/1.7 inherit;color:#24264e;white-space:normal}
.websky-searchpro__result-copy small{font:400 12px/1.5 inherit;color:#0b74de}
.websky-searchpro__chevron{color:#9aa1aa;margin-right:auto;flex:0 0 auto}
.websky-searchpro__chevron svg{width:18px;height:18px}
.websky-searchpro__product-image{width:62px;height:62px;border-radius:10px;border:1px solid #edf0f2;background:#fff;display:grid;place-items:center;overflow:hidden;flex:0 0 62px}
.websky-searchpro__product-image img{width:100%;height:100%;object-fit:contain;padding:4px}
.websky-searchpro__prices{display:flex;flex-direction:column;align-items:flex-end;gap:2px;white-space:nowrap;font-size:12px;color:#333}
.websky-searchpro__prices del{color:#9ca3af;font-size:11px}
.websky-searchpro__prices b{color:#1f2937;font-weight:700}
.websky-searchpro__stock-label{display:inline-flex;align-items:center;white-space:nowrap;color:#d32f2f;background:#fff1f2;border:1px solid #fecdd3;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:700}
.websky-searchpro__results-section{padding-bottom:0}
.websky-searchpro__results-section .websky-searchpro__section-head{margin:6px 0 4px}
.websky-searchpro__view-all{margin-top:14px;min-height:46px;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;background:#f4f5f7;color:#0b74de!important;text-decoration:none!important;font-weight:700}
.websky-searchpro__view-all:hover{background:#eceff3}
.websky-searchpro__view-all svg{width:18px;height:18px}
.websky-searchpro__empty{min-height:210px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;color:#89909b;padding:30px}
.websky-searchpro__empty svg{width:38px;height:38px;color:#b5bbc3}
.websky-searchpro__empty p{margin:0;line-height:1.9}
.websky-searchpro__hint{padding:10px 14px;border-radius:10px;background:#fff7ed;color:#9a5416;font-size:13px;margin-top:4px}
.websky-searchpro__searching{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px;color:#6b7280;font-size:13px}
.websky-searchpro__spinner{width:18px;height:18px;border:2px solid #e5e7eb;border-top-color:var(--wsp-accent);border-radius:50%;animation:websky-searchpro-spin .7s linear infinite}
.websky-searchpro__skeleton{display:grid;gap:11px;padding:8px 0}
.websky-searchpro__skeleton i{display:block;height:54px;border-radius:10px;background:linear-gradient(90deg,#f1f3f5 25%,#fafafa 38%,#f1f3f5 63%);background-size:400% 100%;animation:websky-searchpro-shimmer 1.3s ease infinite}
@keyframes websky-searchpro-spin{to{transform:rotate(360deg)}}
@keyframes websky-searchpro-shimmer{0%{background-position:100% 0}100%{background-position:0 0}}
@media (max-width:767px){
  .websky-searchpro__backdrop{background:rgba(18,23,31,.42)}
  .websky-searchpro__dialog{position:absolute;inset:0;width:100%;height:100%;max-height:none;margin:0;border-radius:0;transform:translateY(18px);padding-top:max(4px,env(safe-area-inset-top));padding-bottom:env(safe-area-inset-bottom)}
  .websky-searchpro.is-open .websky-searchpro__dialog{transform:translateY(0)}
  .websky-searchpro__form{margin:8px 10px;min-height:52px;border-radius:14px}
  .websky-searchpro__body{padding:2px 14px 18px;min-height:0;flex:1}
  .websky-searchpro__section-head h3{font-size:15px!important}
  .websky-searchpro__chip{height:38px;font-size:13px;padding:0 12px}
  .websky-searchpro__product-image{width:54px;height:54px;flex-basis:54px}
  .websky-searchpro__product-row{display:grid;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;column-gap:10px;row-gap:3px}
  .websky-searchpro__product-row .websky-searchpro__product-image{grid-column:1;grid-row:1 / span 2}
  .websky-searchpro__product-row .websky-searchpro__result-copy{grid-column:2 / 4;grid-row:1}
  .websky-searchpro__product-row .websky-searchpro__prices{grid-column:2;grid-row:2;display:flex;flex-direction:row;align-items:center;justify-self:start;gap:6px}
  .websky-searchpro__product-row .websky-searchpro__stock-label{grid-column:2;grid-row:2;justify-self:start}
  .websky-searchpro__product-row .websky-searchpro__chevron{grid-column:3;grid-row:2;margin-right:0}
}
@media (prefers-reduced-motion:reduce){.websky-searchpro,.websky-searchpro__dialog,.websky-searchpro__chip{transition:none}.websky-searchpro__spinner,.websky-searchpro__skeleton i{animation:none}}