.oto-search{
	--oto-s-accent:#d22027;
	--oto-s-accent-dark:#b01a20;
	--oto-s-accent-dark:color-mix(in srgb,var(--oto-s-accent) 82%,#000);
	--oto-s-accent-soft:#fdf1f1;
	--oto-s-accent-soft:color-mix(in srgb,var(--oto-s-accent) 8%,#fff);
	--oto-s-text:#1f2328;
	--oto-s-muted:#6a7380;
	--oto-s-border:#d9dde3;
	position:relative;display:block;width:100%;max-width:440px;margin:0 0 14px;padding:0;
	font:15px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--oto-s-text);
	text-align:left;
}
.oto-search *,.oto-search *::before,.oto-search *::after{box-sizing:border-box}
.oto-search [hidden]{display:none!important}
.oto-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

.oto-search__label{display:block;margin:0 0 6px 4px;font-size:12.5px;font-weight:500;color:var(--oto-s-muted)}

/* Field */
.oto-search__field{
	position:relative;display:flex;align-items:center;gap:4px;
	height:50px;padding:0 5px 0 14px;background:#fff;
	border:1.5px solid var(--oto-s-border);border-radius:999px;
	box-shadow:0 1px 2px rgba(16,24,40,.05);
	transition:border-color .15s ease,box-shadow .15s ease;
}
.oto-search__field:hover{border-color:#b9bfc8}
.oto-search.is-open .oto-search__field,
.oto-search__field:focus-within{border-color:var(--oto-s-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--oto-s-accent) 16%,transparent)}
.oto-search__icon{flex:none;color:var(--oto-s-muted)}
.oto-search__field:focus-within .oto-search__icon{color:var(--oto-s-accent)}

.oto-search__input{
	flex:1 1 auto;min-width:0;height:100%;margin:0;padding:0 6px;
	border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;
	font:inherit;font-size:16px;color:var(--oto-s-text);
	-webkit-appearance:none;appearance:none;
}
.oto-search__input::placeholder{color:#8a919c;opacity:1}
.oto-search__input::-webkit-search-cancel-button,.oto-search__input::-webkit-search-decoration{-webkit-appearance:none}

.oto-search__clear{
	flex:none;display:inline-flex;align-items:center;justify-content:center;
	width:28px;height:28px;margin:0;padding:0;border:0;border-radius:50%;
	background:#eef0f3;color:#505967;cursor:pointer;transition:background .15s ease;
}
.oto-search__clear:hover{background:#e0e4e9}
.oto-search__hint{
	flex:none;margin:0 4px 0 0;padding:1px 7px;border:1px solid var(--oto-s-border);border-bottom-width:2px;border-radius:6px;
	background:#f7f8fa;color:var(--oto-s-muted);font:12px/1.5 inherit;font-family:inherit;
}
.oto-search__field:focus-within .oto-search__hint{display:none}

.oto-search__submit{
	flex:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;
	height:38px;margin:0;padding:0 18px;border:0;border-radius:999px;
	background:var(--oto-s-accent);color:#fff;font:inherit;font-size:14.5px;font-weight:600;cursor:pointer;
	transition:background .15s ease,transform .1s ease;
}
.oto-search__submit:hover{background:var(--oto-s-accent-dark)}
.oto-search__submit:active{transform:scale(.97)}
.oto-search__submit:focus-visible{outline:3px solid color-mix(in srgb,var(--oto-s-accent) 35%,transparent);outline-offset:2px}
.oto-search__submit-icon{display:none}

/* Dropdown panel */
.oto-search__panel{
	position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:1060;
	max-height:min(70vh,520px);overflow:auto;overscroll-behavior:contain;
	background:#fff;border:1px solid var(--oto-s-border);border-radius:16px;
	box-shadow:0 16px 40px rgba(16,24,40,.16),0 2px 6px rgba(16,24,40,.06);
	padding:8px;
}
.oto-search.is-open .oto-search__panel{animation:oto-s-in .16s ease-out both}
@keyframes oto-s-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.oto-search.is-open .oto-search__panel{animation:none}}

.oto-search__heading{
	display:flex;align-items:center;justify-content:space-between;
	margin:6px 8px 4px;font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--oto-s-muted);
}
.oto-search__heading button{
	margin:0;padding:0;border:0;background:none;color:var(--oto-s-accent);font:inherit;font-size:12px;font-weight:600;
	letter-spacing:0;text-transform:none;cursor:pointer;
}
.oto-search__heading button:hover{text-decoration:underline}

/* Chips (popular searches) */
.oto-search__chips{display:flex;flex-wrap:wrap;gap:8px;margin:6px 8px 10px}
.oto-search__chip{
	display:inline-block;margin:0;padding:6px 13px;border:1px solid var(--oto-s-border);border-radius:999px;
	background:#fff;color:var(--oto-s-text)!important;font:inherit;font-size:13.5px;text-decoration:none!important;cursor:pointer;
	transition:background .12s ease,border-color .12s ease,color .12s ease;
}
.oto-search__chip:hover,.oto-search__chip.is-active{background:var(--oto-s-accent-soft);border-color:var(--oto-s-accent);color:var(--oto-s-accent)!important}

/* Result / recent rows */
.oto-search__opt{
	display:flex;align-items:center;gap:12px;margin:0;padding:8px 10px;border-radius:10px;
	color:var(--oto-s-text)!important;text-decoration:none!important;cursor:pointer;
}
.oto-search__opt:hover,.oto-search__opt.is-active{background:var(--oto-s-accent-soft)}
.oto-search__thumb{
	flex:none;width:44px;height:44px;border-radius:8px;overflow:hidden;background:#f0f2f5;
	display:flex;align-items:center;justify-content:center;color:#9aa1ac;
}
.oto-search__thumb img{width:100%;height:100%;object-fit:cover;object-position:top;display:block;margin:0;border:0;border-radius:0;box-shadow:none}
.oto-search__body{flex:1 1 auto;min-width:0}
.oto-search__title{
	display:block;font-size:14.5px;font-weight:600;line-height:1.35;color:var(--oto-s-text);
	overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
}
.oto-search__title mark{background:color-mix(in srgb,var(--oto-s-accent) 18%,transparent);color:inherit;padding:0 1px;border-radius:3px}
.oto-search__badge{
	flex:none;align-self:center;padding:2px 9px;border-radius:999px;background:#eef0f3;color:#505967;
	font-size:11.5px;font-weight:600;white-space:nowrap;
}
.oto-search__badge--otb_template{background:#fdecec;color:#a8171d}
.oto-search__badge--wpdmpro{background:#e8f1fd;color:#1d5ea8}
.oto-search__badge--post{background:#eaf6ee;color:#1e6b3a}

.oto-search__all{
	position:sticky;bottom:-8px;z-index:1;background:#fff;
	display:flex;align-items:center;justify-content:space-between;gap:10px;margin:6px -8px -8px;padding:12px 20px;
	border-top:1px solid #eef0f3;border-radius:0 0 15px 15px;
	color:var(--oto-s-accent)!important;font-weight:600;font-size:14px;text-decoration:none!important;cursor:pointer;
}
.oto-search__all:hover,.oto-search__all.is-active{background:var(--oto-s-accent-soft)}

.oto-search__msg{margin:0;padding:18px 12px;text-align:center;color:var(--oto-s-muted);font-size:14px}
.oto-search__msg strong{display:block;margin-bottom:2px;color:var(--oto-s-text);font-size:15px}

/* Loading skeleton */
.oto-search__skel{display:flex;align-items:center;gap:12px;padding:8px 10px}
.oto-search__skel i{display:block;border-radius:8px;background:linear-gradient(90deg,#eef0f3 25%,#f7f8fa 37%,#eef0f3 63%);background-size:400% 100%;animation:oto-s-shimmer 1.2s ease infinite}
.oto-search__skel i:first-child{width:44px;height:44px}
.oto-search__skel i:last-child{flex:1;height:14px}
@keyframes oto-s-shimmer{0%{background-position:100% 50%}100%{background-position:0 50%}}
@media (prefers-reduced-motion:reduce){.oto-search__skel i{animation:none}}

/* Header placement: keep the form compact on desktop, full width on small screens */
.desc .oto-search{margin-bottom:8px}
@media (min-width:992px){.desc .oto-search{width:400px}}
@media (max-width:575px){
	.oto-search{max-width:none}
	.oto-search__field{height:48px}
	.oto-search__hint{display:none}
	.oto-search__submit{width:38px;padding:0}
	.oto-search__submit-text{display:none}
	.oto-search__submit-icon{display:block}
	.oto-search__panel{max-height:60vh}
	.oto-search__badge{display:none}
}

/* Home page hero version */
.oto-search--hero{max-width:760px;margin:0 0 14px;font-size:16px}
.oto-search--hero .oto-search__field{height:60px;padding-left:18px;box-shadow:0 2px 10px rgba(16,24,40,.07)}
.oto-search--hero .oto-search__input{font-size:17px}
.oto-search--hero .oto-search__submit{height:48px;padding:0 28px;font-size:15.5px}
.oto-search--hero .oto-search__panel{top:calc(100% + 10px)}
@media (max-width:575px){
	.oto-search--hero .oto-search__field{height:54px;padding-left:14px}
	.oto-search--hero .oto-search__submit{width:42px;height:42px;padding:0}
}