.query-field { anchor-name:--discovery-query; }
.search-suggestions { position:fixed;position-anchor:--discovery-query;inset:auto;margin:6px 0 0;top:anchor(bottom);left:anchor(left);width:anchor-size(width);min-width:300px;max-width:calc(100vw - 52px);height:auto;max-height:min(720px,calc(100dvh - 30px));padding:0;background:var(--gg-bg-hero);color:var(--gg-text-1);border:1px solid var(--gg-border);border-radius:var(--gg-radius);box-shadow:var(--gg-shadow-pop);overflow:hidden; }
.search-suggestions:popover-open { display:flex;flex-direction:column; }
.suggestions-heading { display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid var(--gg-border); }
.suggestions-heading h2 { font-size:15px;margin:0; }.suggestions-heading button { min-height:32px; }
.suggestions-status { padding:8px 14px;margin:0;font-size:12px;color:var(--gg-text-3); }
.suggestions-items { flex:1;overflow:auto;scrollbar-gutter:stable;min-height:0;padding:0 8px; }
.suggestion-group { --suggestion-color:var(--gg-cat-festivals);padding:8px 0; }
.suggestion-group + .suggestion-group { border-top:1px solid var(--gg-border);margin-top:4px; }
.suggestion-artists { --suggestion-color:var(--gg-link); }
.suggestion-venues { --suggestion-color:var(--gg-link); }
.suggestions-items h3 { font:700 13px/1.4 var(--gg-font-display);color:var(--gg-text-1);margin:4px 8px 8px; }
.suggestions-items a { display:flex;align-items:flex-start;gap:10px;min-height:56px;padding:10px 8px;border-radius:var(--gg-radius-xs);text-decoration:none;color:var(--gg-text-1); }
.suggestions-items a:focus-visible { background:var(--gg-surface-2); }
@media(hover:hover) and (pointer:fine) {
 .suggestions-items a:hover { background:var(--gg-surface-2); }
}

.suggestion-icon { display:grid;place-items:center;flex:0 0 32px;height:32px;border-radius:var(--gg-radius);background:color-mix(in srgb,var(--suggestion-color) 12%,transparent);color:var(--suggestion-color); }
.suggestion-artists .suggestion-icon { background:var(--gg-surface-2); }
.suggestion-icon img { width:16px;height:20px;object-fit:contain;opacity:.65; }
.suggestion-icon svg { width:19px;height:19px; }
.suggestion-copy { flex:1;min-width:0; }
.suggestion-title { display:flex;flex-wrap:wrap;align-items:flex-start;gap:6px 8px; }
.suggestions-items strong { flex:1 1 140px;min-width:0;font:600 14px/1.4 var(--gg-font-display);overflow-wrap:anywhere; }
.suggestion-kind { flex-shrink:0;padding:2px 6px;border:1px solid color-mix(in srgb,var(--suggestion-color) 38%,transparent);border-radius:var(--gg-radius-xs);background:color-mix(in srgb,var(--suggestion-color) 10%,transparent);color:var(--suggestion-color);font:600 12px/1.4 var(--gg-font-display);text-transform:uppercase;letter-spacing:.03em; }
.suggestion-meta { display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin-top:5px; }
.suggestion-category { display:inline-block;flex:0 1 auto;max-width:100%;margin:0;padding:1px 6px;border:1px solid color-mix(in srgb,var(--category-color,#ccc) 33%,transparent);border-radius:var(--gg-radius-xs);background:color-mix(in srgb,var(--category-color,#ccc) 14%,transparent);color:var(--category-color,#ccc);font:500 12px/1.4 var(--gg-font-display);overflow-wrap:anywhere; }
.suggestion-detail { display:block;flex:1 1 220px;margin:0;font:400 12px/1.5 var(--gg-font-display);color:var(--gg-text-2);overflow-wrap:anywhere; }
.suggestions-items mark { background:transparent;color:inherit;font-weight:750;text-decoration:underline;text-decoration-color:var(--suggestion-color);text-underline-offset:3px; }
.suggestions-footer { border-top:1px solid var(--gg-border);padding:8px 12px; }.suggestions-footer button { width:100%;min-height:40px; }
.suggestions-mobile-input { display:none; }
@media(max-width:999px) { .suggestions-heading button,.suggestions-footer button { min-height:44px; }.suggestions-items a { min-height:44px; } }
@media(max-width:759px) {
 .search-suggestions { position:fixed;inset:var(--gg-visual-top,0px) 0 auto;top:var(--gg-visual-top,0px);left:0;margin:0;width:100%;min-width:0;max-width:none;height:var(--gg-visual-height,100dvh);max-height:none;border-radius:0; }
 .suggestions-heading { padding:12px 16px; }.suggestions-heading h2 { font-size:19px; }
 .suggestions-mobile-input { display:block;padding:12px 16px; }.suggestions-mobile-input label { display:block;font-size:11px;text-transform:uppercase;margin-bottom:6px; }.suggestions-mobile-input input { width:100%;height:48px; }
 .suggestions-footer { padding:12px 16px calc(12px + env(safe-area-inset-bottom)); }.suggestions-footer button { min-height:48px; }
 body:has(#search-suggestions:popover-open) .mobile-nav { display:none; }
}
html:has(dialog[open]),html:has(#search-suggestions:popover-open),html:has(#discovery-filters:popover-open) { overflow:hidden; }

.suggestion-icon img.suggestion-photo { width:32px;height:32px;object-fit:cover;opacity:1;border-radius:var(--gg-radius); }
.suggestion-photo-credit { margin:0 8px 8px 50px;font-size:12px;line-height:1.5;color:var(--gg-text-3);overflow-wrap:anywhere; }
.suggestion-photo-credit a { display:inline;min-height:0;padding:0;font:inherit;text-decoration:underline; }