/* Live product search panel (inc/search.php). Colours come from the active design's tokens, with neutral fallbacks. */
.dvk-search { position: fixed; inset: 0; z-index: 10000; display: grid; align-items: start; justify-items: center; padding: 12px; background: rgb(0 0 0 / 0.45); }
.dvk-search[hidden] { display: none; }
.dvk-search-open { overflow: hidden; }
.dvk-search__box { position: relative; width: min(680px, 100%); max-height: calc(100dvh - 24px); overflow-y: auto; padding: 18px; border-radius: 12px; background: var(--surface, var(--white, #fff)); color: var(--ink, #151515); box-shadow: 0 24px 60px rgb(0 0 0 / 0.25); }
.dvk-search__form { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; margin-right: 48px; }
.dvk-search__form input[type=search] { min-width: 0; min-height: 48px; padding: 0 14px; border: 1px solid var(--line, #d0d0d0); border-radius: 8px; background: #fff; color: #151515; font: inherit; font-size: 16px; }
.dvk-search__submit { min-height: 48px; padding: 0 16px; border: 0; border-radius: 8px; background: var(--brand, var(--lime, #151515)); color: var(--brand-ink, var(--ink, #fff)); font: inherit; font-weight: 800; cursor: pointer; }
.dvk-search__close { position: absolute; top: 18px; right: 14px; width: 44px; height: 44px; border: 0; background: transparent; color: inherit; font-size: 28px; line-height: 1; cursor: pointer; }
.dvk-search__status { margin: 12px 0 0; color: var(--muted, #666); }
.dvk-search__status:empty { display: none; }
.dvk-search__results { margin: 10px 0 0; padding: 0; list-style: none; }
.dvk-search__item { display: grid; grid-template-columns: 56px minmax(0, 1fr); gap: 12px; align-items: center; padding: 8px 4px; border-bottom: 1px solid var(--line, #e3e3e3); color: inherit; text-decoration: none; }
.dvk-search__item:hover, .dvk-search__item:focus-visible { background: rgb(0 0 0 / 0.04); }
.dvk-search__item img { width: 56px; height: 56px; object-fit: contain; border-radius: 6px; background: #fff; }
.dvk-search__item strong { display: block; font-size: 15px; line-height: 1.3; }
.dvk-search__item small { display: block; margin-top: 3px; font-size: 14px; font-weight: 700; }
.dvk-search__all { display: block; padding: 14px 4px 4px; color: inherit; font-weight: 800; }