<style>
.search-suggestions-mobile {
min-width: 100%; /* ancho mínimo de 600px */
max-width: 100%;/* ajustar el ancho máximo permitido según sea necesario */
}
.search-suggestions-mobile li a {
width: 100%;
}
#search-box-mobile::placeholder {
color: #FF0000;
}
</style>
<div id="search-popup" class="search-drawer d-md-none">
<div class="container">
<span class="closeSearch an an-times-l"></span>
<form class="form minisearch" id="header-search" action="#" method="get">
<label class="label"><span>{{ "Search" | trans }}</span></label>
<div class="control">
<div class="searchField">
<div class="input-box" style="min-width: 300px">
<button type="submit" title="Search" class="action search"><i class="icon an an-search-l"></i></button>
<input id="search-box-mobile" data-idiom="{{ app.request.locale }}" type="text" name="q" value="" placeholder="" class="input-text">
</div>
</div>
<ul id="search-suggestions-mobile" class="search-suggestions search-suggestions-mobile d-none">
</ul>
</div>
</form>
</div>
</div>