.shop-search{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:22px 0 26px;font:inherit;color:#dbe6f5}
.shop-search__bar{display:flex;align-items:center;flex:1;min-width:0;gap:8px;padding:5px;border:1px solid #294159;border-radius:14px;background:linear-gradient(110deg,#101c2b,#0b1422);box-shadow:inset 0 1px 0 #ffffff06,0 5px 18px #0002;transition:border-color .18s,box-shadow .18s}
.shop-search__bar:focus-within{border-color:#5599d0;box-shadow:0 0 0 3px #409eff12,0 5px 18px #0002}
.shop-search .shop-search__field{display:flex;align-items:center;flex:1;min-width:0;gap:12px;margin:0;padding:0 10px;border:0;background:none;color:#75acd3}
.shop-search__field svg{flex-shrink:0;width:18px;height:18px;opacity:.9}
.shop-search .shop-search__field input,.shop-search .shop-search__field input:focus,.shop-search .shop-search__field input:focus-visible{box-sizing:border-box;min-width:0;width:100%;height:40px;margin:0;padding:0;border:0!important;border-radius:0;outline:none!important;box-shadow:none!important;background:transparent;color:#e7f1ff;font:inherit;font-size:13px;line-height:normal;-webkit-appearance:none;appearance:none}
.shop-search__field input::placeholder{color:#8195ad;opacity:1}
.shop-search__field input::-webkit-search-cancel-button{cursor:pointer;filter:grayscale(1);opacity:.7}
.shop-search .shop-search__bar button{flex-shrink:0;height:40px;padding:0 20px;border:1px solid #397cc2;border-radius:10px;background:linear-gradient(135deg,#2679c6,#3d58bc);box-shadow:inset 0 1px 0 #ffffff18;color:#f2f7ff;font:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:filter .18s,box-shadow .18s}
.shop-search .shop-search__bar button:hover{filter:brightness(1.12);box-shadow:0 3px 12px #276cba30}
.shop-search__clear{padding:9px 12px;border-radius:8px;color:#9bb2cc;font-size:12px;text-decoration:none;transition:background .18s,color .18s}
.shop-search__clear:hover{background:#18304a;color:#dcecff}
.shop-search button:focus-visible,.shop-search__clear:focus-visible{outline:2px solid #8bd2ff;outline-offset:3px}
.shop-search__results{width:100%;padding-left:3px;font-size:12px;color:#829bb7}
.shop-search__label{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:480px){.shop-search{gap:7px}.shop-search__bar{gap:4px;border-radius:12px}.shop-search .shop-search__field{gap:8px;padding:0 7px}.shop-search .shop-search__bar button{padding:0 12px}.shop-search__field input::placeholder{font-size:12px}.shop-search__clear{padding:8px}}
@media(prefers-reduced-motion:reduce){.shop-search__bar,.shop-search .shop-search__bar button,.shop-search__clear{transition:none}}
.shop-search--live .shop-search__bar button{display:none}.shop-search--live .shop-search__bar{padding-right:12px}.shop-search__clear[hidden]{display:none}.shop-search[aria-busy=true] .shop-search__bar{border-color:#528fba}#shop-search-results[inert]{opacity:.65;transition:opacity .15s}
.shop-search button.shop-search__clear{border:0;background:transparent;font:inherit;font-size:12px;cursor:pointer}