/* Original, strictly scoped search surface. No changes to theme roots or fonts. */
.sps-launcher { display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid currentColor;border-radius:50%;color:inherit;text-decoration:none;vertical-align:middle; }
.sps-launcher .icon-search { display:inline-block;font-size:24px;line-height:1; }
.sps-launcher:hover { opacity:.8; }
.sps-visually-hidden { position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important; }
.sps-surface { --sps-public-build:sr06a5;box-sizing:border-box;font-size:16px;line-height:1.65;font-family:inherit;font-weight:400;color:#182c36;text-align:start; }
.sps-surface *,.sps-surface *::before,.sps-surface *::after { box-sizing:border-box; }
.sps-surface h1,.sps-surface h2,.sps-surface p,.sps-surface form { padding:0;float:none; }
.sps-surface a { color:#076c69;text-underline-offset:3px; }
.sps-surface a:hover { color:#084744; }
.sps-launcher:focus-visible,.sps-surface a:focus-visible,.sps-surface button:focus-visible,.sps-surface input:focus-visible { outline:3px solid #a6530b;outline-offset:3px; }
dialog.sps-dialog:not([open]) { display:none!important; }
dialog.sps-dialog[open] { display:block;position:fixed;inset:0;width:min(860px,calc(100% - 32px));max-width:none;height:auto;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);margin:auto;padding:20px;border:1px solid #acbdc2;border-radius:14px;background:#f7fafb;overflow:auto;overscroll-behavior:contain;box-shadow:0 16px 64px #0004;z-index:2147483000; }
dialog.sps-dialog::backdrop { background:#12253299; }
.sps-surface .sps-dialog-heading { display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 16px;position:static;width:auto;height:auto;background:transparent; }
.sps-surface .sps-dialog-heading h2 { margin:0;font-size:21px;font-weight:700;line-height:1.6; }
.sps-surface button[data-sps-close] { flex:0 0 40px;display:grid;place-items:center;border:1px solid #b5c7ce;border-radius:8px;background:white;color:#182c36;width:40px;height:40px;margin:0;padding:0;cursor:pointer; }
.sps-surface button[data-sps-close]:hover { background:#eaf2f5; }
.sps-public-page { width:min(960px,calc(100% - 32px));margin:32px auto 64px;background:#f7fafb;padding:24px;border-radius:12px; }
.sps-public-page h1 { font-size:27px;line-height:1.6;margin:0 0 20px; }
.sps-surface .sps-form { display:block;margin:0; }
.sps-surface .sps-form label { display:block;font-size:15px;line-height:1.6;margin:0 0 7px;font-weight:600; }
.sps-surface .sps-field { display:flex;align-items:stretch;background:white;border:1px solid #78919a;border-radius:12px;padding:0;overflow:visible; }
.sps-surface .sps-field input { -webkit-appearance:auto;appearance:auto;display:block;flex:1;width:0;min-width:0;max-width:none;height:auto;min-height:50px;padding:12px;font:inherit;line-height:1.5;color:#182c36;background:transparent;border:0;border-radius:12px;box-shadow:none;opacity:1; }
.sps-surface .sps-field input::placeholder { color:#526570;opacity:1; }
.sps-surface .sps-field button { display:grid;place-items:center;flex:0 0 46px;min-width:46px;min-height:46px;border:0;border-radius:9px;padding:0;margin:3px;background:#076c69;color:white;cursor:pointer; }
.sps-surface .sps-field button:hover { background:#085652; }
.sps-surface .sps-field button:active { transform:translateY(1px); }
.sps-surface button svg { display:block;width:24px;height:24px; }
.sps-surface .sps-feedback { font-size:14px;line-height:1.7;min-height:24px;margin:6px 0;color:#526570; }
.sps-surface .sps-feedback[data-error="true"] { color:#a52215; }
.sps-surface .sps-group { margin:16px 0 24px; }
.sps-surface .sps-group h2,.sps-surface .sps-popular h2 { font-size:17px;line-height:1.65;margin:0 0 9px;font-weight:700; }
.sps-surface .sps-list,.sps-surface .sps-suggestions { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px; }
.sps-surface .sps-result { display:flex;align-items:center;gap:12px;min-width:0;min-height:46px;padding:11px;border:1px solid #d3e0e5;border-radius:10px;background:white;text-decoration:none;overflow-wrap:anywhere;font-size:16px;line-height:1.65; }
.sps-surface .sps-result:hover { background:#edf7f7;border-color:#8aa9b2; }
.sps-surface .sps-result span { min-width:0; }
.sps-surface .sps-result small { display:block;font-size:12px;line-height:1.6;color:#526570;margin-top:4px; }
.sps-surface .sps-result img,.sps-surface .sps-image-placeholder { display:grid;place-items:center;width:64px;max-width:64px;height:64px;flex:0 0 64px;object-fit:contain;background:#f8fafb;border-radius:8px; }
.sps-surface .sps-image-placeholder svg { width:24px;height:24px; }
.sps-surface .sps-pages { display:flex;gap:16px;margin:12px 0 0; }
.sps-surface .sps-pages a { display:block;padding:8px 12px;min-height:44px;background:white;border:1px solid #d3e0e5;border-radius:8px;font-size:15px; }
.sps-surface .sps-empty { padding:16px 12px;margin:16px 0;background:white;border:1px solid #d3e0e5;border-radius:10px; }
.sps-surface .sps-results[aria-busy="true"] { opacity:.65; }
.sps-surface .sps-banner { display:block;margin:8px 0 16px; }
.sps-surface .sps-banner picture { display:block; }
.sps-surface .sps-banner img { display:block;width:100%;height:auto;max-height:180px;object-fit:contain;border-radius:8px; }
.sps-surface .sps-popular { margin:16px 0; }
.sps-surface .sps-popular>div { display:flex;flex-wrap:wrap;gap:8px; }
.sps-surface .sps-popular a { display:block;border:1px solid #d3e0e5;border-radius:8px;padding:8px 12px;min-height:44px;background:white;text-decoration:none;font-size:15px; }
.sps-no-script { font:16px/1.6 sans-serif;text-align:center;padding:8px; }.sps-no-script svg { vertical-align:middle;margin-inline-end:8px; }
@media(max-width:600px) { dialog.sps-dialog[open] { width:calc(100% - 16px);max-height:calc(100vh - 16px);max-height:calc(100dvh - 16px);padding:14px;border-radius:12px; }.sps-surface .sps-dialog-heading h2 { font-size:19px; }.sps-surface .sps-list,.sps-surface .sps-suggestions { grid-template-columns:minmax(0,1fr); }.sps-public-page { padding:16px;margin-top:18px; }.sps-surface .sps-result { padding:10px; }.sps-surface .sps-banner img { max-height:145px; } }
@media(prefers-reduced-motion:reduce) { .sps-surface * { scroll-behavior:auto!important;transition:none!important; } }

/* Compact collection navigation, without additional shopper modes. */
.sps-surface .sps-compact { display:flex;align-items:center;gap:10px;min-width:0;margin-block:10px; }
.sps-surface .sps-compact h2 { flex:0 0 auto;margin:0;font-size:13px;line-height:1.5; }
.sps-surface .sps-compact .sps-list { display:flex;flex-wrap:nowrap;gap:7px;overflow-x:auto;min-width:0;padding:2px;scrollbar-width:thin; }
.sps-surface .sps-compact .sps-result { display:flex;flex:0 0 auto;max-width:200px;min-height:40px;padding:7px 12px;border-radius:20px;font-size:14px;line-height:1.6; }
.sps-surface .sps-compact .sps-result span { overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
@media(max-width:480px){ .sps-surface .sps-compact { gap:8px; } .sps-surface .sps-compact h2 { font-size:12px; } .sps-surface .sps-compact .sps-result { max-width:160px; } }

/* Selected-brand context is one removable filter, not a new search mode. */
.sps-brand-context{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:8px 0 14px;font-size:14px}.sps-brand-context a{display:inline-flex;align-items:center;min-height:40px;padding:2px 10px;text-decoration:underline}.sps-brand-context a:focus-visible{outline:2px solid currentColor;outline-offset:3px}

/* Phrase completion is one optional three-line list, with no extra search mode. */
.sps-surface .sps-completions[hidden]{display:none!important}
.sps-surface .sps-completions{display:block;list-style:none;margin:6px 0 0;padding:4px;border:1px solid #b5c7ce;border-radius:10px;background:#fff;max-height:180px;overflow:auto}
.sps-surface .sps-completions [role="option"]{display:block;margin:0;padding:8px 10px;min-height:40px;line-height:1.55;cursor:pointer;font-size:15px;overflow-wrap:anywhere;border-radius:6px;text-align:start}
.sps-surface .sps-completions [role="option"]::before{content:none!important}
.sps-surface .sps-completions [role="option"]:hover,.sps-surface .sps-completions [aria-selected="true"]{background:#e7f2f0;color:#064e4b;outline:2px solid #076c69;outline-offset:-2px}
@media(max-width:600px){.sps-surface .sps-completions [role="option"]{font-size:14px;min-height:42px}}