/* Opt-in administrator search-card preview for WPGB metro grid 2. Keep within fixed card slots. */
.vukx-search-card{box-sizing:border-box!important;display:flex!important;flex-direction:column!important;gap:9px!important;height:100%!important;min-height:0!important;max-height:100%!important;padding:12px!important;margin:0!important;background:#fffdf9!important;border:1px solid #e7e7df!important;border-radius:11px!important;box-shadow:0 2px 11px rgba(30,48,43,.065)!important;overflow:hidden!important;text-align:left!important;align-items:stretch!important;justify-content:flex-start!important}
.vukx-search-card *{box-sizing:border-box!important}.vukx-search-card .vukx-sc-head{display:flex!important;align-items:center!important;gap:11px!important;min-height:66px!important;max-height:66px!important;min-width:0!important;flex-shrink:0!important}.vukx-search-card .vukx-sc-photo{height:66px!important;width:66px!important;flex:0 0 66px!important;display:grid!important;place-items:center!important;overflow:hidden!important;border-radius:9px!important;background:#edf3ef!important;color:#397f7a!important;text-decoration:none!important}.vukx-search-card .vukx-sc-photo img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important}
.vukx-search-card .vukx-sc-info{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:4px!important;min-width:0!important;flex:1!important;overflow:hidden!important}.vukx-search-card .vukx-sc-name{font-family:'Open Sans',Arial,sans-serif!important;color:#315b56!important;font-weight:600!important;font-size:16px!important;line-height:1.25!important;display:block!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;text-decoration:none!important;margin:0!important}.vukx-search-card .vukx-sc-view{font:400 11px/1.3 'Open Sans',Arial,sans-serif!important;color:#56847c!important;text-decoration:underline!important;text-underline-offset:3px!important}
.vukx-search-card .vukx-sc-player{display:flex!important;align-items:center!important;gap:10px!important;background:#f2f5f1!important;border-radius:9px!important;padding:8px 9px!important;flex:0 0 61px!important;width:100%!important;max-width:100%!important;min-width:0!important;overflow:hidden!important}.vukx-search-card .vukx-sc-play{appearance:none!important;display:grid!important;place-items:center!important;flex:0 0 36px!important;width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;color:white!important;background:#397f7a!important;cursor:pointer!important;line-height:1!important}.vukx-search-card .vukx-sc-play svg{height:18px!important;width:18px!important;display:block!important;margin:auto!important}.vukx-search-card .vukx-sc-wavebox{display:flex!important;flex-direction:column!important;justify-content:center!important;flex:1 1 0!important;min-width:0!important;max-width:calc(100% - 46px)!important;overflow:hidden!important}.vukx-search-card .vukx-sc-demo-label{display:block!important;font:500 10px/1.2 'Open Sans',Arial,sans-serif!important;color:#5c736d!important}.vukx-search-card .vukx-sc-wave{display:block!important;height:30px!important;width:100%!important;max-width:100%!important;cursor:pointer!important}.vukx-search-card .vukx-search-audio{display:none!important}
.vukx-search-card .vukx-sc-actions{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:7px!important;min-width:0!important;width:100%!important;margin:0!important;padding:0!important;flex:0 0 34px!important}.vukx-search-card .vukx-sc-actions button{appearance:none!important;display:block!important;min-width:0!important;width:100%!important;height:34px!important;min-height:34px!important;max-height:34px!important;margin:0!important;padding:0 5px!important;border-radius:7px!important;cursor:pointer!important;box-shadow:none!important;font:600 11px/1.2 'Open Sans',Arial,sans-serif!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;opacity:1!important;visibility:visible!important;transform:none!important}.vukx-search-card .vukx-sc-shortlist{background:#fffdf9!important;border:1px solid #a5c3b9!important;color:#376f66!important}.vukx-search-card .vukx-sc-invite{background:#397f7a!important;border:1px solid #397f7a!important;color:#fff!important}.vukx-search-card .vukx-sc-empty{font:400 12px/1.3 'Open Sans',Arial,sans-serif!important;color:#718480!important;margin:0!important}.vukx-search-card a:focus-visible,.vukx-search-card button:focus-visible,.vukx-search-card canvas:focus-visible{outline:2px solid #5d9b90!important;outline-offset:2px!important}
/* Do not increase WPGB metro card height: 240px slots must remain separated. */
.wpgb-card:has(> .vukx-search-card),.wpgb-card:has(.vukx-search-card){overflow:visible!important}
@media(max-width:576px){.vukx-search-card{padding:10px!important;gap:8px!important}.vukx-search-card .vukx-sc-actions button{font-size:11px!important}}
@keyframes vukx-sc-pulse{0%,100%{transform:scale(1)}25%,65%{transform:scale(1.10);box-shadow:0 0 0 7px rgba(57,127,122,.18)}45%,85%{transform:scale(1.02)}}
.vukx-shortlist-float-toggle.vukx-sc-pill-pulse{animation:vukx-sc-pulse .75s ease-in-out 2!important}

/* No flash of the old Ironstone card during asynchronous Load more. */
body.vukx-search-preview-active .wpgb-card:not([data-vukx-resolved]):not(.vukx-sc-fallback){visibility:hidden!important}
body.vukx-search-preview-active .wpgb-card[data-vukx-resolved]{visibility:visible!important}
.vukx-sc-dock[hidden],.vukx-sc-filter-panel[hidden]{display:none!important}
.vukx-sc-dock{box-sizing:border-box;position:fixed;z-index:99990;left:50%;transform:translateX(-50%);bottom:15px;width:min(860px,calc(100vw - 36px));display:flex;align-items:center;gap:13px;background:#203f43;color:#fff;padding:12px 15px;border-radius:14px;box-shadow:0 10px 32px #102e3480;font:500 12px/1.4 'Open Sans',Arial,sans-serif}
.vukx-sc-dock button{cursor:pointer;border-radius:7px;white-space:nowrap;font:600 12px/1.2 'Open Sans',Arial,sans-serif}.vukx-sc-dock-toggle{flex:0 0 37px;height:37px;border-radius:50%!important;background:#5b9c94;color:white;border:0;display:grid;place-items:center}.vukx-sc-dock-toggle svg{width:20px;height:20px}.vukx-sc-dock-label{min-width:90px;max-width:165px;flex:1}.vukx-sc-dock-label strong{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vukx-sc-dock-label a{color:#d6eae4!important;font-size:11px}.vukx-sc-dock-wave{width:100%;height:30px;flex:2;min-width:45px;cursor:pointer}.vukx-sc-dock-save,.vukx-sc-dock-invite{background:transparent;color:#fff;border:1px solid #819f9d;padding:10px}.vukx-sc-dock-invite{background:#e5f0ed;color:#234e49;border-color:#e5f0ed}.vukx-sc-dock-close{color:white;background:none;border:0;font-size:22px!important;padding:4px}
.vukx-sc-mobile-toolbar{display:none}.vukx-sc-filter-panel{position:fixed;inset:0;z-index:99991;display:flex}.vukx-sc-filter-shade{position:absolute;inset:0;border:0;background:#152d35a8;width:100%;height:100%}.vukx-sc-filter-frame{position:absolute;right:0;top:0;bottom:0;width:min(380px,92vw);background:#fffdf9;display:flex;flex-direction:column;box-shadow:-5px 0 26px #102d3544}.vukx-sc-filter-head{padding:18px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e0e8e3;color:#294f4b;font:600 16px 'Open Sans',Arial,sans-serif}.vukx-sc-filter-head button{border:0;background:none;font-size:28px;color:#294f4b;cursor:pointer}.vukx-sc-filter-content{padding:16px 19px;overflow:auto;flex:1}.vukx-sc-filter-done{margin:12px 18px 18px;padding:12px;background:#397f7a;color:white;border:0;border-radius:9px;font:600 13px 'Open Sans',Arial,sans-serif;cursor:pointer}body.vukx-sc-filters-open{overflow:hidden}
@media(max-width:767px){.vukx-sc-mobile-toolbar{display:flex;gap:10px;justify-content:space-between;margin:12px 0 16px}.vukx-sc-mobile-toolbar button{flex:1;border:1px solid #9bbcb4;background:#fffdf9;color:#2e6861;border-radius:8px;padding:12px;font:600 13px 'Open Sans',Arial,sans-serif;cursor:pointer}.vukx-sc-mobile-toolbar .vukx-sc-mobile-results{background:#397f7a;color:#fff}.vukx-sc-dock{gap:8px;bottom:8px;width:calc(100vw - 16px);padding:9px;flex-wrap:wrap}.vukx-sc-dock-label{flex:1;max-width:none}.vukx-sc-dock-wave{order:3;flex:1 1 100%;height:23px}.vukx-sc-dock-save,.vukx-sc-dock-invite{font-size:10px!important;padding:7px}.vukx-sc-dock-close{font-size:19px!important}}

/* v0.132 — match the restrained editorial grading used on showcase portraits. */
.vukx-search-card .vukx-sc-photo{position:relative!important;isolation:isolate!important}
.vukx-search-card .vukx-sc-photo img{filter:saturate(.4) contrast(1.045) brightness(1.035)!important;transition:filter .25s ease!important}
.vukx-search-card .vukx-sc-photo:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(145deg,rgba(45,100,98,.13),rgba(240,246,237,.055) 50%,rgba(30,64,72,.12));mix-blend-mode:multiply}
.vukx-search-card .vukx-sc-link-wait{width:11px;height:11px;display:inline-block;vertical-align:middle;margin-left:5px;border:2px solid #9cc7bc;border-top-color:#255952;border-radius:50%;animation:vukx-sc-spin .65s linear infinite}
.vukx-search-card .vukx-sc-photo .vukx-sc-link-wait{position:absolute;inset:auto 4px 4px auto;background:#fffdf9;z-index:2;width:16px;height:16px;margin:0}
.vukx-search-card a.vukx-sc-opening{opacity:.78!important;cursor:progress!important}
@keyframes vukx-sc-spin{to{transform:rotate(360deg)}}
.vukx-search-card .vukx-sc-new{display:inline-block;margin-left:7px;border-radius:4px;background:#dcefe7;color:#246555;font:700 9px/1.4 'Open Sans',Arial,sans-serif;letter-spacing:.05em;padding:1px 4px;vertical-align:middle}
/* Keep this guard applied to sorting, facet changes, and Load more alike. */
html.vukx-search-early .wpgb-card:not([data-vukx-resolved]):not(.vukx-sc-fallback){visibility:hidden!important}
html.vukx-search-early .wpgb-card[data-vukx-resolved],html.vukx-search-early .wpgb-card.vukx-sc-fallback{visibility:visible!important}

/* v0.133: grid wrappers may be reused when WPGB swaps content during facets/sort. */
html.vukx-search-early .wpgb-card:not(:has(.wpgb-card-inner.vukx-search-card)):not(.vukx-sc-fallback){visibility:hidden!important}
html.vukx-search-early .wpgb-card:has(.wpgb-card-inner.vukx-search-card),html.vukx-search-early .wpgb-card.vukx-sc-fallback{visibility:visible!important}
.vukx-search-card .vukx-sc-demo-label{display:flex!important;align-items:center!important;gap:6px!important}
.vukx-search-card .vukx-sc-new{margin-left:0!important;flex:none!important}
@keyframes vukx-sc-pill-enter{0%{transform:translateY(12px) scale(.8);opacity:.25}55%{transform:translateY(-4px) scale(1.08);opacity:1}100%{transform:translateY(0) scale(1);opacity:1}}
.vukx-shortlist-float.vukx-sc-pill-appearing{animation:vukx-sc-pill-enter .65s ease-out both!important}
/* Facet polish, restricted to the opt-in search preview. */
body.vukx-search-preview-active .wpgb-facet{font-family:'Open Sans',Arial,sans-serif!important;font-size:13px!important;color:#385751!important}
body.vukx-search-preview-active .wpgb-facet .wpgb-facet-title{font:600 13px/1.5 'Open Sans',Arial,sans-serif!important;color:#2c5650!important;margin-bottom:9px!important}
body.vukx-search-preview-active .wpgb-facet input[type=text],body.vukx-search-preview-active .wpgb-facet input[type=search],body.vukx-search-preview-active .wpgb-facet select{box-sizing:border-box!important;max-width:100%!important;min-height:38px!important;padding:9px 12px!important;background:#fffdf9!important;border:1px solid #cbdcd4!important;border-radius:8px!important;color:#254c46!important;font:400 13px/1.4 'Open Sans',Arial,sans-serif!important;box-shadow:none!important}
body.vukx-search-preview-active .wpgb-facet .wpgb-button,body.vukx-search-preview-active .wpgb-facet button:not(.wpgb-checkbox){border-radius:7px!important;font-family:'Open Sans',Arial,sans-serif!important;font-size:12px!important;transition:background .18s ease,border-color .18s ease,color .18s ease!important}
body.vukx-search-preview-active .wpgb-facet .wpgb-checkbox-facet .wpgb-checkbox-control,body.vukx-search-preview-active .wpgb-facet .wpgb-checkbox-control{border-radius:5px!important;border-color:#99b9b0!important}
body.vukx-search-preview-active .wpgb-facet .wpgb-checkbox-facet li,body.vukx-search-preview-active .wpgb-facet .wpgb-checkbox-facet .wpgb-checkbox{margin-bottom:6px!important}
body.vukx-search-preview-active .wpgb-facet a{color:#397f7a!important;text-decoration-thickness:1px}
.vukx-sc-filter-panel .wpgb-facet{max-width:100%!important}
.vukx-sc-filter-panel .mobile_search_sort_by,.vukx-sc-filter-panel .nonmobile_search_sort_by{display:block!important;width:100%!important;margin:0 0 16px!important;padding:0 0 15px!important;border-bottom:1px solid #e2ebe5!important}
.vukx-sc-filter-panel .wpgb-facet{margin-bottom:16px!important}

/* v0.134: show cards only once a real redesigned heading has been inserted. */
html.vukx-search-early .wpgb-card:not(.vukx-sc-fallback):not(:has(.vukx-sc-head)){visibility:hidden!important;opacity:0!important}
html.vukx-search-early .wpgb-card:has(.vukx-sc-head){visibility:visible!important;opacity:1!important}
.vukx-sc-opening-toast[hidden]{display:none!important}
.vukx-sc-opening-toast{position:fixed;z-index:2147483000;bottom:24px;left:50%;transform:translateX(-50%);padding:12px 18px;border-radius:12px;background:#224d49;color:white;box-shadow:0 12px 38px #0003;font:600 13px/1.3 'Open Sans',Arial,sans-serif;display:flex;gap:11px;align-items:center;pointer-events:none;white-space:nowrap}
.vukx-sc-toast-spinner{width:16px;height:16px;border:2px solid #ffffff60;border-top-color:#fff;border-radius:50%;animation:vukx-sc-toast-spin .65s linear infinite}
@keyframes vukx-sc-toast-spin{to{transform:rotate(360deg)}}

/* v0.136: reassuring grid progress without revealing the original Ironstone skin. */
.vukx-sc-updating[hidden]{display:none!important}
.vukx-sc-updating{position:sticky;top:12px;z-index:55;width:max-content;max-width:calc(100% - 24px);margin:10px auto 14px;display:flex;align-items:center;gap:10px;border:1px solid #b9d8cf;border-radius:40px;background:#f3faf6;color:#285a54;padding:10px 16px;box-shadow:0 5px 18px rgba(23,64,61,.09);font:600 12px/1.4 'Open Sans',Arial,sans-serif}
.vukx-sc-updating-spin{width:16px;height:16px;flex:none;border-radius:50%;border:2px solid #c3ddd5;border-top-color:#317c75;animation:vukx-sc-spin .65s linear infinite}
.vukx-search-card .vukx-sc-invite{min-width:0!important;white-space:nowrap!important}
#vukx-client-project .vukx-client-form-warning{padding:15px 18px;border:1px solid #e2bb95;border-radius:9px;background:#fff9f1;color:#704e31;font-size:14px}

/* v0.337: do not mistake previous search results for newly requested voices. */
@keyframes vukx-grid-shimmer{to{background-position-x:-200%}}
@media(prefers-reduced-motion:reduce){
  .vukx-sc-updating-spin,.vukx-sc-toast-spinner,.vukx-sc-pill-pulse{animation:none!important}
}
/* v0.343: competing preview shimmer prevented demo controls being clickable. */

/* Audio Intelligence keywords: single, quiet tag row within fixed WPGB card slot. */
.vukx-search-card:has(.vukx-sc-keywords){gap:7px!important}
.vukx-search-card .vukx-sc-keywords{display:flex!important;align-items:center!important;gap:5px!important;flex:0 0 24px!important;height:24px!important;max-height:24px!important;min-width:0!important;width:100%!important;overflow:hidden!important;white-space:nowrap!important;margin:0!important;padding:0!important}
.vukx-search-card .vukx-sc-keyword,.vukx-search-card .vukx-sc-keyword-more{display:inline-block!important;flex:0 1 auto!important;min-width:0!important;max-width:42%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;padding:4px 8px!important;margin:0!important;border:1px solid #d7e6de!important;border-radius:999px!important;background:#edf5ef!important;color:#376e63!important;font:600 10px/1.2 'Open Sans',Arial,sans-serif!important;letter-spacing:.005em!important}
.vukx-search-card .vukx-sc-keyword-more{flex:0 0 auto!important;background:#fffdf9!important;color:#5e7970!important}
@media(max-width:576px){.vukx-search-card .vukx-sc-keywords{gap:4px!important}.vukx-search-card .vukx-sc-keyword{padding:4px 6px!important}}

/* V354: keyword chips must survive WPGB/Spotfinder typography resets. */
html body .wpgb-card-inner.vukx-search-card .vukx-sc-keywords{display:flex!important;gap:6px!important;justify-content:flex-start!important;align-items:center!important;white-space:nowrap!important}
html body .wpgb-card-inner.vukx-search-card .vukx-sc-keywords>span{display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:5px 9px!important;margin:0!important;border:1px solid #d7e6de!important;background:#edf5ef!important;border-radius:999px!important;color:#376e63!important;line-height:1.2!important;white-space:nowrap!important}

/* 0.357.5: Keep WPGB's actual column widths and horizontal placement.
   JS synchronises each metro tile/wrapper with the measured content height. */
body.vukx-search-preview-active .wpgb-grid .wpgb-card-inner.vukx-search-card {
  height:auto!important; min-height:0!important; max-height:none!important;
  overflow:visible!important; justify-content:flex-start!important; gap:9px!important;
}
body.vukx-search-preview-active .wpgb-grid .wpgb-card-inner.vukx-search-card .vukx-sc-actions {
  margin-top:0!important; flex-shrink:0!important;
}
body.vukx-search-preview-active .wpgb-grid .wpgb-card:has(.vukx-search-card),
body.vukx-search-preview-active .wpgb-grid .wpgb-card:has(.vukx-search-card) > .wpgb-card-wrapper {
  min-height:0!important; max-height:none!important; overflow:visible!important;
}

/* 0.357.6: shrink wrap visual sections, never distribute spare tile height. */
body.vukx-search-preview-active .wpgb-grid .wpgb-card-inner.vukx-search-card{height:max-content!important;align-self:start!important;flex:0 0 auto!important;justify-content:flex-start!important;align-content:start!important}
body.vukx-search-preview-active .wpgb-grid .wpgb-card-inner.vukx-search-card .vukx-sc-actions{align-self:start!important;margin-top:0!important}


/* 0.357.47 — tidy WPGB facets in both preview shells; avoid inheriting
   Spotfinder's oversized star SVGs and cramped form spacing. */
body.vukx-search-preview-active .wpgb-facet,
body.vukx-search-preview-active .wpgb-facet * {box-sizing:border-box}
body.vukx-search-preview-active .wpgb-facet:not(.wpgb-facet-20){min-width:0;margin-bottom:18px!important}
body.vukx-search-preview-active .wpgb-facet h4.wpgb-facet-title{
  font:700 13px/1.4 'Open Sans',Arial,sans-serif!important;
  margin:0 0 10px!important;padding:0!important;border:0!important;color:#315b56!important;
}
body.vukx-search-preview-active .wpgb-facet .wpgb-sr-only{
  position:absolute!important;width:1px!important;height:1px!important;
  margin:-1px!important;padding:0!important;overflow:hidden!important;
  clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;
}
body.vukx-search-preview-active .wpgb-facet fieldset{padding:0!important;margin:0!important;min-width:0!important;border:0!important}
body.vukx-search-preview-active .wpgb-facet ul{list-style:none!important;margin:0!important;padding:0!important}
body.vukx-search-preview-active .wpgb-facet li{list-style:none!important;margin:0 0 8px!important;padding:0!important}
body.vukx-search-preview-active .wpgb-facet .wpgb-checkbox{
  display:flex!important;align-items:flex-start!important;gap:9px!important;
  color:#41665e!important;cursor:pointer;min-width:0;width:100%;
}
body.vukx-search-preview-active .wpgb-facet .wpgb-checkbox-control{
  display:inline-block!important;flex:0 0 16px!important;width:16px!important;
  height:16px!important;margin:2px 0 0!important;background:#fffdf9!important;
  border:1px solid #9ebeb5!important;border-radius:4px!important;
}
body.vukx-search-preview-active .wpgb-facet .wpgb-checkbox[aria-pressed="true"] .wpgb-checkbox-control{
  background:#397f7a!important;border-color:#397f7a!important;box-shadow:inset 0 0 0 3px #fffdf9!important;
}
body.vukx-search-preview-active .wpgb-facet .wpgb-checkbox-label,
body.vukx-search-preview-active .wpgb-facet .wpgb-button-label{
  min-width:0!important;max-width:100%!important;white-space:normal!important;
  word-break:normal!important;overflow-wrap:break-word!important;
  font:400 12px/1.5 'Open Sans',Arial,sans-serif!important;
}
body.vukx-search-preview-active .wpgb-facet .wpgb-rating-facet li{margin:0 0 8px!important}
body.vukx-search-preview-active .wpgb-facet .wpgb-rating{
  display:flex!important;align-items:center!important;gap:9px!important;
  width:max-content!important;max-width:100%!important;min-width:0!important;
  cursor:pointer;color:#c18f37!important;
}
body.vukx-search-preview-active .wpgb-facet .wpgb-rating-control{
  display:inline-flex!important;align-items:center!important;flex:0 0 120px!important;
  width:120px!important;max-width:120px!important;height:24px!important;
  overflow:hidden!important;
}
body.vukx-search-preview-active .wpgb-facet svg.wpgb-rating-svg{
  display:block!important;position:static!important;width:120px!important;
  max-width:120px!important;min-width:120px!important;height:24px!important;
  min-height:24px!important;max-height:24px!important;
}
body.vukx-search-preview-active .wpgb-facet .wpgb-rating-label{font-size:12px!important;line-height:1.5!important}
body.vukx-search-preview-active .wpgb-facet .wpgb-button-facet .wpgb-inline-list{display:flex!important;flex-wrap:wrap!important;gap:7px!important}
body.vukx-search-preview-active .wpgb-facet .wpgb-button-facet li{margin:0!important}
body.vukx-search-preview-active .wpgb-facet .wpgb-button-facet .wpgb-button{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  padding:7px 11px!important;min-height:32px!important;border:1px solid #b5d1c8!important;
  border-radius:7px!important;background:#fffdf9!important;color:#376b62!important;
  cursor:pointer;max-width:100%!important;text-align:center!important;
}
body.vukx-search-preview-active .wpgb-facet .wpgb-button-facet .wpgb-button[aria-pressed="true"]{
  color:#fff!important;background:#397f7a!important;border-color:#397f7a!important;
}
body.vukx-search-preview-active .wpgb-facet-20{text-align:center!important;clear:both!important;margin:18px auto 26px!important;padding:0!important}
body.vukx-search-preview-active .wpgb-facet-20 .wpgb-load-more{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  border:1px solid #397f7a!important;border-radius:9px!important;
  background:#397f7a!important;color:#fff!important;padding:11px 20px!important;
  min-height:42px!important;max-width:100%!important;font:600 13px/1.4 'Open Sans',Arial,sans-serif!important;
}
/* The floating filter dialog belongs above the sticky player. A hidden
   panel must truly be removed from layout, even though its base uses flex. */
body.vukx-search-preview-active .vukx-sc-filter-panel[hidden]{display:none!important}
body.vukx-search-preview-active .vukx-sc-filter-panel{z-index:2147483100!important;overflow:hidden!important}
body.vukx-search-preview-active .vukx-sc-filter-frame{
  width:min(410px,100vw)!important;max-width:100vw!important;min-width:0!important;
  height:100vh!important;height:100dvh!important;max-height:100dvh!important;
  box-sizing:border-box!important;overflow:hidden!important;
}
body.vukx-search-preview-active .vukx-sc-filter-head{
  flex:0 0 auto!important;min-height:60px!important;padding:14px 20px!important;
  gap:12px!important;line-height:1.35!important;
}
body.vukx-search-preview-active .vukx-sc-filter-head strong{font-size:15px!important;min-width:0!important}
body.vukx-search-preview-active .vukx-sc-filter-head button{flex:0 0 38px!important;width:38px!important;height:38px!important;line-height:1!important}
body.vukx-search-preview-active .vukx-sc-filter-content{
  flex:1 1 auto!important;min-height:0!important;max-width:100%!important;
  padding:18px 20px 26px!important;overflow-y:auto!important;overflow-x:hidden!important;
  overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch;
}
body.vukx-search-preview-active .vukx-sc-filter-content > *,
body.vukx-search-preview-active .vukx-sc-filter-content > .wpb_text_column > .wpb_wrapper{
  display:block!important;width:100%!important;max-width:100%!important;
  float:none!important;clear:both!important;margin-left:0!important;margin-right:0!important;
  min-width:0!important;box-sizing:border-box!important;
}
body.vukx-search-preview-active .vukx-sc-filter-content > .wpb_text_column{
  margin-top:0!important;margin-bottom:18px!important;padding:0 0 16px!important;
  border-bottom:1px solid #e4ece8!important;
}
body.vukx-search-preview-active .vukx-sc-filter-content > .wpb_text_column:last-child{border-bottom:0!important}
body.vukx-search-preview-active .vukx-sc-filter-panel .nonmobile_search_sort_by{display:none!important}
body.vukx-search-preview-active .vukx-sc-filter-panel .mobile_search_sort_by{display:block!important}
body.vukx-search-preview-active .vukx-sc-filter-done{
  flex:0 0 auto!important;margin:0!important;padding:14px 18px!important;
  border-radius:0!important;min-height:52px!important;
  padding-bottom:max(14px,env(safe-area-inset-bottom))!important;
}
@media(max-width:767px){
 body.vukx-search-preview-active .vukx-sc-mobile-toolbar{
   position:relative!important;z-index:2!important;gap:9px!important;
   margin:15px 0 20px!important;flex-wrap:wrap!important;
 }
 body.vukx-search-preview-active .vukx-sc-mobile-toolbar button{
   min-width:0!important;min-height:44px!important;white-space:normal!important;
   padding:10px 12px!important;font-size:12px!important;line-height:1.35!important;
 }
 body.vukx-search-preview-active .wpgb-facet-20{margin:14px auto 28px!important}
}

/* Mobile Grid Builder: saved 0.357.46 HTML retained 3×293px desktop columns
   inside a 332px-wide result column (scrollWidth 925px). Force genuine
   one-column geometry, leaving desktop WPGB layout and card widths untouched. */
@media(max-width:767px){
 body.vukx-search-preview-active .wp-grid-builder,
 body.vukx-search-preview-active .wp-grid-builder .wpgb-wrapper,
 body.vukx-search-preview-active .wp-grid-builder .wpgb-main,
 body.vukx-search-preview-active .wp-grid-builder .wpgb-layout,
 body.vukx-search-preview-active .wp-grid-builder .wpgb-viewport,
 body.vukx-search-preview-active .wp-grid-builder .wpgb-metro{
  box-sizing:border-box!important;width:100%!important;max-width:100%!important;min-width:0!important;
 }
 body.vukx-search-preview-active .wp-grid-builder .wpgb-metro{position:relative!important}
 body.vukx-search-preview-active .wp-grid-builder .wpgb-metro > .wpgb-card{
  position:absolute!important;left:0!important;top:0!important;
  width:100%!important;max-width:100%!important;min-width:0!important;
  margin:0!important;box-sizing:border-box!important;
 }
 body.vukx-search-preview-active .wpgb-facet-20{display:block!important;visibility:visible!important;opacity:1!important}
 body.vukx-search-preview-active .vukx-sc-filter-content .wpgb-facet-20{display:none!important}
}

/* WPGB uses absolute top/left coordinates in both Spotfinder and lean modes.
   Search Concierge previously switched the card shell to position:relative
   to anchor its badges, which left the theme-shell grid free to overlap after
   responsive resizing. Anchor badges to the inner panel instead. */
body.vukx-search-preview-active .wp-grid-builder.wpgb-enabled .wpgb-metro{position:relative!important}
body.vukx-search-preview-active .wp-grid-builder.wpgb-enabled .wpgb-metro > .wpgb-card{position:absolute!important}
body.vukx-search-preview-active .wpgb-card-inner.vukx-search-card{position:relative!important}
/* Preserve the viewport width even while Workspace's off-canvas navigation is
   translated beyond the right edge of narrow screens. clip (unlike hidden)
   does not create another scroll container for sticky controls. */
@media(max-width:767px){
 html.vukx-search-early,body.vukx-search-preview-active{overflow-x:clip!important}
}

/* 0.357.58 — skeleton occupies the real grid slot while first cards are being enriched.
   Never reveal the old Grid Builder card markup. */
body.vukx-search-preview-active .vukx-initial-skeleton[hidden]{display:none!important}
body.vukx-search-preview-active .vukx-initial-skeleton{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:0 0 16px;min-width:0;width:100%;box-sizing:border-box}
body.vukx-search-preview-active .vukx-initial-skeleton-card{min-width:0;height:201px;box-sizing:border-box;border:1px solid #e3e9e2;border-radius:11px;background:#fffdf9;padding:11px;display:flex;flex-direction:column;gap:9px;box-shadow:0 2px 11px rgba(30,48,43,.04)}
body.vukx-search-preview-active .vukx-initial-skeleton-head{display:flex;align-items:center;gap:10px;height:55px}
body.vukx-search-preview-active .vukx-initial-skeleton-head i{height:55px;width:55px;flex:0 0 55px;border-radius:8px}
body.vukx-search-preview-active .vukx-initial-skeleton-head span{flex:1;min-width:0;display:grid;gap:8px}
body.vukx-search-preview-active .vukx-initial-skeleton-head b{height:11px;width:82%;border-radius:5px}
body.vukx-search-preview-active .vukx-initial-skeleton-head em{height:8px;width:52%;border-radius:5px}
body.vukx-search-preview-active .vukx-initial-skeleton-player{height:50px;border-radius:8px}
body.vukx-search-preview-active .vukx-initial-skeleton-tags{height:19px;width:72%;border-radius:14px}
body.vukx-search-preview-active .vukx-initial-skeleton-actions{height:30px;border-radius:6px}
body.vukx-search-preview-active .vukx-initial-skeleton-card i,body.vukx-search-preview-active .vukx-initial-skeleton-card b,body.vukx-search-preview-active .vukx-initial-skeleton-card em,body.vukx-search-preview-active .vukx-initial-skeleton-player,body.vukx-search-preview-active .vukx-initial-skeleton-tags,body.vukx-search-preview-active .vukx-initial-skeleton-actions{display:block;background:linear-gradient(100deg,#eef3ef 30%,#e2ece6 50%,#eef3ef 70%);background-size:200% 100%;animation:vukx-skeleton-shimmer 1.7s ease-in-out infinite}
@keyframes vukx-skeleton-shimmer{to{background-position-x:-200%}}
@media(max-width:950px){body.vukx-search-preview-active .vukx-initial-skeleton{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:575px){body.vukx-search-preview-active .vukx-initial-skeleton{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){body.vukx-search-preview-active .vukx-initial-skeleton-card *{animation:none!important}}
/* Search Concierge uses the same calm, rounded input treatment as the native facets. */
body.vukx-search-preview-active .vukcs-search .vukcs-input-wrap{box-sizing:border-box!important;min-height:48px!important;background:#fffdf9!important;border:1px solid #cbdcd4!important;border-radius:9px!important;box-shadow:none!important;overflow:hidden!important;transition:border-color .18s ease,box-shadow .18s ease!important}
body.vukx-search-preview-active .vukcs-search .vukcs-input-wrap:focus-within{border-color:#478e86!important;box-shadow:0 0 0 3px rgba(55,126,117,.10)!important}
body.vukx-search-preview-active .vukcs-search .vukcs-input{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;font-family:'Open Sans',Arial,sans-serif!important;font-size:13px!important;color:#254c46!important;min-width:0!important}
body.vukx-search-preview-active .vukcs-search .vukcs-facet-title{font:600 13px/1.5 'Open Sans',Arial,sans-serif!important;color:#2c5650!important;margin:0 0 9px!important;letter-spacing:normal!important}

/* 0.357.59 — Compact the Search Concierge field to match native facet controls.
   The earlier min-height:48px did not cap the input's inherited padding/height. */
body.vukx-search-preview-active .vukcs-search{margin-bottom:14px!important}
body.vukx-search-preview-active .vukcs-search .vukcs-input-wrap{
  height:48px!important;min-height:48px!important;max-height:48px!important;
  padding-top:0!important;padding-bottom:0!important;
  display:flex!important;align-items:center!important;
}
body.vukx-search-preview-active .vukcs-search .vukcs-input{
  box-sizing:border-box!important;height:44px!important;min-height:0!important;max-height:44px!important;
  padding-top:0!important;padding-bottom:0!important;margin-top:0!important;margin-bottom:0!important;
  line-height:44px!important;
}
body.vukx-search-preview-active .vukcs-search .vukcs-ai-mark{align-self:center!important;flex-shrink:0!important}
body.vukx-search-preview-active .vukcs-search .vukcs-submit,
body.vukx-search-preview-active .vukcs-search .vukcs-clear{align-self:center!important;flex-shrink:0!important}

/* 0.357.60 — Search Concierge input alignment across desktop and mobile. */
body.vukx-search-preview-active .vukcs-search .vukcs-input-wrap{display:flex!important;align-items:center!important;gap:8px!important;padding:0 9px 0 12px!important;box-sizing:border-box!important}
body.vukx-search-preview-active .vukcs-search .vukcs-input{flex:1 1 auto!important;width:1%!important;height:44px!important;line-height:normal!important;margin:0!important;padding:0!important;align-self:center!important;vertical-align:middle!important}
body.vukx-search-preview-active .vukcs-search .vukcs-ai-mark{position:static!important;transform:none!important;margin:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}
body.vukx-search-preview-active .vukcs-search .vukcs-submit,body.vukx-search-preview-active .vukcs-search .vukcs-clear{position:static!important;transform:none!important;margin:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}

/* 0.357.61 — One typographic baseline for typed and rotating Concierge text.
   The rotating hint is absolutely positioned by the Concierge plugin and its
   JS sets an inline translateX for the typewriter animation; don't override
   that transform, otherwise the animation loses its horizontal alignment. */
body.vukx-search-preview-active .vukcs-search .vukcs-input-wrap{position:relative!important}
body.vukx-search-preview-active .vukcs-search .vukcs-input,
body.vukx-search-preview-active .vukcs-search .vukcs-placeholder{
  font-family:'Open Sans',Arial,sans-serif!important;
  font-size:13px!important;
  font-weight:400!important;
  letter-spacing:normal!important;
  line-height:20px!important;
  text-transform:none!important;
}
body.vukx-search-preview-active .vukcs-search .vukcs-input{
  padding:0!important;
  height:44px!important;
  min-height:44px!important;
  max-height:44px!important;
}
body.vukx-search-preview-active .vukcs-search .vukcs-placeholder{
  position:absolute!important;
  left:38px!important;
  top:50%!important;
  margin-top:-10px!important;
  margin-bottom:0!important;
  padding:0!important;
  height:20px!important;
  max-width:calc(100% - 157px)!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:clip!important;
  pointer-events:none!important;
}
body.vukx-search-preview-active .vukcs-search .vukcs-count{
  position:absolute!important;
  top:auto!important;
  bottom:2px!important;
  right:105px!important;
  transform:none!important;
  margin:0!important;
  line-height:12px!important;
  font-size:9px!important;
  pointer-events:none!important;
}
@media(max-width:575px){
 body.vukx-search-preview-active .vukcs-search .vukcs-placeholder{left:37px!important;max-width:calc(100% - 153px)!important}
}

/* Never conceal original WP Grid Builder cards when its enhanced view fails to initialise. */
html.vukx-search-fallback body.vukx-search-preview-active .wpgb-card,html.vukx-search-fallback .wpgb-card{visibility:visible!important;opacity:1!important}

/* 0.357.105 — Never expose WPGB's legacy card during a facet/sort refresh.
   WPGB can reuse the outer card and its data-vukx-resolved attribute while
   replacing the inner HTML. Trust the presence of the COMPLETED Workspace card
   instead of the stale wrapper attribute. Scope this exclusively to voice search. */
body.vukx-search-preview-active .wpgb-grid .wpgb-card:not(.vukx-sc-fallback):not(:has(.wpgb-card-inner.vukx-search-card .vukx-sc-head)){
  visibility:hidden!important;opacity:0!important;pointer-events:none!important;
}
body.vukx-search-preview-active .wpgb-grid .wpgb-card:has(.wpgb-card-inner.vukx-search-card .vukx-sc-head),
body.vukx-search-preview-active .wpgb-grid .wpgb-card.vukx-sc-fallback{
  visibility:visible!important;opacity:1!important;pointer-events:auto!important;
}
