/* Store suggestions under the theme search boxes (r23). Colours come from ccu-tokens.css when a page loads it; each
   fallback is the same token value, so the list looks the same on theme pages (blog, search) that do not. */
.ccu-ss-form{position:relative}
.ccu-ss{position:absolute;z-index:100000;top:calc(100% + 4px);left:0;right:0;min-width:min(320px,calc(100vw - 32px));max-height:min(420px,70vh);overflow-y:auto;overscroll-behavior:contain;margin:0;padding:6px 0;list-style:none;text-align:left;background:var(--ccu-surface,#fff);border:1px solid var(--ccu-line-strong,#cfc4de);border-radius:var(--ccu-radius,12px);box-shadow:0 12px 32px rgba(31,26,46,.16);font-family:var(--ccu-font,inherit)}
.ccu-ss[hidden]{display:none}
.ccu-ss::before{content:"Stores";display:block;padding:4px 14px 6px;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--ccu-muted,#625b70)}
.ccu-ss>.ccu-ss-item{display:flex;align-items:center;gap:12px;float:none;width:auto;min-height:44px;margin:0;padding:6px 14px;border:0;list-style:none;cursor:pointer;color:var(--ccu-ink,#1f1a2e);font-size:15px;font-weight:400;line-height:1.3;text-transform:none}
.ccu-ss>.ccu-ss-item::before,.ccu-ss>.ccu-ss-item::after{content:none}
.ccu-ss>.ccu-ss-item:hover,.ccu-ss>.ccu-ss-item[aria-selected="true"]{background:var(--ccu-brand-soft,#f3ecfc)}
.ccu-ss>.ccu-ss-item[aria-selected="true"]{box-shadow:inset 3px 0 0 var(--ccu-brand,#7f15db)}
.ccu-ss-logo{position:relative;flex:0 0 32px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid var(--ccu-line,#e5dfee);border-radius:var(--ccu-radius-sm,8px);background:var(--ccu-surface);color:var(--ccu-brand,#7f15db);font-size:14px;font-weight:700}
.ccu-ss-logo img{position:absolute;top:2px;left:2px;width:calc(100% - 4px);height:calc(100% - 4px);object-fit:contain;background:var(--ccu-surface)}
.ccu-ss-name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}
.ccu-ss>.ccu-ss-all{margin-top:4px;border-top:1px solid var(--ccu-line,#e5dfee);color:var(--ccu-brand-strong,#6611b0)}
.ccu-ss-status{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
@media (max-width:767px){.ccu-ss{max-height:60vh}.ccu-ss>.ccu-ss-item{font-size:16px}}
@media (prefers-reduced-motion:no-preference){.ccu-ss>.ccu-ss-item{transition:background-color .12s}}