<div class="header__body">
<div class="header__search-bar js-serach-bar" id="header-search">
<a href="#header-search" class="header__search-bar-close js-click"><svg xmlns="http://www.w3.org/2000/svg" width="10.707" height="10.707" viewBox="0 0 10.707 10.707">
<g id="Icon_Close" data-name="Icon/Close" transform="translate(0.354 0.354)">
<line id="Line_118_close" data-name="Line 118 close" x2="10" y2="10" fill="none" stroke="currentColor" stroke-width="1"></line>
<line id="Line_119_close" data-name="Line 119 close" x1="10" y2="10" fill="none" stroke="currentColor" stroke-width="1"></line>
</g>
</svg>
</a>
<form action="/search" method="get" class="header__search-bar-form">
<input type="search" name="q" value="" placeholder="Search" id="bc-sf-search-box-0" aria-live="polite" class="ui-autocomplete-input bc-sf-search-box" autocomplete="off" data-search-box="#bc-sf-search-box-0">
<button title="Submit Search Query" type="submit" onclick="beforeSubmitSearchForm('#bc-sf-search-box-0', event)"><svg id="Icon_Search" data-name="Icon/Search" xmlns="http://www.w3.org/2000/svg" width="16.354" height="16.354" viewBox="0 0 16.354 16.354">
<g id="Ellipse_17_search" data-name="Ellipse 17 search" fill="none" stroke="currentColor" stroke-width="1">
<circle cx="6.5" cy="6.5" r="6.5" stroke="none"></circle>
<circle cx="6.5" cy="6.5" r="6" fill="none"></circle>
</g>
<line id="Line_116_search" data-name="Line 116 search" x2="5" y2="5" transform="translate(11 11)" fill="none" stroke="currentColor" stroke-width="1"></line>
</svg>
</button>
</form>
</div><!-- /.header__search-bar -->
<a href="/" aria-label="site logo" class="header__logo logo"><h1 class="hidden-xs"><img src="//row.crockettandjones.com/cdn/shop/files/Website_Header_Logo_-_White_164x.png?v=1737821468" alt=""><img src="//row.crockettandjones.com/cdn/shop/files/Website_Header_Logo_-_Black_164x.png?v=1737821468" alt=""></h1><span class="hidden-lg hidden-md hidden-sm"><img class="header__logo-scroll" src="//row.crockettandjones.com/cdn/shop/files/Repeat_Grid_15_3x_bc5a725e-bd6c-4ae3-b7a3-683745656ec1_450x.png?v=1737821469" alt=""><img src="//row.crockettandjones.com/cdn/shop/files/MobileLogo-Large_2x_3b0a3bc9-7172-4642-aa29-3122fa96200b_312x.png?v=1737821464" alt=""><img src="//row.crockettandjones.com/cdn/shop/files/MobileLogo-Large-dark_2x_6ec0a50d-22c7-48c0-ad63-292fa3833bc1_312x.png?v=1737821464" alt=""></span>
</a>
<nav class="nav-utilities">
<ul>
<li class="visible-scroll">
<a aria-label="toggle search" href="#header-search" class="hidden-sm hidden-md hidden-xs js-click js-trigger-search-bar"><svg id="Icon_Search" data-name="Icon/Search" xmlns="http://www.w3.org/2000/svg" width="16.354" height="16.354" viewBox="0 0 16.354 16.354">
<g id="Ellipse_17_search" data-name="Ellipse 17 search" fill="none" stroke="currentColor" stroke-width="1">
<circle cx="6.5" cy="6.5" r="6.5" stroke="none"></circle>
<circle cx="6.5" cy="6.5" r="6" fill="none"></circle>
</g>
<line id="Line_116_search" data-name="Line 116 search" x2="5" y2="5" transform="translate(11 11)" fill="none" stroke="currentColor" stroke-width="1"></line>
</svg>
</a>
<a aria-label="toggle mobile menu" href="#" class="js-menu link-menu hidden-lg">
<span class="menu-search"><svg xmlns="http://www.w3.org/2000/svg" width="20.354" height="14.354" viewBox="0 0 20.354 14.354">
<g id="Icon_MenuSearch" data-name="Icon/MenuSearch" transform="translate(0 0.5)">
<g id="Ellipse_17_menu" data-name="Ellipse 17 menu" transform="translate(9 2.5)" fill="none" stroke="currentColor" stroke-width="1">
<circle cx="4.5" cy="4.5" r="4.5" stroke="none"></circle>
<circle cx="4.5" cy="4.5" r="4" fill="none"></circle>
</g>
<line id="Line_116" data-name="Line 116" x2="4" y2="4" transform="translate(16 9.5)" fill="none" stroke="currentColor" stroke-width="1"></line>
<line id="Line_120" data-name="Line 120" x1="13" fill="none" stroke="currentColor" stroke-width="1"></line>
<line id="Line_122" data-name="Line 122" x1="7" transform="translate(0 5.5)" fill="none" stroke="currentColor" stroke-width="1"></line>
<line id="Line_121" data-name="Line 121" x1="6.5" transform="translate(0 11)" fill="none" stroke="currentColor" stroke-width="1"></line>
</g>
</svg>
</span>
<span class="close"><svg xmlns="http://www.w3.org/2000/svg" width="10.707" height="10.707" viewBox="0 0 10.707 10.707">
<g id="Icon_Close" data-name="Icon/Close" transform="translate(0.354 0.354)">
<line id="Line_118_close" data-name="Line 118 close" x2="10" y2="10" fill="none" stroke="currentColor" stroke-width="1"></line>
<line id="Line_119_close" data-name="Line 119 close" x1="10" y2="10" fill="none" stroke="currentColor" stroke-width="1"></line>
</g>
</svg>
</span>
</a>
</li><li>
<a aria-label="store locator" href="/pages/stockist-locator"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="18" viewBox="0 0 15 18">
<g id="Icon_Stores" data-name="Icon/Stores" transform="translate(0.5 0.5)">
<path id="Path_54_stores" data-name="Path 54 stores" d="M17,7.955C17,13.364,10,18,10,18S3,13.364,3,7.955a7,7,0,0,1,14,0Z" transform="translate(-3 -1)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"></path>
<circle id="Ellipse_14" data-name="Ellipse 14" cx="1" cy="1" r="1" transform="translate(5.954 6)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"></circle>
</g>
</svg>
</a>
</li><li>
<a aria-label="featured page" href="/pages/made-to-be-worn"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14.394" viewBox="0 0 14 14.394">
<g id="Icon_Social" data-name="Icon/Social" transform="translate(0 0.197)">
<path id="Path_57_socials" data-name="Path 57 socials" d="M6,0,0,14" transform="translate(2)" fill="none" stroke="currentColor" stroke-width="1"></path>
<line id="Line_113_socials" data-name="Line 113 socials" x1="6" y2="14" transform="translate(7)" fill="none" stroke="currentColor" stroke-width="1"></line>
<line id="Line_114_socials" data-name="Line 114 socials" x2="13" transform="translate(1 5)" fill="none" stroke="currentColor" stroke-width="1"></line>
<line id="Line_115_socials" data-name="Line 115 socials" x2="13" transform="translate(0 9)" fill="none" stroke="currentColor" stroke-width="1"></line>
</g>
</svg>
</a>
</li></ul>
</nav><!-- /.nav-utilities -->
<nav class="nav-utilities nav-utilities--right">
<ul><li>
<a aria-label="my collection" href="/a/my-collection"><svg xmlns="http://www.w3.org/2000/svg" width="27.688" height="13.546" viewBox="0 0 27.688 13.546">
<g id="Icon_Shoe" data-name="Icon/Shoe" transform="translate(0.582 0.856)">
<path id="Path_6_shoe" data-name="Path 6 shoe" d="M265.1,283.693s-1.519,3.167-.06,8.1v2.393h5.887v-2.393a13.417,13.417,0,0,1,4.98,1.051c2.185,1.062,4.859,1.343,8.561,1.343,1.815,0,4.874-.141,5.887-.6,1.152-.519.757-4.165-2.393-4.668-4.726-.755-6.923-2.251-12.612-6.924C275.054,282.922,272.157,288.28,265.1,283.693Z" transform="translate(-264.404 -281.991)" fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="1"></path>
<line id="Line_4_shoe" data-name="Line 4 shoe" x2="6" transform="translate(0.538 9.8)" fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="1"></line>
<line id="Line_5_shoe" data-name="Line 5 shoe" y1="1.867" x2="1.653" transform="translate(11.921 2.338)" fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="1"></line>
<line id="Line_6_shoe" data-name="Line 6 shoe" y1="1.914" x2="1.576" transform="translate(13.942 3.924)" fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="1"></line>
<line id="Line_7_shoe" data-name="Line 7 shoe" y1="2.029" x2="1.591" transform="translate(15.87 5.317)" fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="1"></line>
</g>
</svg>
</a>
</li><li>
<a aria-label="contact" href="/pages/contact-us"><svg xmlns="http://www.w3.org/2000/svg" width="17.378" height="14.191"><g fill="none" stroke="currentColor" stroke-linecap="round" data-name="Icon/Email"><path d="M16.689.689v13h-16v-13Z" data-name="Path 119"></path><path d="m16.689.689-8 5-8-5" data-name="Path 120"></path></g></svg>
</a>
</li><li>
<a aria-label="account" href="/account"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="19.5" viewBox="0 0 17 19.5">
<g id="Icon_Account" data-name="Icon/Account" transform="translate(0.5 0.5)">
<circle id="Ellipse_15_donw" data-name="Ellipse 15 down" cx="4" cy="4" r="4" transform="translate(4)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"></circle>
<path id="Path_56_down" data-name="Path 56 down" d="M16,16A8,8,0,0,0,0,16" transform="translate(0 3)" fill="none" stroke="currentColor" stroke-width="1"></path>
</g>
</svg>
</a>
</li>
<li class="visible-scroll">
<a aria-label="shopping bag" class="link-cart" href="/cart" data-heading="Bag">
<span class="count js-cart-count hidden">0</span><svg xmlns="http://www.w3.org/2000/svg" width="16" height="18.501" viewBox="0 0 16 18.501">
<g id="Icon_Bag" data-name="Icon/Bag" transform="translate(0 0.5)">
<g id="Path_112" data-name="Path 112" transform="translate(0 4.001)" fill="none">
<path d="M1,0H15l1,14H0Z" stroke="none"></path>
<path d="M 1.931120872497559 1 L 1.073977470397949 13 L 14.92602252960205 13 L 14.06887912750244 1 L 1.931120872497559 1 M 1 0 L 15 0 L 16 14 L 0 14 L 1 0 Z" stroke="none" fill="currentColor"></path>
</g>
<path id="Path_111_bag" data-name="Path 111 bag" d="M0,6V3A3,3,0,0,1,6,3V6" transform="translate(4.999)" fill="none" stroke="currentColor" stroke-width="1"></path>
<line id="Line_249_bag" data-name="Line 249 bag" x2="5" transform="translate(5.5 14.001)" fill="none" stroke="currentColor" stroke-width="1"></line>
<g id="Rectangle_523_bag" data-name="Rectangle 523 bag" transform="translate(6 10.122) rotate(-45)" fill="none" stroke="currentColor" stroke-width="1">
<rect width="3" height="3" stroke="none"></rect>
<rect x="0.5" y="0.5" width="2" height="2" fill="none"></rect>
</g>
</g>
</svg>
</a>
</li>
</ul>
</nav><!-- /.nav-utilities -->
</div>