/* Header Search Popup Pro - Copyright (C) JoomTheme - GPL-2.0-or-later */
.mhsp-overlay{position:fixed;inset:0;background:transparent;opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--mhsp-duration,250ms) ease,visibility 0s linear var(--mhsp-duration,250ms);z-index:2147483000}
.mhsp-overlay.is-open{opacity:1;visibility:visible;pointer-events:auto;transition:opacity var(--mhsp-duration,250ms) ease}
.mhsp-popup{position:fixed;box-sizing:border-box;max-width:calc(100vw - 20px);padding:16px;border:1px solid rgba(0,0,0,.08);background:var(--mhsp-popup-bg,#fff);border-radius:var(--mhsp-radius,12px);box-shadow:var(--mhsp-shadow,0 12px 30px rgba(0,0,0,.16));z-index:2147483001;overflow:visible;opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--mhsp-duration,250ms) ease,transform var(--mhsp-duration,250ms) ease,visibility 0s linear var(--mhsp-duration,250ms)}
.mhsp-popup.is-open{opacity:1;visibility:visible;pointer-events:auto;transition:opacity var(--mhsp-duration,250ms) ease,transform var(--mhsp-duration,250ms) ease}
.mhsp-popup.anim-fade{transform:none}.mhsp-popup.anim-slide{transform:translateY(-10px)}.mhsp-popup.anim-zoom{transform:translateY(-10px) scale(.96);transform-origin:top center}
.mhsp-popup.is-above.anim-slide{transform:translateY(10px)}.mhsp-popup.is-above.anim-zoom{transform:translateY(10px) scale(.96);transform-origin:bottom center}
.mhsp-popup.is-open.anim-fade,.mhsp-popup.is-open.anim-slide,.mhsp-popup.is-open.anim-zoom{transform:translateY(0) scale(1)}
.mhsp-popup.mode-popup::before{content:"";position:absolute;top:-8px;left:var(--mhsp-arrow-left,50%);width:14px;height:14px;background:var(--mhsp-popup-bg,#fff);border-top:1px solid rgba(0,0,0,.08);border-left:1px solid rgba(0,0,0,.08);transform:rotate(45deg)}
.mhsp-popup.mode-popup.is-above::before{top:auto;bottom:-8px;border-top:0;border-left:0;border-right:1px solid rgba(0,0,0,.08);border-bottom:1px solid rgba(0,0,0,.08)}
.mhsp-popup.mode-fullscreen{inset:0!important;width:auto!important;height:100vh;height:100dvh;max-width:none!important;border:0;border-radius:0;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:clamp(24px,5vw,72px)}
.mhsp-popup.mode-fullscreen::before{display:none}.mhsp-popup.mode-fullscreen .mhsp-form{width:min(1080px,100%)}.mhsp-popup.mode-fullscreen .mhsp-close-row{position:absolute;top:18px;right:18px;margin:0}
.mhsp-form{display:flex;align-items:stretch;gap:10px;margin:0;padding:0;width:100%}
.mhsp-input{box-sizing:border-box;width:100%;min-width:0;font:inherit}.mhsp-input:not(.mhsp-themed-control){height:46px;padding:0 14px;font-size:16px;color:inherit;background:var(--mhsp-input-bg,#fff);border:1px solid rgba(0,0,0,.14);border-radius:calc(var(--mhsp-radius,12px) - 2px)}
.mhsp-input:focus-visible,.mhsp-submit:focus-visible,.mhsp-close:focus-visible{outline:2px solid currentColor;outline-offset:1px}.mhsp-input.mhsp-autofocus-pointer:focus-visible{outline:none}
.mhsp-submit{box-sizing:border-box;flex:0 0 auto;white-space:nowrap;cursor:pointer}.mhsp-submit:not(.mhsp-themed-control){min-height:46px;padding:0 16px;border:1px solid currentColor;border-radius:calc(var(--mhsp-radius,12px) - 2px);background:transparent;color:inherit;font:inherit}
.mhsp-close-row{display:flex;justify-content:center;margin-top:12px}.mhsp-close{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;margin:0;padding:0;border:1px solid rgba(0,0,0,.14);border-radius:50%;background:transparent;color:inherit;cursor:pointer}.mhsp-close svg{width:18px;height:18px;pointer-events:none}
.mhsp-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.mhsp-popup.is-mobile{left:var(--mhsp-gap,10px)!important;right:var(--mhsp-gap,10px)!important;width:auto!important;max-width:calc(100vw - (var(--mhsp-gap,10px) * 2))}.mhsp-popup.is-mobile .mhsp-form{flex-direction:column}.mhsp-popup.is-mobile .mhsp-submit{width:100%}
html.mhsp-has-fullscreen{overflow:hidden}
@media (prefers-reduced-motion:reduce){.mhsp-overlay,.mhsp-popup{transition:none!important}.mhsp-popup.anim-slide,.mhsp-popup.anim-zoom,.mhsp-popup.is-above.anim-slide,.mhsp-popup.is-above.anim-zoom{transform:none!important}}
