.phh-smartsearch-bootstrap{position:fixed!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important}
.phh-ss-lock{overflow:hidden!important}
.phh-ss-header-holder{position:absolute;z-index:10020;right:var(--phh-desktop-right,34px);top:var(--phh-desktop-top,50%);transform:translateY(-50%);display:flex;align-items:center;pointer-events:auto}
.phh-ss-header-holder[hidden]{display:none!important}
.phh-ss-trigger{--phh-accent:#ef168f;width:var(--phh-trigger-size,48px);height:var(--phh-trigger-size,48px);padding:0;border:0!important;outline:0!important;border-radius:999px!important;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#ff2cab,#d80072);box-shadow:0 8px 24px rgba(239,22,143,.35),0 0 22px rgba(239,22,143,.25);cursor:pointer;appearance:none;-webkit-appearance:none;transition:transform .25s ease,box-shadow .25s ease;isolation:isolate}
.phh-ss-trigger::before,.phh-ss-trigger::after{content:none!important;display:none!important}
.phh-ss-trigger svg,.phh-ss-submit svg,.phh-ss-close svg,.phh-ss-inputicon svg,.phh-ss-placeholder svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.phh-ss-trigger:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(239,22,143,.42),0 0 30px rgba(239,22,143,.35)}
.phh-ss-trigger:focus-visible{outline:2px solid rgba(255,255,255,.9)!important;outline-offset:3px!important}
.phh-ss-overlay{--phh-accent:#ef168f;--phh-panel-bg:rgba(15,15,15,var(--phh-panel-opacity,.9));--phh-text:#fff;--phh-muted:#bdbdbd;--phh-card:rgba(255,255,255,.06);--phh-border:rgba(255,255,255,.09);position:fixed;inset:0;z-index:2147482000;color:var(--phh-text);font-family:inherit}
.phh-ss-overlay[hidden]{display:none!important}
.phh-ss-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.74);backdrop-filter:blur(var(--phh-backdrop-blur,8px));-webkit-backdrop-filter:blur(var(--phh-backdrop-blur,8px));opacity:0;transition:opacity var(--phh-duration,.32s) ease}
.phh-ss-panel{position:relative;width:min(calc(100% - 32px),var(--phh-panel-max,760px));max-height:calc(100dvh - 48px);margin:24px auto;padding:20px;border:1px solid var(--phh-border);border-radius:20px;background:var(--phh-panel-bg);box-shadow:0 24px 80px rgba(0,0,0,.6);backdrop-filter:blur(var(--phh-blur,25px));-webkit-backdrop-filter:blur(var(--phh-blur,25px));opacity:0;transform:translateY(-20px);transition:opacity var(--phh-duration,.32s) ease,transform var(--phh-duration,.32s) ease;overflow:hidden}
.phh-ss-overlay.is-open .phh-ss-backdrop,.phh-ss-overlay.is-open .phh-ss-panel{opacity:1}.phh-ss-overlay.is-open .phh-ss-panel{transform:none}
.phh-ss-searchrow{display:grid;grid-template-columns:28px 1fr 48px 42px;align-items:center;gap:8px;padding:8px 8px 8px 16px;border-radius:999px;background:#fff;color:#262626;box-shadow:0 10px 35px rgba(0,0,0,.25)}
.phh-ss-inputicon{display:grid;place-items:center;color:#777}.phh-ss-input{width:100%;min-width:0;height:44px;padding:0;border:0!important;outline:0!important;background:transparent!important;color:#222!important;font-size:16px!important;box-shadow:none!important}.phh-ss-input::placeholder{color:#8c8c8c}
.phh-ss-submit,.phh-ss-close{width:42px;height:42px;border:0!important;border-radius:999px;display:grid;place-items:center;cursor:pointer;appearance:none}.phh-ss-submit{background:var(--phh-accent);color:#fff}.phh-ss-close{background:rgba(0,0,0,.08);color:#222}
.phh-ss-status{min-height:26px;padding:12px 5px 4px;color:var(--phh-muted);font-size:13px}
.phh-ss-results{max-height:calc(100dvh - 180px);overflow-y:auto;overflow-x:hidden;padding-right:4px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.phh-ss-result{display:grid;grid-template-columns:74px 1fr;gap:14px;align-items:center;margin:8px 0;padding:10px;border:1px solid var(--phh-border);border-radius:15px;background:var(--phh-card);color:var(--phh-text)!important;text-decoration:none!important;transition:transform .2s ease,border-color .2s ease,background .2s ease;opacity:1}
.phh-ss-result:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--phh-accent) 55%,transparent);background:color-mix(in srgb,var(--phh-card) 80%,var(--phh-accent) 20%)}
.phh-ss-image{width:74px;height:62px;border-radius:11px;overflow:hidden;background:rgba(255,255,255,.08);display:grid;place-items:center}.phh-ss-image img{width:100%;height:100%;object-fit:cover}.phh-ss-copy{min-width:0}.phh-ss-title{display:block;font-weight:800;font-size:15px;line-height:1.25}.phh-ss-category{display:inline-block;margin-top:5px;padding:3px 8px;border-radius:999px;background:color-mix(in srgb,var(--phh-accent) 18%,transparent);color:var(--phh-accent);font-size:11px;font-weight:800}.phh-ss-copy p{margin:6px 0 0;color:var(--phh-muted);font-size:13px;line-height:1.35}
.phh-theme-phh-pink-glass,.phh-theme-black-pink{--phh-accent:#ef168f;--phh-panel-bg:rgba(15,15,15,var(--phh-panel-opacity,.9))}
.phh-theme-phh-orange-glass,.phh-theme-black-orange{--phh-accent:#ff7a00;--phh-panel-bg:rgba(15,15,15,var(--phh-panel-opacity,.9))}
.phh-theme-white-pink,.phh-theme-rounded-pink{--phh-accent:#ef168f;--phh-panel-bg:rgba(255,255,255,var(--phh-panel-opacity,.96));--phh-text:#181818;--phh-muted:#626262;--phh-card:rgba(0,0,0,.035);--phh-border:rgba(0,0,0,.09)}
.phh-theme-orange-white,.phh-theme-rounded-orange{--phh-accent:#ff7a00;--phh-panel-bg:rgba(255,255,255,var(--phh-panel-opacity,.96));--phh-text:#181818;--phh-muted:#626262;--phh-card:rgba(0,0,0,.035);--phh-border:rgba(0,0,0,.09)}
.phh-ss-speed-fast{--phh-duration:.18s}.phh-ss-speed-normal{--phh-duration:.32s}.phh-ss-speed-slow{--phh-duration:.52s}
.phh-ss-panelanim-slide-down .phh-ss-panel{transform:translateY(-55px)}.phh-ss-panelanim-slide-up .phh-ss-panel{transform:translateY(45px)}.phh-ss-panelanim-zoom .phh-ss-panel{transform:scale(.93)}.phh-ss-panelanim-expand .phh-ss-panel{transform:scaleX(.75) scaleY(.85)}.phh-ss-panelanim-blur-slide .phh-ss-panel{transform:translateY(-28px) scale(.985);filter:blur(8px)}.phh-ss-panelanim-blur-slide.is-open .phh-ss-panel{filter:blur(0)}
.phh-ss-resultsanim-soft-rise .phh-ss-result,.phh-ss-resultsanim-staggered .phh-ss-result{animation:phhSoftRise .38s both}.phh-ss-resultsanim-staggered .phh-ss-result{animation-delay:calc(var(--phh-index,0)*45ms)}.phh-ss-resultsanim-scale .phh-ss-result{animation:phhScale .3s both}
.phh-ss-btnanim-soft-pulse{animation:phhPulse 2.2s ease-in-out infinite}.phh-ss-btnanim-breathing-glow{animation:phhGlow 2.6s ease-in-out infinite}.phh-ss-btnanim-bounce{animation:phhBounce 2.8s ease-in-out infinite}.phh-ss-btnanim-hover-lift:hover{transform:translateY(-4px)}.phh-ss-btnanim-rotate-icon:hover svg{transform:rotate(18deg);transition:transform .25s ease}
@keyframes phhPulse{0%,100%{box-shadow:0 8px 24px rgba(239,22,143,.32),0 0 12px rgba(239,22,143,.2)}50%{box-shadow:0 8px 28px rgba(239,22,143,.45),0 0 28px rgba(239,22,143,.38)}}
@keyframes phhGlow{0%,100%{filter:brightness(1)}50%{filter:brightness(1.16)}}@keyframes phhBounce{0%,85%,100%{transform:translateY(0)}90%{transform:translateY(-5px)}95%{transform:translateY(0)}}@keyframes phhSoftRise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes phhScale{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}
@media(max-width:991px){.phh-ss-header-holder{right:var(--phh-mobile-right,62px);top:var(--phh-mobile-top,50%)}.phh-ss-panel{width:calc(100% - 20px);max-height:calc(100dvh - 20px);margin:10px auto;padding:12px;border-radius:16px}.phh-ss-searchrow{grid-template-columns:24px 1fr 44px 40px;padding-left:12px}.phh-ss-results{max-height:calc(100dvh - 132px)}.phh-ss-result{grid-template-columns:62px 1fr;gap:11px;padding:8px}.phh-ss-image{width:62px;height:56px}.phh-ss-copy p{font-size:12px}}
@media(prefers-reduced-motion:reduce){.phh-ss-trigger,.phh-ss-panel,.phh-ss-backdrop,.phh-ss-result{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* v0.4.3: dropdown-below-header layout */
.phh-ss-layout-dropdown{
  top:var(--phh-header-bottom,0px);
  bottom:0;
  left:0;
  right:0;
  height:auto;
}
.phh-ss-layout-dropdown .phh-ss-backdrop{
  top:0;
  background:rgba(0,0,0,.38);
}
.phh-ss-layout-dropdown .phh-ss-panel{
  width:100%;
  max-width:none;
  max-height:calc(100dvh - var(--phh-header-bottom,0px));
  margin:0;
  padding:18px max(16px,calc((100vw - var(--phh-panel-max,760px))/2));
  border-left:0;
  border-right:0;
  border-top:1px solid var(--phh-border);
  border-radius:0 0 20px 20px;
  transform:translateY(-18px);
  box-shadow:0 18px 55px rgba(0,0,0,.48);
}
.phh-ss-layout-dropdown .phh-ss-searchrow,
.phh-ss-layout-dropdown .phh-ss-status,
.phh-ss-layout-dropdown .phh-ss-results{
  width:100%;
  max-width:var(--phh-panel-max,760px);
  margin-left:auto;
  margin-right:auto;
}
.phh-ss-layout-dropdown .phh-ss-results{
  max-height:calc(100dvh - var(--phh-header-bottom,0px) - 124px);
}
.phh-ss-layout-dropdown.phh-ss-panelanim-slide-up .phh-ss-panel,
.phh-ss-layout-dropdown.phh-ss-panelanim-zoom .phh-ss-panel,
.phh-ss-layout-dropdown.phh-ss-panelanim-expand .phh-ss-panel,
.phh-ss-layout-dropdown.phh-ss-panelanim-blur-slide .phh-ss-panel{
  transform:translateY(-18px);
}

/* Blur control: 0 means genuinely no blur anywhere. */
.phh-ss-backdrop{
  backdrop-filter:blur(var(--phh-backdrop-blur,8px));
  -webkit-backdrop-filter:blur(var(--phh-backdrop-blur,8px));
}
.phh-ss-no-blur .phh-ss-backdrop,
.phh-ss-no-blur .phh-ss-panel{
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.phh-ss-no-blur.phh-ss-panelanim-blur-slide .phh-ss-panel,
.phh-ss-no-blur.phh-ss-panelanim-blur-slide.is-open .phh-ss-panel{
  filter:none!important;
}

@media(max-width:991px){
  .phh-ss-layout-dropdown .phh-ss-panel{
    width:100%;
    max-height:calc(100dvh - var(--phh-header-bottom,0px));
    margin:0;
    padding:12px 10px 14px;
    border-radius:0 0 16px 16px;
  }
  .phh-ss-layout-dropdown .phh-ss-results{
    max-height:calc(100dvh - var(--phh-header-bottom,0px) - 112px);
  }
}


/* v0.4.4: simple solid search-background selector.
   This overrides translucent theme backgrounds so the search area is
   consistently either black or white. */
.phh-ss-background-black{
  --phh-panel-bg:#111111;
  --phh-text:#ffffff;
  --phh-muted:#c8c8c8;
  --phh-card:#1b1b1b;
  --phh-border:rgba(255,255,255,.10);
}
.phh-ss-background-white{
  --phh-panel-bg:#ffffff;
  --phh-text:#181818;
  --phh-muted:#666666;
  --phh-card:#f5f5f5;
  --phh-border:rgba(0,0,0,.10);
}
.phh-ss-background-black .phh-ss-panel,
.phh-ss-background-white .phh-ss-panel{
  background:var(--phh-panel-bg)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.phh-ss-layout-dropdown.phh-ss-background-black .phh-ss-backdrop,
.phh-ss-layout-dropdown.phh-ss-background-white .phh-ss-backdrop{
  background:transparent!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.phh-ss-background-black .phh-ss-result,
.phh-ss-background-white .phh-ss-result{
  background:var(--phh-card)!important;
  color:var(--phh-text)!important;
}

/* =========================================================
   v0.4.5 — Transparent page/panel with solid result cards
   The black/white setting affects only each search result.
   ========================================================= */

/* Keep the website fully visible behind the open search. */
.phh-ss-layout-dropdown .phh-ss-backdrop {
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* The dropdown itself has no large white/black sheet and no blur. */
.phh-ss-layout-dropdown .phh-ss-panel {
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

/* Black result-card option. */
.phh-ss-background-black {
  --phh-result-bg: #111111;
  --phh-result-text: #ffffff;
  --phh-result-muted: #c7c7c7;
  --phh-result-border: rgba(255,255,255,.10);
}

/* White result-card option. */
.phh-ss-background-white {
  --phh-result-bg: #ffffff;
  --phh-result-text: #171717;
  --phh-result-muted: #666666;
  --phh-result-border: rgba(0,0,0,.12);
}

.phh-ss-background-black .phh-ss-result,
.phh-ss-background-white .phh-ss-result {
  background: var(--phh-result-bg) !important;
  color: var(--phh-result-text) !important;
  border-color: var(--phh-result-border) !important;
  box-shadow: 0 8px 22px rgba(0,0,0,.14);
}

.phh-ss-background-black .phh-ss-title,
.phh-ss-background-white .phh-ss-title {
  color: var(--phh-result-text) !important;
}

.phh-ss-background-black .phh-ss-copy p,
.phh-ss-background-white .phh-ss-copy p {
  color: var(--phh-result-muted) !important;
}

.phh-ss-background-black .phh-ss-result:hover,
.phh-ss-background-white .phh-ss-result:hover {
  background: var(--phh-result-bg) !important;
  border-color: color-mix(in srgb, var(--phh-accent) 65%, var(--phh-result-border)) !important;
  box-shadow: 0 10px 28px rgba(0,0,0,.20), 0 0 0 1px color-mix(in srgb, var(--phh-accent) 35%, transparent);
}

/* Keep status readable without adding a large background panel. */
.phh-ss-layout-dropdown .phh-ss-status {
  color: #222 !important;
  text-shadow: 0 1px 2px rgba(255,255,255,.9);
}


/* =========================================================
   v0.4.6 — Flat search area with softly blurred page behind
   ========================================================= */

/* The backdrop affects only the page around the search area. */
.phh-ss-layout-dropdown .phh-ss-backdrop {
  background: rgba(0, 0, 0, var(--phh-page-dim, .10)) !important;
  backdrop-filter: blur(var(--phh-backdrop-blur, 3px)) !important;
  -webkit-backdrop-filter: blur(var(--phh-backdrop-blur, 3px)) !important;
}

/* Restore a contained search panel under the menu rather than a full-width sheet. */
.phh-ss-layout-dropdown .phh-ss-panel {
  width: min(calc(100% - 24px), var(--phh-panel-max, 760px)) !important;
  max-width: var(--phh-panel-max, 760px) !important;
  margin: 0 auto !important;
  padding: 14px !important;
  border-radius: 0 0 18px 18px !important;
  border: 1px solid rgba(0,0,0,.08) !important;
  box-shadow: 0 18px 48px rgba(0,0,0,.22) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.phh-ss-panelbg-white .phh-ss-panel {
  background: #ffffff !important;
  --phh-text: #171717;
  --phh-muted: #666666;
  --phh-border: rgba(0,0,0,.10);
}

.phh-ss-panelbg-black .phh-ss-panel {
  background: #111111 !important;
  --phh-text: #ffffff;
  --phh-muted: #c7c7c7;
  --phh-border: rgba(255,255,255,.10);
  border-color: rgba(255,255,255,.10) !important;
}

.phh-ss-panelbg-transparent .phh-ss-panel {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

/* Keep the status readable against the selected search-area background. */
.phh-ss-panelbg-white .phh-ss-status {
  color: #333 !important;
  text-shadow: none !important;
}
.phh-ss-panelbg-black .phh-ss-status {
  color: #d5d5d5 !important;
  text-shadow: none !important;
}

/* The results list sits cleanly inside the flat panel. */
.phh-ss-layout-dropdown .phh-ss-results {
  padding: 0 3px 4px 0;
}

/* Truly disable the page blur when its value is zero. */
.phh-ss-overlay[style*="--phh-backdrop-blur: 0px"] .phh-ss-backdrop {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

@media (max-width: 991px) {
  .phh-ss-layout-dropdown .phh-ss-panel {
    width: calc(100% - 12px) !important;
    max-width: none !important;
    padding: 10px !important;
    border-radius: 0 0 14px 14px !important;
  }
}