/* Hyper Minimal Search v2 - Prevent layout shift by using absolute positioning and transforms */
.hms-container{ position:relative; display:inline-block; vertical-align:middle; }
.hms-input-wrap{ --hms-width:260px; --hms-transition:300ms; position:relative; display:inline-flex; align-items:center; height:40px; transition: width var(--hms-transition) ease, transform var(--hms-transition) ease; width:40px; overflow:visible; background:transparent; }
.hms-input-wrap .hms-input{ box-sizing:border-box; width:100%; padding:8px 40px 8px 12px; border-radius:8px; border:1px solid #e8e8e8; transition: background var(--hms-transition) ease, color var(--hms-transition) ease; min-width:40px; background:transparent; }
.hms-input-wrap .hms-icon-btn{ position:absolute; right:6px; top:50%; transform:translateY(-50%); border:0; background:transparent; display:flex; align-items:center; justify-content:center; cursor:pointer; padding:6px; }
.hms-icon{ width:18px; height:18px; fill:currentColor; color:var(--hms-icon-color,#222); }
.hms-close-btn{ position:absolute; right:36px; top:50%; transform:translateY(-50%); border:0; background:transparent; display:none; font-size:18px; cursor:pointer; }
.hms-live-results{ position:absolute; top:calc(100% + 8px); right:0; left:auto; background:#fff; border:1px solid #eee; min-width:260px; max-width:420px; box-shadow:0 6px 24px rgba(0,0,0,.08); z-index:99999; border-radius:6px; overflow:hidden; }
.hms-loading, .hms-no-results{ padding:12px; font-size:13px; color:#666; }
.hms-results-list{ list-style:none; margin:0; padding:0; }
.hms-result-item{ border-bottom:1px solid #f2f2f2; }
.hms-result-item a{ display:flex; padding:10px; text-decoration:none; color:inherit; }
.hms-result-item strong{ display:block; margin-bottom:6px; }

/* Expanded state: width grows via transform to avoid affecting layout */
.hms-input-wrap.hms-expanded{ width:var(--hms-width); transform:translateX(0); }
.hms-input-wrap.hms-expanded .hms-input{ background:var(--hms-bg,#fff); }
.hms-input-wrap.hms-expanded .hms-close-btn{ display:block; }

/* Modal */
.hms-modal{ position:fixed; inset:0; display:flex; align-items:center; justify-content:center; background:rgba(0,0,0,0.45); z-index:999999; }
.hms-modal-inner{ background:#fff; max-width:900px; width:92%; max-height:80vh; overflow:auto; border-radius:8px; padding:18px; box-shadow:0 12px 48px rgba(0,0,0,.12); position:relative; }
.hms-modal-close{ position:absolute; right:18px; top:18px; border:0; background:transparent; font-size:24px; cursor:pointer; }

@media (max-width:600px){
    .hms-input-wrap{ height:36px; }
    .hms-input-wrap .hms-input{ padding:6px 40px 6px 8px; }
    .hms-input-wrap.hms-expanded{ width:92vw; }
}