.wn-ajax-search-wrap { display:inline-flex; align-items:center; }
.wn-ajax-search-toggle { display:inline-flex; align-items:center; gap:8px; padding:0; border:0; background:none; color:inherit; cursor:pointer; }
.wn-ajax-search-toggle svg { width:24px; height:24px; }
.hn-search-dialog { inset:0 0 0 auto; margin:10px; width:min(480px,calc(100% - 20px)); height:calc(100dvh - 20px); max-width:none; max-height:none; padding:24px; border:0; border-radius:16px; box-sizing:border-box; background:#fff; color:#171717; box-shadow:none; font:400 14px/1.5 'Oplynt Header Inter',Inter,Arial,sans-serif; text-align:left; overflow:hidden; }
.hn-search-dialog[open] { display:flex; flex-direction:column; animation:hn-search-enter .2s ease; }
.hn-search-dialog::backdrop { background:#0005;  }
body:has(.hn-search-dialog[open]) { overflow:hidden; }
.hn-search-dialog * { box-sizing:border-box; }
.hn-search-bar { position:relative; display:flex; align-items:center; gap:12px; padding:0 0 16px; border-bottom:0; flex:none; }
.hn-search-bar::after { content:''; position:absolute; left:0; right:48px; bottom:12px; height:1px; background:#ddd; pointer-events:none; }
.hn-search-bar:focus-within::after { background:#777; }
.hn-search-dialog .hn-search-bar > svg { width:24px; height:24px; flex:0 0 24px; }
.hn-search-dialog .hn-search-input { width:100%; min-width:0; font:inherit; font-size:18px; border:0; border-radius:0; margin:0; padding:10px 0; background:transparent; color:#171717; box-shadow:none; }
.hn-search-dialog .hn-search-close { flex:none; width:36px; height:36px; padding:0; border:0; border-radius:0; font:24px/1 Arial,sans-serif; background:transparent; color:#666; cursor:pointer; }
.hn-search-status { margin:8px 0 0; font-size:12px; color:#737373; flex:none; }
.hn-search-results { padding:4px 0 16px; margin:0; flex:1; list-style:none; overflow-y:auto; overscroll-behavior:contain; min-height:70px; scrollbar-width:thin; }
.hn-search-result { padding:0; margin:0; }
.hn-search-dialog .hn-search-link { display:flex; align-items:center; gap:12px; padding:9px 12px; border-radius:0; color:#171717; text-decoration:none; transition:background .16s ease; }
.hn-search-dialog .hn-search-link:is(:hover,:focus) { background:#f3f3f3; color:#171717; }
.hn-search-media { display:block; width:60px; height:72px; border-radius:0; background:#f5f5f5; overflow:hidden; flex:none; }
.hn-search-media img { width:100%; height:100%; object-fit:cover; }
.hn-search-text { flex:1; min-width:0; }
.hn-search-text strong { display:block; font-size:14px; font-weight:600; overflow-wrap:anywhere; }
.hn-search-text small { display:block; margin-top:3px; color:#888; font-size:11px; }
.hn-search-price { display:block; margin-top:4px; font-size:13px; font-weight:400; }
.hn-search-arrow { color:#999; transition:transform .16s; }
.hn-search-link:hover .hn-search-arrow { transform:translate(2px,-2px); }
.hn-search-footer { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:8px 0; border-top:1px solid #eee; font-size:11px; color:#888; flex:none; }
.hn-search-footer a { color:#171717; text-decoration:none; font-size:12px; font-weight:600; }
.hn-search-dialog .hn-search-load-more { width:100%; padding:12px; border:0; background:#f5f5f5; color:#171717; font:inherit; border-radius:8px; cursor:pointer; }
.hn-search-dialog :is(input,select,button,a):focus-visible { outline:2px solid #171717; outline-offset:2px; }
@keyframes hn-search-enter { from { opacity:0; transform:translateX(100%); } to { opacity:1; transform:none; } }
@media(max-width:767px) {
 .hn-search-dialog { margin:0; width:100%; height:100dvh; max-height:none; border-radius:0; padding:24px 20px max(24px,env(safe-area-inset-bottom)); }
 .hn-search-bar { padding:0 0 16px; gap:10px; } .hn-search-dialog .hn-search-input { font-size:16px; }
 .hn-search-bar::after { left:0; right:46px; }
 .hn-search-status { margin-inline:0; }
 .hn-search-results { padding-inline:0; } .hn-search-dialog .hn-search-link { gap:10px; padding:10px 8px; flex-wrap:nowrap; }
 .hn-search-text { flex-basis:auto; } .hn-search-arrow { display:none; }
 .hn-search-footer { padding:12px 0; } .hn-search-footer span { font-size:10px; }
}
@media(prefers-reduced-motion:reduce) { .hn-search-dialog[open] { animation:none; } .hn-search-link,.hn-search-arrow { transition:none; } }

.hn-search-dialog:not(.hn-search-has-query) :is(.hn-search-status,.hn-search-results,.hn-search-footer) { display:none; }
.hn-search-dialog .hn-search-close:is(:hover,:focus) { background:transparent; color:#171717; border:0; box-shadow:none; }
.hn-search-dialog .hn-search-input:focus-visible { outline:none; box-shadow:none; }
.hn-search-group { padding:22px 8px 12px; margin-bottom:6px; border-bottom:0; list-style:none; }
.hn-search-dialog .hn-search-group h3 { margin:0; font:700 24px/1.25 'Oplynt Header Inter',Inter,Arial,sans-serif; color:#171717; text-transform:none; letter-spacing:normal; }
.hn-search-kind { flex:none; font-size:11px; color:#888; }
.hn-search-term { min-height:44px; }
.hn-search-term .hn-search-text { flex-basis:auto; font-size:14px; }

/* Standalone Elementor shortcode: fluid at every breakpoint, never an icon-only control. */
.elementor-element.elementor-widget-shortcode:has(.hn-search-inline) { width:var(--container-widget-width,100%); max-width:100%; min-width:0; }
.elementor-widget-shortcode:has(.hn-search-inline) > .elementor-widget-container,
.elementor-widget-shortcode .elementor-shortcode:has(> .hn-search-inline) { width:100%; min-width:0; }
.hn-search-inline { position:relative; display:block; width:100%; min-width:0; max-width:100%; color:#171717; font:400 16px/1.5 'Oplynt Header Inter',Inter,Arial,sans-serif; text-align:left; }
.hn-search-inline * { box-sizing:border-box; }
.hn-search-inline-field { display:flex; align-items:center; width:100%; min-width:0; background:#fff; border:1px solid #e5e5e5; border-radius:8px; transition:border-color .15s; }
.hn-search-inline--rounded .hn-search-inline-field { border-radius:28px; }
.hn-search-inline-field:focus-within { border-color:#868686; }
.hn-search-inline .hn-search-input { display:block; flex:1 1 0%; width:0; min-width:0; height:46px; margin:0; padding:10px 12px 10px 0; border:0; border-radius:inherit; background:transparent; color:inherit; font:inherit; font-size:16px; box-shadow:none; outline:none; appearance:none; -webkit-appearance:none; }
.hn-search-inline .hn-search-input:focus { border:0; box-shadow:none; outline:none; }
.hn-search-inline .hn-search-input::placeholder { color:#777; opacity:1; }
.hn-search-inline .hn-search-inline-submit { display:flex; align-items:center; justify-content:center; flex:0 0 48px; width:48px; height:48px; padding:12px; border:0; border-radius:inherit; background:transparent; color:#171717; box-shadow:none; cursor:pointer; }
.hn-search-inline-submit svg { width:18px; height:18px; flex:none; color:#868686; }
.hn-search-inline .hn-search-clear { display:flex; align-items:center; justify-content:center; flex:0 0 36px; height:36px; margin-right:6px; padding:8px; border:0; border-radius:6px; background:transparent; color:#737373; cursor:pointer; }
.hn-search-inline .hn-search-clear:hover { background:#f5f5f5; }
.hn-search-inline .hn-search-clear[hidden] { display:none; }
.hn-search-inline .hn-search-input::-webkit-search-cancel-button { -webkit-appearance:none; }
.hn-search-inline-panel { position:absolute; top:calc(100% + 8px); inset-inline:0; z-index:1000; width:100%; max-height:60vh; max-height:min(520px,60dvh); padding:12px; overflow-y:auto; overscroll-behavior:contain; background:#fff; border:1px solid #e8e8e8; box-shadow:0 10px 28px #00000012; scrollbar-width:thin; }
.hn-search-inline-panel { border-radius:12px; }
.hn-search-inline--rounded .hn-search-inline-panel { border-radius:16px; }
.hn-search-inline-panel[hidden] { display:none !important; }
.hn-search-inline .hn-search-results { overflow:visible; min-height:0; padding-bottom:12px; }
.hn-search-inline .hn-search-status { margin:0 4px 8px; }
.hn-search-inline .hn-search-link { display:flex; align-items:center; gap:10px; padding:8px; border-radius:8px; color:#171717; text-decoration:none; overflow-wrap:anywhere; }
.hn-search-inline .hn-search-link:is(:hover,:focus) { background:#f5f5f5; }
.hn-search-inline .hn-search-group { padding:12px 4px 8px; }
.hn-search-inline .hn-search-group h3 { margin:0; font:600 18px/1.3 'Oplynt Header Inter',Inter,Arial,sans-serif; color:#171717; }
.hn-search-inline .hn-search-kind { flex:0 1 auto; }
.hn-search-inline .hn-search-media { width:48px; height:58px; }
.hn-search-inline .hn-search-close { border:0; background:none; color:#666; padding:8px 4px; font:inherit; font-size:12px; cursor:pointer; }
.hn-search-inline .hn-search-load-more { width:100%; padding:12px 4px; background:#f5f5f5; color:#171717; border:0; font:inherit; font-size:13px; cursor:pointer; }
.hn-search-inline :is(button,a):focus-visible { outline:2px solid #868686; outline-offset:-2px; }
@media(prefers-reduced-motion:reduce) { .hn-search-inline-field { transition:none; } }