Как сделать рамку вокруг родительского блока, при фокусе на input. Чтобы рамка была вокруг "header-search-wrapper". Но только без JS, нужно на чистом CSS если возможно. С JS знаю как.
<div class="header-search-wrapper">
<div class="header-search-content">
<div class="h-s-w__input">
<input type="text" placeholder="Search a product...">
</div>
<div class="h-s-w__submit"></div>
</div>
</div>