runwayscout.com
Open in
urlscan Pro
23.227.38.32
Public Scan
Submitted URL: http://runwayscout.com/
Effective URL: https://runwayscout.com/
Submission: On November 26 via api from AU — Scanned from CA
Effective URL: https://runwayscout.com/
Submission: On November 26 via api from AU — Scanned from CA
Form analysis 6 forms found in the DOM
GET /search
<form action="/search" method="get" role="search" id="HeaderSearchForm" class="site-header__search-form ng-pristine ng-valid ng-scope" autocomplete="off" ss-nav="">
<input type="hidden" name="type" value="product,article,page,collection" autocomplete="off">
<input type="search" name="q" value="" placeholder="Search" class="site-header__search-input ng-scope" aria-label="Search" ss-nav-input="" ng-non-bindable="" spellcheck="false" autocomplete="off"><!-- ngIf: ac.ready -->
<button type="submit" class="text-link site-header__search-btn site-header__search-btn--submit">
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64">
<path d="M47.16 28.58A18.58 18.58 0 1 1 28.58 10a18.58 18.58 0 0 1 18.58 18.58zM54 54L41.94 42"></path>
</svg>
<span class="icon__fallback-text">Search</span>
</button>
</form>POST /localization
<form method="post" action="/localization" id="localization_formnav-drawer" accept-charset="UTF-8" class="multi-selectors" enctype="multipart/form-data" data-disclosure-form=""><input type="hidden" name="form_type" value="localization"><input
type="hidden" name="utf8" value="✓"><input type="hidden" name="_method" value="put"><input type="hidden" name="return_to" value="/">
<div class="multi-selectors__item">
<h2 class="visually-hidden" id="CurrencyHeading-nav-drawer"> Currency </h2>
<div class="disclosure" data-disclosure-currency="">
<button type="button" class="faux-select disclosure__toggle" aria-expanded="false" aria-controls="CurrencyList-nav-drawer" aria-describedby="CurrencyHeading-nav-drawer" data-disclosure-toggle=""><span class="disclosure-list__label"> CAD
$</span>
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16">
<path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"></path>
</svg>
</button>
<ul id="CurrencyList-nav-drawer" class="disclosure-list" data-disclosure-list="">
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="AED" data-disclosure-option=""><span class="disclosure-list__label">
AED د.إ</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="AFN" data-disclosure-option=""><span class="disclosure-list__label">
AFN ؋</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="ALL" data-disclosure-option=""><span class="disclosure-list__label">
ALL L</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="AMD" data-disclosure-option=""><span class="disclosure-list__label">
AMD դր.</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="ANG" data-disclosure-option=""><span class="disclosure-list__label">
ANG ƒ</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="AUD" data-disclosure-option=""><span class="disclosure-list__label">
AUD $</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="AWG" data-disclosure-option=""><span class="disclosure-list__label">
AWG ƒ</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="AZN" data-disclosure-option=""><span class="disclosure-list__label">
AZN ₼</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="BAM" data-disclosure-option=""><span class="disclosure-list__label">
BAM КМ</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="BBD" data-disclosure-option=""><span class="disclosure-list__label">
BBD $</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="BDT" data-disclosure-option=""><span class="disclosure-list__label">
BDT ৳</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="BGN" data-disclosure-option=""><span class="disclosure-list__label">
BGN лв.</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="BIF" data-disclosure-option=""><span class="disclosure-list__label">
BIF Fr</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="BND" data-disclosure-option=""><span class="disclosure-list__label">
BND $</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="BOB" data-disclosure-option=""><span class="disclosure-list__label">
BOB Bs.</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="BSD" data-disclosure-option=""><span class="disclosure-list__label">
BSD $</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="BWP" data-disclosure-option=""><span class="disclosure-list__label">
BWP P</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="BZD" data-disclosure-option=""><span class="disclosure-list__label">
BZD $</span>
</a>
</li>
<li class="disclosure-list__item disclosure-list__item--current">
<a class="disclosure-list__option" href="#" aria-current="true" data-value="CAD" data-disclosure-option=""><span class="disclosure-list__label">
CAD $</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="CDF" data-disclosure-option=""><span class="disclosure-list__label">
CDF Fr</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="CHF" data-disclosure-option=""><span class="disclosure-list__label">
CHF CHF</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="CNY" data-disclosure-option=""><span class="disclosure-list__label">
CNY ¥</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="CRC" data-disclosure-option=""><span class="disclosure-list__label">
CRC ₡</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="CVE" data-disclosure-option=""><span class="disclosure-list__label">
CVE $</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="CZK" data-disclosure-option=""><span class="disclosure-list__label">
CZK Kč</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="DJF" data-disclosure-option=""><span class="disclosure-list__label">
DJF Fdj</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="DKK" data-disclosure-option=""><span class="disclosure-list__label">
DKK kr.</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="DOP" data-disclosure-option=""><span class="disclosure-list__label">
DOP $</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="DZD" data-disclosure-option=""><span class="disclosure-list__label">
DZD د.ج</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="ETB" data-disclosure-option=""><span class="disclosure-list__label">
ETB Br</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="EUR" data-disclosure-option=""><span class="disclosure-list__label">
EUR €</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="FJD" data-disclosure-option=""><span class="disclosure-list__label">
FJD $</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="FKP" data-disclosure-option=""><span class="disclosure-list__label">
FKP £</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="GBP" data-disclosure-option=""><span class="disclosure-list__label">
GBP £</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="GMD" data-disclosure-option=""><span class="disclosure-list__label">
GMD D</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="GNF" data-disclosure-option=""><span class="disclosure-list__label">
GNF Fr</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="GTQ" data-disclosure-option=""><span class="disclosure-list__label">
GTQ Q</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="GYD" data-disclosure-option=""><span class="disclosure-list__label">
GYD $</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="HKD" data-disclosure-option=""><span class="disclosure-list__label">
HKD $</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="HNL" data-disclosure-option=""><span class="disclosure-list__label">
HNL L</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="HUF" data-disclosure-option=""><span class="disclosure-list__label">
HUF Ft</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="IDR" data-disclosure-option=""><span class="disclosure-list__label">
IDR Rp</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="ILS" data-disclosure-option=""><span class="disclosure-list__label">
ILS ₪</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="INR" data-disclosure-option=""><span class="disclosure-list__label">
INR ₹</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="ISK" data-disclosure-option=""><span class="disclosure-list__label">
ISK kr</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="JMD" data-disclosure-option=""><span class="disclosure-list__label">
JMD $</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="JPY" data-disclosure-option=""><span class="disclosure-list__label">
JPY ¥</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="KES" data-disclosure-option=""><span class="disclosure-list__label">
KES KSh</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="KGS" data-disclosure-option=""><span class="disclosure-list__label">
KGS som</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="KHR" data-disclosure-option=""><span class="disclosure-list__label">
KHR ៛</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="KMF" data-disclosure-option=""><span class="disclosure-list__label">
KMF Fr</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="KRW" data-disclosure-option=""><span class="disclosure-list__label">
KRW ₩</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="KYD" data-disclosure-option=""><span class="disclosure-list__label">
KYD $</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="KZT" data-disclosure-option=""><span class="disclosure-list__label">
KZT 〒</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="LAK" data-disclosure-option=""><span class="disclosure-list__label">
LAK ₭</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="LBP" data-disclosure-option=""><span class="disclosure-list__label">
LBP ل.ل</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="LKR" data-disclosure-option=""><span class="disclosure-list__label">
LKR ₨</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="MAD" data-disclosure-option=""><span class="disclosure-list__label">
MAD د.م.</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="MDL" data-disclosure-option=""><span class="disclosure-list__label">
MDL L</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="MKD" data-disclosure-option=""><span class="disclosure-list__label">
MKD ден</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="MMK" data-disclosure-option=""><span class="disclosure-list__label">
MMK K</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="MNT" data-disclosure-option=""><span class="disclosure-list__label">
MNT ₮</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="MOP" data-disclosure-option=""><span class="disclosure-list__label">
MOP P</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="MUR" data-disclosure-option=""><span class="disclosure-list__label">
MUR ₨</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="MVR" data-disclosure-option=""><span class="disclosure-list__label">
MVR MVR</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="MWK" data-disclosure-option=""><span class="disclosure-list__label">
MWK MK</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="MYR" data-disclosure-option=""><span class="disclosure-list__label">
MYR RM</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="NGN" data-disclosure-option=""><span class="disclosure-list__label">
NGN ₦</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="NIO" data-disclosure-option=""><span class="disclosure-list__label">
NIO C$</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="NPR" data-disclosure-option=""><span class="disclosure-list__label">
NPR ₨</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="NZD" data-disclosure-option=""><span class="disclosure-list__label">
NZD $</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="PEN" data-disclosure-option=""><span class="disclosure-list__label">
PEN S/.</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="PGK" data-disclosure-option=""><span class="disclosure-list__label">
PGK K</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="PHP" data-disclosure-option=""><span class="disclosure-list__label">
PHP ₱</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="PKR" data-disclosure-option=""><span class="disclosure-list__label">
PKR ₨</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="PLN" data-disclosure-option=""><span class="disclosure-list__label">
PLN zł</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="PYG" data-disclosure-option=""><span class="disclosure-list__label">
PYG ₲</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="QAR" data-disclosure-option=""><span class="disclosure-list__label">
QAR ر.ق</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="RON" data-disclosure-option=""><span class="disclosure-list__label">
RON Lei</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="RSD" data-disclosure-option=""><span class="disclosure-list__label">
RSD РСД</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="RWF" data-disclosure-option=""><span class="disclosure-list__label">
RWF FRw</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="SAR" data-disclosure-option=""><span class="disclosure-list__label">
SAR ر.س</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="SBD" data-disclosure-option=""><span class="disclosure-list__label">
SBD $</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="SEK" data-disclosure-option=""><span class="disclosure-list__label">
SEK kr</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="SGD" data-disclosure-option=""><span class="disclosure-list__label">
SGD $</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="SHP" data-disclosure-option=""><span class="disclosure-list__label">
SHP £</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="SLL" data-disclosure-option=""><span class="disclosure-list__label">
SLL Le</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="STD" data-disclosure-option=""><span class="disclosure-list__label">
STD Db</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="THB" data-disclosure-option=""><span class="disclosure-list__label">
THB ฿</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="TJS" data-disclosure-option=""><span class="disclosure-list__label">
TJS ЅМ</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="TOP" data-disclosure-option=""><span class="disclosure-list__label">
TOP T$</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="TTD" data-disclosure-option=""><span class="disclosure-list__label">
TTD $</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="TWD" data-disclosure-option=""><span class="disclosure-list__label">
TWD $</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="TZS" data-disclosure-option=""><span class="disclosure-list__label">
TZS Sh</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="UGX" data-disclosure-option=""><span class="disclosure-list__label">
UGX USh</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="USD" data-disclosure-option=""><span class="disclosure-list__label">
USD $</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="UYU" data-disclosure-option=""><span class="disclosure-list__label">
UYU $</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="UZS" data-disclosure-option=""><span class="disclosure-list__label">
UZS </span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="VND" data-disclosure-option=""><span class="disclosure-list__label">
VND ₫</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="VUV" data-disclosure-option=""><span class="disclosure-list__label">
VUV Vt</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="WST" data-disclosure-option=""><span class="disclosure-list__label">
WST T</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="XAF" data-disclosure-option=""><span class="disclosure-list__label">
XAF Fr</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="XCD" data-disclosure-option=""><span class="disclosure-list__label">
XCD $</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="XOF" data-disclosure-option=""><span class="disclosure-list__label">
XOF Fr</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="XPF" data-disclosure-option=""><span class="disclosure-list__label">
XPF Fr</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="YER" data-disclosure-option=""><span class="disclosure-list__label">
YER ﷼</span>
</a>
</li>
</ul>
<input type="hidden" name="currency_code" value="CAD" data-disclosure-input="">
</div>
</div>
</form>POST /cart
<form id="CartDrawerForm" action="/cart" method="post" novalidate="" class="drawer__contents">
<div class="drawer__fixed-header">
<div class="drawer__header appear-animation appear-delay-1">
<div class="drawer__close">
<button type="button" class="drawer__close-button js-drawer-close">
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64">
<path d="M19 17.61l27.12 27.13m0-27.12L19 44.74"></path>
</svg>
<span class="icon__fallback-text">Close cart</span>
</button>
</div>
</div>
</div>
<div class="drawer__inner">
<div class="drawer__scrollable">
<script>
</script>
<div data-products="" class="appear-animation appear-delay-2">
<div class="cart__items" data-count="1" data-cart-subtotal="400">
</div>
</div>
<div searchspring-personalized-recommend="mini-cart" class="ss-targeted ng-scope"><!-- ngIf: results && results.length -->
<div ng-if="results && results.length" id="ss-profile-mini-cart" class="ss-profile page-width ng-scope">
<!-- ngIf: profile.header -->
<h2 ng-if="profile.header" class="ss-recommendations-title h2 section-header__title u-font-antiqua ng-binding ng-scope" ng-style="{'margin-bottom': profile.description ? '10px' : '25px' }" style="margin-bottom: 25px;">You Might Like to Add
</h2><!-- end ngIf: profile.header -->
<div class="ss-recommendations-controls" aria-label="Carousel Navigation" tabindex="0">
<button class="ss-recommendations-controls-button ss-recommendations-controls-previous" type="button" data-controls="prev" aria-controls="tns1" tabindex="-1">
<i class="fal fa-chevron-left" style="font-size: 35px; padding-left: 5px"></i>
</button>
<button class="ss-recommendations-controls-button ss-recommendations-controls-next" type="button" data-controls="next" aria-controls="tns1" tabindex="-1">
<i class="fal fa-chevron-right" style="font-size: 35px; padding-left: 5px"></i>
</button>
</div>
<div class="tns-outer" id="tns1-ow">
<div class="tns-liveregion tns-visually-hidden" aria-live="polite" aria-atomic="true">slide <span class="current">5 to 8</span> of 20</div>
<div id="tns1-mw" class="tns-ovh">
<div class="tns-inner" id="tns1-iw">
<div class="ss-recommendations-container ss-recommendations-slider ng-isolate-scope ss-slider-img-visible tns-slider tns-carousel tns-subpixel tns-calc tns-horizontal" ss-inline-module="tiny-slider.render" opts="{
container: '#ss-profile-' + recommendations.profile.tag + ' .ss-recommendations-slider',
controlsContainer: '#ss-profile-' + recommendations.profile.tag + ' .ss-recommendations-controls',
loop: true,
rewind: false,
mouseDrag: true,
nav: false,
navPosition: 'bottom',
slideBy: profile.slideBy,
speed: 800,
preventScrollOnTouch: auto,
responsive: {
1: {
items: profile.displayLimit,
edgePadding: 30,
center: false,
},
}
}" id="tns1" style="transition-duration: 0s; transform: translate3d(-16.6667%, 0px, 0px);">
<div ng-repeat="result in results | limitTo:profile.itemLimit track by result.uid"
class="ss-recommendations-item grid__item grid-product grid-product-custom small--one-half medium-up--one-quarter aos-init aos-animate ng-scope ss-targeted tns-item" aria-hidden="true" tabindex="-1">
<!-- Content for item goes here --> <!-- ngIf: result.isInlineBanner --> <!-- ngIf: !result.isInlineBanner -->
<div ng-if="!result.isInlineBanner" class="grid-product__content ng-scope"> <!-- ngIf: result.badge -->
<div ng-if="result.badge" class="grid-product__tag grid-product__tag--custom ng-binding ng-scope">NEW ARRIVAL</div><!-- end ngIf: result.badge --> <!-- ngIf: result.badgesRight -->
<div ng-if="result.badgesRight" class="ss-badges-right grid-product__tag grid-product__tag--sold-out ng-binding ng-scope"
ng-style="{ 'color': result.badgesRight.hasOwnProperty('colorForeground') ? result.badgesRight.colorForeground : '', 'background-color': result.badgesRight.hasOwnProperty('colorBackground') ? result.badgesRight.colorBackground : '' }"
style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0);">30% OFF</div><!-- end ngIf: result.badgesRight -->
<a ng-href="https://runwayscout.com/products/elowen-maxi-dress-blue" intellisuggest="" class="grid-product__link" href="https://runwayscout.com/products/elowen-maxi-dress-blue"></a>
<div class="grid-product__image-mask">
<!-- ngIf: !result.mfield_steadlane_plp_video --><a ng-if="!result.mfield_steadlane_plp_video" ng-href="https://runwayscout.com/products/elowen-maxi-dress-blue" intellisuggest="" class="grid-product__link ng-scope" href="https://runwayscout.com/products/elowen-maxi-dress-blue"> <div class="image-wrap" style="height: 0; padding-bottom: 149.936630037%;"> <!-- ngIf: recommendations --><img ng-if="recommendations" class="grid-product__image lazyautosizes lazyload ng-scope" data-aspectratio="0.66650390625" data-sizes="auto" alt="Elowen Maxi Dress (Blue)" ng-src="https://cdn.shopify.com/s/files/1/0323/1681/files/24_09_02_Imi_Spiral24_09_04_spiral03811_600x600.jpg?v=1725948100" onerror="this.src='//cdn.searchspring.net/ajax_search/img/default_image.png';" src="https://cdn.shopify.com/s/files/1/0323/1681/files/24_09_02_Imi_Spiral24_09_04_spiral03811_600x600.jpg?v=1725948100" style="visibility: hidden;"><!-- end ngIf: recommendations --> <!-- ngIf: !recommendations --> </div> <!-- ngIf: result.ss_image_hover --><div ng-if="result.ss_image_hover" class="grid-product__secondary-image small--hide ng-scope"> <!-- ngIf: recommendations --><img ng-if="recommendations" class="lazyautosizes lazyload ng-scope" data-aspectratio="0.66650390625" data-sizes="auto" alt="Elowen Maxi Dress (Blue)" ng-src="https://cdn.shopify.com/s/files/1/0323/1681/files/24_09_10_Molly_24_09_04_spiral05001-2_600x600.jpg?v=1726439662" onerror="this.src='//cdn.searchspring.net/ajax_search/img/default_image.png';" src="https://cdn.shopify.com/s/files/1/0323/1681/files/24_09_10_Molly_24_09_04_spiral05001-2_600x600.jpg?v=1726439662" style="visibility: hidden;"><!-- end ngIf: recommendations --> <!-- ngIf: !recommendations --> </div><!-- end ngIf: result.ss_image_hover --> </a><!-- end ngIf: !result.mfield_steadlane_plp_video -->
<!-- ngIf: !recommendations && result.mfield_steadlane_plp_video -->
<div class="grid-product__hover-content"> <a ng-href="https://runwayscout.com/products/elowen-maxi-dress-blue" intellisuggest="" class="grid-product__link" href="https://runwayscout.com/products/elowen-maxi-dress-blue"></a>
<div class="grid-product__sizes"> <a ng-href="https://runwayscout.com/products/elowen-maxi-dress-blue" intellisuggest="" class="grid-product__link" href="https://runwayscout.com/products/elowen-maxi-dress-blue"></a>
<!-- ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="40385354563656" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> XS </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="40385354596424" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> S </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope out-of-stock" ng-href="#" data-variant-id="40385354629192" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> M </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="40385354661960" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> L </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="40385354694728" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> XL </a><!-- end ngRepeat: size in result.ss_sizes track by $index -->
</div>
<div class="grid-product__wishlist"> <wishlist-button class="swym-grid-item-btn" data-product-handle="elowen-maxi-dress-blue"> <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 20.468 19.916">
<g id="wichlist-icon" transform="translate(0.1 0.1)">
<path id="heart301"
d="M18.629,1.7A5.585,5.585,0,0,0,14.662,0a5.338,5.338,0,0,0-2.544.643A5.535,5.535,0,0,0,10.134,2.4,5.535,5.535,0,0,0,8.15.643,5.339,5.339,0,0,0,5.606,0,5.585,5.585,0,0,0,1.639,1.7,6.022,6.022,0,0,0,0,5.839,9.407,9.407,0,0,0,.5,8.793a6.235,6.235,0,0,0,.615,1.263c.276.442.528.812.744,1.1a10.257,10.257,0,0,0,.938,1.082c.415.423.755.755,1,.992s.625.587,1.121,1.037c.571.519.978.9,1.24,1.15s.625.609,1.11,1.094a17.763,17.763,0,0,1,2.383,2.92.559.559,0,0,0,.485.282.573.573,0,0,0,.507-.282,18.435,18.435,0,0,1,1.531-2.074q.894-1.045,1.488-1.623c.4-.392.979-.938,1.725-1.634.461-.431.83-.755,1.078-.992s.571-.564.97-.981a13.01,13.01,0,0,0,.938-1.071c.229-.3.471-.667.744-1.1a7.067,7.067,0,0,0,1-2.593,7.657,7.657,0,0,0,.151-1.522A6.021,6.021,0,0,0,18.629,1.7Zm.345,5.287A7.582,7.582,0,0,1,17.1,10.675c-.455.527-1.291,1.367-2.512,2.5-.633.589-1.143,1.071-1.542,1.454s-.865.876-1.434,1.511S10.134,18,10.134,18,9.183,16.8,8.6,16.177s-1.035-1.1-1.369-1.42-.843-.786-1.542-1.432l-.744-.688-.679-.643c-.294-.278-.52-.5-.668-.676s-.334-.383-.571-.654a5.776,5.776,0,0,1-.539-.7,7.343,7.343,0,0,1-.819-1.477l-.248-.8a6.137,6.137,0,0,1-.237-1.849A4.486,4.486,0,0,1,2.48,2.6,4.19,4.19,0,0,1,5.606,1.251a4.146,4.146,0,0,1,2.361.721A4.5,4.5,0,0,1,9.606,3.9a.54.54,0,0,0,.528.349.562.562,0,0,0,.55-.349,4.51,4.51,0,0,1,1.606-1.928,4.277,4.277,0,0,1,5.487.62,4.494,4.494,0,0,1,1.294,3.247A7.051,7.051,0,0,1,18.974,6.989Z"
transform="translate(0 0)" stroke="#000" stroke-width="0.2"></path>
</g>
</svg> </wishlist-button> </div>
</div>
</div>
<div class="grid-product__meta"> <!-- ngIf: result.badgeBottom -->
<a ng-href="https://runwayscout.com/products/elowen-maxi-dress-blue" intellisuggest="" class="grid-product__link" href="https://runwayscout.com/products/elowen-maxi-dress-blue"> <h3 class="grid-product__title grid-product__title--body ng-binding">Elowen Maxi Dress (Blue)</h3> </a>
<!-- ngIf: slideout.triggered -->
<div class="grid-product__price"> <!-- ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --><span ng-if="result.msrp && (result.msrp * 1) > (result.price * 1)" class="visually-hidden ng-scope">Regular
price</span><!-- end ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --> <!-- ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --><span
ng-if="result.msrp && (result.msrp * 1) > (result.price * 1)" class="grid-product__price--original grid-product__price--red ng-scope"> <span ng-bind-html="graphQL.markets.format(result.msrp) | trusted"
class="ng-binding">$109.99</span> </span><!-- end ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --> <!-- ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --><span
ng-if="result.msrp && (result.msrp * 1) > (result.price * 1)" class="visually-hidden ng-scope">Sale price</span><!-- end ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --> <span
ng-bind-html="graphQL.markets.format(result.price) | trusted" class="ng-binding">$76.99</span> </div>
<div class="grid-product__sizes">
<!-- ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="40385354563656" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> XS </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="40385354596424" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> S </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope out-of-stock" ng-href="#" data-variant-id="40385354629192" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> M </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="40385354661960" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> L </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="40385354694728" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> XL </a><!-- end ngRepeat: size in result.ss_sizes track by $index -->
</div>
</div>
</div><!-- end ngIf: !result.isInlineBanner -->
</div>
<div ng-repeat="result in results | limitTo:profile.itemLimit track by result.uid"
class="ss-recommendations-item grid__item grid-product grid-product-custom small--one-half medium-up--one-quarter aos-init aos-animate ng-scope ss-targeted tns-item" aria-hidden="true" tabindex="-1">
<!-- Content for item goes here --> <!-- ngIf: result.isInlineBanner --> <!-- ngIf: !result.isInlineBanner -->
<div ng-if="!result.isInlineBanner" class="grid-product__content ng-scope"> <!-- ngIf: result.badge -->
<div ng-if="result.badge" class="grid-product__tag grid-product__tag--custom ng-binding ng-scope">NEW ARRIVAL</div><!-- end ngIf: result.badge --> <!-- ngIf: result.badgesRight -->
<div ng-if="result.badgesRight" class="ss-badges-right grid-product__tag grid-product__tag--sold-out ng-binding ng-scope"
ng-style="{ 'color': result.badgesRight.hasOwnProperty('colorForeground') ? result.badgesRight.colorForeground : '', 'background-color': result.badgesRight.hasOwnProperty('colorBackground') ? result.badgesRight.colorBackground : '' }"
style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0);">30% OFF</div><!-- end ngIf: result.badgesRight -->
<a ng-href="https://runwayscout.com/products/marigold-set-lemon" intellisuggest="" class="grid-product__link" href="https://runwayscout.com/products/marigold-set-lemon"></a>
<div class="grid-product__image-mask">
<!-- ngIf: !result.mfield_steadlane_plp_video --><a ng-if="!result.mfield_steadlane_plp_video" ng-href="https://runwayscout.com/products/marigold-set-lemon" intellisuggest="" class="grid-product__link ng-scope" href="https://runwayscout.com/products/marigold-set-lemon"> <div class="image-wrap" style="height: 0; padding-bottom: 149.936630037%;"> <!-- ngIf: recommendations --><img ng-if="recommendations" class="grid-product__image lazyautosizes lazyload ng-scope" data-aspectratio="0.66650390625" data-sizes="auto" alt="Marigold Set (Lemon)" ng-src="https://cdn.shopify.com/s/files/1/0323/1681/files/24_09_02_Imi_Spiral24_09_04_spiral00353_600x600.jpg?v=1725937461" onerror="this.src='//cdn.searchspring.net/ajax_search/img/default_image.png';" src="https://cdn.shopify.com/s/files/1/0323/1681/files/24_09_02_Imi_Spiral24_09_04_spiral00353_600x600.jpg?v=1725937461" style="visibility: hidden;"><!-- end ngIf: recommendations --> <!-- ngIf: !recommendations --> </div> <!-- ngIf: result.ss_image_hover --><div ng-if="result.ss_image_hover" class="grid-product__secondary-image small--hide ng-scope"> <!-- ngIf: recommendations --><img ng-if="recommendations" class="lazyautosizes lazyload ng-scope" data-aspectratio="0.66650390625" data-sizes="auto" alt="Marigold Set (Lemon)" ng-src="https://cdn.shopify.com/s/files/1/0323/1681/files/24_09_02_Imi_Spiral24_09_04_spiral05411_600x600.jpg?v=1725937463" onerror="this.src='//cdn.searchspring.net/ajax_search/img/default_image.png';" src="https://cdn.shopify.com/s/files/1/0323/1681/files/24_09_02_Imi_Spiral24_09_04_spiral05411_600x600.jpg?v=1725937463" style="visibility: hidden;"><!-- end ngIf: recommendations --> <!-- ngIf: !recommendations --> </div><!-- end ngIf: result.ss_image_hover --> </a><!-- end ngIf: !result.mfield_steadlane_plp_video -->
<!-- ngIf: !recommendations && result.mfield_steadlane_plp_video -->
<div class="grid-product__hover-content"> <a ng-href="https://runwayscout.com/products/marigold-set-lemon" intellisuggest="" class="grid-product__link" href="https://runwayscout.com/products/marigold-set-lemon"></a>
<div class="grid-product__sizes"> <a ng-href="https://runwayscout.com/products/marigold-set-lemon" intellisuggest="" class="grid-product__link" href="https://runwayscout.com/products/marigold-set-lemon"></a>
<!-- ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope out-of-stock" ng-href="#" data-variant-id="40386179498056" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> XS </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="40386179530824" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> S </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="40386179563592" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> M </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="40386179596360" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> L </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="40386179629128" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> XL </a><!-- end ngRepeat: size in result.ss_sizes track by $index -->
</div>
<div class="grid-product__wishlist"> <wishlist-button class="swym-grid-item-btn" data-product-handle="marigold-set-lemon"> <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 20.468 19.916">
<g id="wichlist-icon" transform="translate(0.1 0.1)">
<path id="heart301"
d="M18.629,1.7A5.585,5.585,0,0,0,14.662,0a5.338,5.338,0,0,0-2.544.643A5.535,5.535,0,0,0,10.134,2.4,5.535,5.535,0,0,0,8.15.643,5.339,5.339,0,0,0,5.606,0,5.585,5.585,0,0,0,1.639,1.7,6.022,6.022,0,0,0,0,5.839,9.407,9.407,0,0,0,.5,8.793a6.235,6.235,0,0,0,.615,1.263c.276.442.528.812.744,1.1a10.257,10.257,0,0,0,.938,1.082c.415.423.755.755,1,.992s.625.587,1.121,1.037c.571.519.978.9,1.24,1.15s.625.609,1.11,1.094a17.763,17.763,0,0,1,2.383,2.92.559.559,0,0,0,.485.282.573.573,0,0,0,.507-.282,18.435,18.435,0,0,1,1.531-2.074q.894-1.045,1.488-1.623c.4-.392.979-.938,1.725-1.634.461-.431.83-.755,1.078-.992s.571-.564.97-.981a13.01,13.01,0,0,0,.938-1.071c.229-.3.471-.667.744-1.1a7.067,7.067,0,0,0,1-2.593,7.657,7.657,0,0,0,.151-1.522A6.021,6.021,0,0,0,18.629,1.7Zm.345,5.287A7.582,7.582,0,0,1,17.1,10.675c-.455.527-1.291,1.367-2.512,2.5-.633.589-1.143,1.071-1.542,1.454s-.865.876-1.434,1.511S10.134,18,10.134,18,9.183,16.8,8.6,16.177s-1.035-1.1-1.369-1.42-.843-.786-1.542-1.432l-.744-.688-.679-.643c-.294-.278-.52-.5-.668-.676s-.334-.383-.571-.654a5.776,5.776,0,0,1-.539-.7,7.343,7.343,0,0,1-.819-1.477l-.248-.8a6.137,6.137,0,0,1-.237-1.849A4.486,4.486,0,0,1,2.48,2.6,4.19,4.19,0,0,1,5.606,1.251a4.146,4.146,0,0,1,2.361.721A4.5,4.5,0,0,1,9.606,3.9a.54.54,0,0,0,.528.349.562.562,0,0,0,.55-.349,4.51,4.51,0,0,1,1.606-1.928,4.277,4.277,0,0,1,5.487.62,4.494,4.494,0,0,1,1.294,3.247A7.051,7.051,0,0,1,18.974,6.989Z"
transform="translate(0 0)" stroke="#000" stroke-width="0.2"></path>
</g>
</svg> </wishlist-button> </div>
</div>
</div>
<div class="grid-product__meta"> <!-- ngIf: result.badgeBottom -->
<a ng-href="https://runwayscout.com/products/marigold-set-lemon" intellisuggest="" class="grid-product__link" href="https://runwayscout.com/products/marigold-set-lemon"> <h3 class="grid-product__title grid-product__title--body ng-binding">Marigold Set (Lemon)</h3> </a>
<!-- ngIf: slideout.triggered -->
<div class="grid-product__price"> <!-- ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --><span ng-if="result.msrp && (result.msrp * 1) > (result.price * 1)" class="visually-hidden ng-scope">Regular
price</span><!-- end ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --> <!-- ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --><span
ng-if="result.msrp && (result.msrp * 1) > (result.price * 1)" class="grid-product__price--original grid-product__price--red ng-scope"> <span ng-bind-html="graphQL.markets.format(result.msrp) | trusted"
class="ng-binding">$139.99</span> </span><!-- end ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --> <!-- ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --><span
ng-if="result.msrp && (result.msrp * 1) > (result.price * 1)" class="visually-hidden ng-scope">Sale price</span><!-- end ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --> <span
ng-bind-html="graphQL.markets.format(result.price) | trusted" class="ng-binding">$97.99</span> </div>
<div class="grid-product__sizes">
<!-- ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope out-of-stock" ng-href="#" data-variant-id="40386179498056" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> XS </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="40386179530824" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> S </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="40386179563592" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> M </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="40386179596360" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> L </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="40386179629128" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> XL </a><!-- end ngRepeat: size in result.ss_sizes track by $index -->
</div>
</div>
</div><!-- end ngIf: !result.isInlineBanner -->
</div>
<div ng-repeat="result in results | limitTo:profile.itemLimit track by result.uid"
class="ss-recommendations-item grid__item grid-product grid-product-custom small--one-half medium-up--one-quarter aos-init aos-animate ng-scope ss-targeted tns-item" aria-hidden="true" tabindex="-1">
<!-- Content for item goes here --> <!-- ngIf: result.isInlineBanner --> <!-- ngIf: !result.isInlineBanner -->
<div ng-if="!result.isInlineBanner" class="grid-product__content ng-scope"> <!-- ngIf: result.badge -->
<div ng-if="result.badge" class="grid-product__tag grid-product__tag--custom ng-binding ng-scope">NEW ARRIVAL</div><!-- end ngIf: result.badge --> <!-- ngIf: result.badgesRight -->
<div ng-if="result.badgesRight" class="ss-badges-right grid-product__tag grid-product__tag--sold-out ng-binding ng-scope"
ng-style="{ 'color': result.badgesRight.hasOwnProperty('colorForeground') ? result.badgesRight.colorForeground : '', 'background-color': result.badgesRight.hasOwnProperty('colorBackground') ? result.badgesRight.colorBackground : '' }"
style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0);">30% OFF</div><!-- end ngIf: result.badgesRight -->
<a ng-href="https://runwayscout.com/products/lysandra-mini-dress-red" intellisuggest="" class="grid-product__link" href="https://runwayscout.com/products/lysandra-mini-dress-red"></a>
<div class="grid-product__image-mask">
<!-- ngIf: !result.mfield_steadlane_plp_video --><a ng-if="!result.mfield_steadlane_plp_video" ng-href="https://runwayscout.com/products/lysandra-mini-dress-red" intellisuggest="" class="grid-product__link ng-scope" href="https://runwayscout.com/products/lysandra-mini-dress-red"> <div class="image-wrap" style="height: 0; padding-bottom: 149.936630037%;"> <!-- ngIf: recommendations --><img ng-if="recommendations" class="grid-product__image lazyautosizes lazyload ng-scope" data-aspectratio="0.66650390625" data-sizes="auto" alt="Lysandra Mini Dress (Red)" ng-src="https://cdn.shopify.com/s/files/1/0323/1681/files/24_09_02_Imi_Spiral24_09_04_spiral1134_600x600.jpg?v=1725937364" onerror="this.src='//cdn.searchspring.net/ajax_search/img/default_image.png';" src="https://cdn.shopify.com/s/files/1/0323/1681/files/24_09_02_Imi_Spiral24_09_04_spiral1134_600x600.jpg?v=1725937364" style="visibility: hidden;"><!-- end ngIf: recommendations --> <!-- ngIf: !recommendations --> </div> <!-- ngIf: result.ss_image_hover --><div ng-if="result.ss_image_hover" class="grid-product__secondary-image small--hide ng-scope"> <!-- ngIf: recommendations --><img ng-if="recommendations" class="lazyautosizes lazyload ng-scope" data-aspectratio="0.66650390625" data-sizes="auto" alt="Lysandra Mini Dress (Red)" ng-src="https://cdn.shopify.com/s/files/1/0323/1681/files/24_09_02_Imi_Spiral24_09_04_spiral1110_600x600.jpg?v=1725937365" onerror="this.src='//cdn.searchspring.net/ajax_search/img/default_image.png';" src="https://cdn.shopify.com/s/files/1/0323/1681/files/24_09_02_Imi_Spiral24_09_04_spiral1110_600x600.jpg?v=1725937365" style="visibility: hidden;"><!-- end ngIf: recommendations --> <!-- ngIf: !recommendations --> </div><!-- end ngIf: result.ss_image_hover --> </a><!-- end ngIf: !result.mfield_steadlane_plp_video -->
<!-- ngIf: !recommendations && result.mfield_steadlane_plp_video -->
<div class="grid-product__hover-content"> <a ng-href="https://runwayscout.com/products/lysandra-mini-dress-red" intellisuggest="" class="grid-product__link" href="https://runwayscout.com/products/lysandra-mini-dress-red"></a>
<div class="grid-product__sizes"> <a ng-href="https://runwayscout.com/products/lysandra-mini-dress-red" intellisuggest="" class="grid-product__link" href="https://runwayscout.com/products/lysandra-mini-dress-red"></a>
<!-- ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="40386178777160" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> XS </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="40386178809928" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> S </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope out-of-stock" ng-href="#" data-variant-id="40386178842696" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> M </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="40386178875464" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> L </a><!-- end ngRepeat: size in result.ss_sizes track by $index -->
</div>
<div class="grid-product__wishlist"> <wishlist-button class="swym-grid-item-btn" data-product-handle="lysandra-mini-dress-red"> <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 20.468 19.916">
<g id="wichlist-icon" transform="translate(0.1 0.1)">
<path id="heart301"
d="M18.629,1.7A5.585,5.585,0,0,0,14.662,0a5.338,5.338,0,0,0-2.544.643A5.535,5.535,0,0,0,10.134,2.4,5.535,5.535,0,0,0,8.15.643,5.339,5.339,0,0,0,5.606,0,5.585,5.585,0,0,0,1.639,1.7,6.022,6.022,0,0,0,0,5.839,9.407,9.407,0,0,0,.5,8.793a6.235,6.235,0,0,0,.615,1.263c.276.442.528.812.744,1.1a10.257,10.257,0,0,0,.938,1.082c.415.423.755.755,1,.992s.625.587,1.121,1.037c.571.519.978.9,1.24,1.15s.625.609,1.11,1.094a17.763,17.763,0,0,1,2.383,2.92.559.559,0,0,0,.485.282.573.573,0,0,0,.507-.282,18.435,18.435,0,0,1,1.531-2.074q.894-1.045,1.488-1.623c.4-.392.979-.938,1.725-1.634.461-.431.83-.755,1.078-.992s.571-.564.97-.981a13.01,13.01,0,0,0,.938-1.071c.229-.3.471-.667.744-1.1a7.067,7.067,0,0,0,1-2.593,7.657,7.657,0,0,0,.151-1.522A6.021,6.021,0,0,0,18.629,1.7Zm.345,5.287A7.582,7.582,0,0,1,17.1,10.675c-.455.527-1.291,1.367-2.512,2.5-.633.589-1.143,1.071-1.542,1.454s-.865.876-1.434,1.511S10.134,18,10.134,18,9.183,16.8,8.6,16.177s-1.035-1.1-1.369-1.42-.843-.786-1.542-1.432l-.744-.688-.679-.643c-.294-.278-.52-.5-.668-.676s-.334-.383-.571-.654a5.776,5.776,0,0,1-.539-.7,7.343,7.343,0,0,1-.819-1.477l-.248-.8a6.137,6.137,0,0,1-.237-1.849A4.486,4.486,0,0,1,2.48,2.6,4.19,4.19,0,0,1,5.606,1.251a4.146,4.146,0,0,1,2.361.721A4.5,4.5,0,0,1,9.606,3.9a.54.54,0,0,0,.528.349.562.562,0,0,0,.55-.349,4.51,4.51,0,0,1,1.606-1.928,4.277,4.277,0,0,1,5.487.62,4.494,4.494,0,0,1,1.294,3.247A7.051,7.051,0,0,1,18.974,6.989Z"
transform="translate(0 0)" stroke="#000" stroke-width="0.2"></path>
</g>
</svg> </wishlist-button> </div>
</div>
</div>
<div class="grid-product__meta"> <!-- ngIf: result.badgeBottom -->
<a ng-href="https://runwayscout.com/products/lysandra-mini-dress-red" intellisuggest="" class="grid-product__link" href="https://runwayscout.com/products/lysandra-mini-dress-red"> <h3 class="grid-product__title grid-product__title--body ng-binding">Lysandra Mini Dress (Red)</h3> </a>
<!-- ngIf: slideout.triggered -->
<div class="grid-product__price"> <!-- ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --><span ng-if="result.msrp && (result.msrp * 1) > (result.price * 1)" class="visually-hidden ng-scope">Regular
price</span><!-- end ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --> <!-- ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --><span
ng-if="result.msrp && (result.msrp * 1) > (result.price * 1)" class="grid-product__price--original grid-product__price--red ng-scope"> <span ng-bind-html="graphQL.markets.format(result.msrp) | trusted"
class="ng-binding">$109.99</span> </span><!-- end ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --> <!-- ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --><span
ng-if="result.msrp && (result.msrp * 1) > (result.price * 1)" class="visually-hidden ng-scope">Sale price</span><!-- end ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --> <span
ng-bind-html="graphQL.markets.format(result.price) | trusted" class="ng-binding">$76.99</span> </div>
<div class="grid-product__sizes">
<!-- ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="40386178777160" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> XS </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="40386178809928" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> S </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope out-of-stock" ng-href="#" data-variant-id="40386178842696" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> M </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="40386178875464" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> L </a><!-- end ngRepeat: size in result.ss_sizes track by $index -->
</div>
</div>
</div><!-- end ngIf: !result.isInlineBanner -->
</div>
<div ng-repeat="result in results | limitTo:profile.itemLimit track by result.uid"
class="ss-recommendations-item grid__item grid-product grid-product-custom small--one-half medium-up--one-quarter aos-init aos-animate ng-scope ss-targeted tns-item" aria-hidden="true" tabindex="-1">
<!-- Content for item goes here --> <!-- ngIf: result.isInlineBanner --> <!-- ngIf: !result.isInlineBanner -->
<div ng-if="!result.isInlineBanner" class="grid-product__content ng-scope"> <!-- ngIf: result.badge -->
<div ng-if="result.badge" class="grid-product__tag grid-product__tag--custom ng-binding ng-scope">NEW ARRIVAL</div><!-- end ngIf: result.badge --> <!-- ngIf: result.badgesRight -->
<div ng-if="result.badgesRight" class="ss-badges-right grid-product__tag grid-product__tag--sold-out ng-binding ng-scope"
ng-style="{ 'color': result.badgesRight.hasOwnProperty('colorForeground') ? result.badgesRight.colorForeground : '', 'background-color': result.badgesRight.hasOwnProperty('colorBackground') ? result.badgesRight.colorBackground : '' }"
style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0);">30% OFF</div><!-- end ngIf: result.badgesRight -->
<a ng-href="https://runwayscout.com/products/audrey-mini-dress-red" intellisuggest="" class="grid-product__link" href="https://runwayscout.com/products/audrey-mini-dress-red"></a>
<div class="grid-product__image-mask">
<!-- ngIf: !result.mfield_steadlane_plp_video --><a ng-if="!result.mfield_steadlane_plp_video" ng-href="https://runwayscout.com/products/audrey-mini-dress-red" intellisuggest="" class="grid-product__link ng-scope" href="https://runwayscout.com/products/audrey-mini-dress-red"> <div class="image-wrap" style="height: 0; padding-bottom: 149.936630037%;"> <!-- ngIf: recommendations --><img ng-if="recommendations" class="grid-product__image lazyautosizes lazyload ng-scope" data-aspectratio="0.66650390625" data-sizes="auto" alt="Amara Mini Dress (Red)" ng-src="https://cdn.shopify.com/s/files/1/0323/1681/files/241119_Beatriz_Spiral_241106_Beatriz00232_600x600.jpg?v=1731992252" onerror="this.src='//cdn.searchspring.net/ajax_search/img/default_image.png';" src="https://cdn.shopify.com/s/files/1/0323/1681/files/241119_Beatriz_Spiral_241106_Beatriz00232_600x600.jpg?v=1731992252" style="visibility: hidden;"><!-- end ngIf: recommendations --> <!-- ngIf: !recommendations --> </div> <!-- ngIf: result.ss_image_hover --><div ng-if="result.ss_image_hover" class="grid-product__secondary-image small--hide ng-scope"> <!-- ngIf: recommendations --><img ng-if="recommendations" class="lazyautosizes lazyload ng-scope" data-aspectratio="0.66650390625" data-sizes="auto" alt="Amara Mini Dress (Red)" ng-src="https://cdn.shopify.com/s/files/1/0323/1681/files/241119_Beatriz_Spiral_241106_Beatriz00212_600x600.jpg?v=1731992646" onerror="this.src='//cdn.searchspring.net/ajax_search/img/default_image.png';" src="https://cdn.shopify.com/s/files/1/0323/1681/files/241119_Beatriz_Spiral_241106_Beatriz00212_600x600.jpg?v=1731992646" style="visibility: hidden;"><!-- end ngIf: recommendations --> <!-- ngIf: !recommendations --> </div><!-- end ngIf: result.ss_image_hover --> </a><!-- end ngIf: !result.mfield_steadlane_plp_video -->
<!-- ngIf: !recommendations && result.mfield_steadlane_plp_video -->
<div class="grid-product__hover-content"> <a ng-href="https://runwayscout.com/products/audrey-mini-dress-red" intellisuggest="" class="grid-product__link" href="https://runwayscout.com/products/audrey-mini-dress-red"></a>
<div class="grid-product__sizes"> <a ng-href="https://runwayscout.com/products/audrey-mini-dress-red" intellisuggest="" class="grid-product__link" href="https://runwayscout.com/products/audrey-mini-dress-red"></a>
<!-- ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="51655092666733" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> 6 </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="51655092699501" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> 8 </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope out-of-stock" ng-href="#" data-variant-id="51655092732269" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> 10 </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope out-of-stock" ng-href="#" data-variant-id="51655092765037" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> 12 </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope out-of-stock" ng-href="#" data-variant-id="51655092797805" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> 14 </a><!-- end ngRepeat: size in result.ss_sizes track by $index -->
</div>
<div class="grid-product__wishlist"> <wishlist-button class="swym-grid-item-btn" data-product-handle="audrey-mini-dress-red"> <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 20.468 19.916">
<g id="wichlist-icon" transform="translate(0.1 0.1)">
<path id="heart301"
d="M18.629,1.7A5.585,5.585,0,0,0,14.662,0a5.338,5.338,0,0,0-2.544.643A5.535,5.535,0,0,0,10.134,2.4,5.535,5.535,0,0,0,8.15.643,5.339,5.339,0,0,0,5.606,0,5.585,5.585,0,0,0,1.639,1.7,6.022,6.022,0,0,0,0,5.839,9.407,9.407,0,0,0,.5,8.793a6.235,6.235,0,0,0,.615,1.263c.276.442.528.812.744,1.1a10.257,10.257,0,0,0,.938,1.082c.415.423.755.755,1,.992s.625.587,1.121,1.037c.571.519.978.9,1.24,1.15s.625.609,1.11,1.094a17.763,17.763,0,0,1,2.383,2.92.559.559,0,0,0,.485.282.573.573,0,0,0,.507-.282,18.435,18.435,0,0,1,1.531-2.074q.894-1.045,1.488-1.623c.4-.392.979-.938,1.725-1.634.461-.431.83-.755,1.078-.992s.571-.564.97-.981a13.01,13.01,0,0,0,.938-1.071c.229-.3.471-.667.744-1.1a7.067,7.067,0,0,0,1-2.593,7.657,7.657,0,0,0,.151-1.522A6.021,6.021,0,0,0,18.629,1.7Zm.345,5.287A7.582,7.582,0,0,1,17.1,10.675c-.455.527-1.291,1.367-2.512,2.5-.633.589-1.143,1.071-1.542,1.454s-.865.876-1.434,1.511S10.134,18,10.134,18,9.183,16.8,8.6,16.177s-1.035-1.1-1.369-1.42-.843-.786-1.542-1.432l-.744-.688-.679-.643c-.294-.278-.52-.5-.668-.676s-.334-.383-.571-.654a5.776,5.776,0,0,1-.539-.7,7.343,7.343,0,0,1-.819-1.477l-.248-.8a6.137,6.137,0,0,1-.237-1.849A4.486,4.486,0,0,1,2.48,2.6,4.19,4.19,0,0,1,5.606,1.251a4.146,4.146,0,0,1,2.361.721A4.5,4.5,0,0,1,9.606,3.9a.54.54,0,0,0,.528.349.562.562,0,0,0,.55-.349,4.51,4.51,0,0,1,1.606-1.928,4.277,4.277,0,0,1,5.487.62,4.494,4.494,0,0,1,1.294,3.247A7.051,7.051,0,0,1,18.974,6.989Z"
transform="translate(0 0)" stroke="#000" stroke-width="0.2"></path>
</g>
</svg> </wishlist-button> </div>
</div>
</div>
<div class="grid-product__meta"> <!-- ngIf: result.badgeBottom -->
<a ng-href="https://runwayscout.com/products/audrey-mini-dress-red" intellisuggest="" class="grid-product__link" href="https://runwayscout.com/products/audrey-mini-dress-red"> <h3 class="grid-product__title grid-product__title--body ng-binding">Amara Mini Dress (Red)</h3> </a>
<!-- ngIf: slideout.triggered -->
<div class="grid-product__price"> <!-- ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --><span ng-if="result.msrp && (result.msrp * 1) > (result.price * 1)" class="visually-hidden ng-scope">Regular
price</span><!-- end ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --> <!-- ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --><span
ng-if="result.msrp && (result.msrp * 1) > (result.price * 1)" class="grid-product__price--original grid-product__price--red ng-scope"> <span ng-bind-html="graphQL.markets.format(result.msrp) | trusted"
class="ng-binding">$89.99</span> </span><!-- end ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --> <!-- ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --><span
ng-if="result.msrp && (result.msrp * 1) > (result.price * 1)" class="visually-hidden ng-scope">Sale price</span><!-- end ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --> <span
ng-bind-html="graphQL.markets.format(result.price) | trusted" class="ng-binding">$62.99</span> </div>
<div class="grid-product__sizes">
<!-- ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="51655092666733" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> 6 </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="51655092699501" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> 8 </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope out-of-stock" ng-href="#" data-variant-id="51655092732269" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> 10 </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope out-of-stock" ng-href="#" data-variant-id="51655092765037" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> 12 </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope out-of-stock" ng-href="#" data-variant-id="51655092797805" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> 14 </a><!-- end ngRepeat: size in result.ss_sizes track by $index -->
</div>
</div>
</div><!-- end ngIf: !result.isInlineBanner -->
</div>
<div ng-repeat="result in results | limitTo:profile.itemLimit track by result.uid"
class="ss-recommendations-item grid__item grid-product grid-product-custom small--one-half medium-up--one-quarter aos-init aos-animate ng-scope ss-targeted tns-item tns-slide-active"> <!-- Content for item goes here -->
<!-- ngIf: result.isInlineBanner --> <!-- ngIf: !result.isInlineBanner -->
<div ng-if="!result.isInlineBanner" class="grid-product__content ng-scope"> <!-- ngIf: result.badge -->
<div ng-if="result.badge" class="grid-product__tag grid-product__tag--custom ng-binding ng-scope">NEW ARRIVAL</div><!-- end ngIf: result.badge --> <!-- ngIf: result.badgesRight -->
<div ng-if="result.badgesRight" class="ss-badges-right grid-product__tag grid-product__tag--sold-out ng-binding ng-scope"
ng-style="{ 'color': result.badgesRight.hasOwnProperty('colorForeground') ? result.badgesRight.colorForeground : '', 'background-color': result.badgesRight.hasOwnProperty('colorBackground') ? result.badgesRight.colorBackground : '' }"
style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0);">30% OFF</div><!-- end ngIf: result.badgesRight -->
<a ng-href="https://runwayscout.com/products/dakoda-mini-dress-black" intellisuggest="" class="grid-product__link" href="https://runwayscout.com/products/dakoda-mini-dress-black"></a>
<div class="grid-product__image-mask">
<!-- ngIf: !result.mfield_steadlane_plp_video --><a ng-if="!result.mfield_steadlane_plp_video" ng-href="https://runwayscout.com/products/dakoda-mini-dress-black" intellisuggest="" class="grid-product__link ng-scope" href="https://runwayscout.com/products/dakoda-mini-dress-black"> <div class="image-wrap" style="height: 0; padding-bottom: 149.936630037%;"> <!-- ngIf: recommendations --><img ng-if="recommendations" class="grid-product__image lazyautosizes lazyload ng-scope" data-aspectratio="0.66650390625" data-sizes="auto" alt="Dakoda Mini Dress (Black)" ng-src="https://cdn.shopify.com/s/files/1/0323/1681/files/24_09_02_Imi_Spiral24_09_04_spiral0607_600x600.jpg?v=1725936930" onerror="this.src='//cdn.searchspring.net/ajax_search/img/default_image.png';" src="https://cdn.shopify.com/s/files/1/0323/1681/files/24_09_02_Imi_Spiral24_09_04_spiral0607_600x600.jpg?v=1725936930" style="visibility: hidden;"><!-- end ngIf: recommendations --> <!-- ngIf: !recommendations --> </div> <!-- ngIf: result.ss_image_hover --><div ng-if="result.ss_image_hover" class="grid-product__secondary-image small--hide ng-scope"> <!-- ngIf: recommendations --><img ng-if="recommendations" class="lazyautosizes lazyload ng-scope" data-aspectratio="0.66650390625" data-sizes="auto" alt="Dakoda Mini Dress (Black)" ng-src="https://cdn.shopify.com/s/files/1/0323/1681/files/24_09_02_Imi_Spiral24_09_04_spiral0644_600x600.jpg?v=1725936930" onerror="this.src='//cdn.searchspring.net/ajax_search/img/default_image.png';" src="https://cdn.shopify.com/s/files/1/0323/1681/files/24_09_02_Imi_Spiral24_09_04_spiral0644_600x600.jpg?v=1725936930" style="visibility: hidden;"><!-- end ngIf: recommendations --> <!-- ngIf: !recommendations --> </div><!-- end ngIf: result.ss_image_hover --> </a><!-- end ngIf: !result.mfield_steadlane_plp_video -->
<!-- ngIf: !recommendations && result.mfield_steadlane_plp_video -->
<div class="grid-product__hover-content"> <a ng-href="https://runwayscout.com/products/dakoda-mini-dress-black" intellisuggest="" class="grid-product__link" href="https://runwayscout.com/products/dakoda-mini-dress-black"></a>
<div class="grid-product__sizes"> <a ng-href="https://runwayscout.com/products/dakoda-mini-dress-black" intellisuggest="" class="grid-product__link" href="https://runwayscout.com/products/dakoda-mini-dress-black"></a>
<!-- ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="40385353941064" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> XS </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="40385353973832" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> S </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope out-of-stock" ng-href="#" data-variant-id="40385354006600" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> M </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope out-of-stock" ng-href="#" data-variant-id="40385354039368" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> L </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="40385354072136" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> XL </a><!-- end ngRepeat: size in result.ss_sizes track by $index -->
</div>
<div class="grid-product__wishlist"> <wishlist-button class="swym-grid-item-btn" data-product-handle="dakoda-mini-dress-black"> <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 20.468 19.916">
<g id="wichlist-icon" transform="translate(0.1 0.1)">
<path id="heart301"
d="M18.629,1.7A5.585,5.585,0,0,0,14.662,0a5.338,5.338,0,0,0-2.544.643A5.535,5.535,0,0,0,10.134,2.4,5.535,5.535,0,0,0,8.15.643,5.339,5.339,0,0,0,5.606,0,5.585,5.585,0,0,0,1.639,1.7,6.022,6.022,0,0,0,0,5.839,9.407,9.407,0,0,0,.5,8.793a6.235,6.235,0,0,0,.615,1.263c.276.442.528.812.744,1.1a10.257,10.257,0,0,0,.938,1.082c.415.423.755.755,1,.992s.625.587,1.121,1.037c.571.519.978.9,1.24,1.15s.625.609,1.11,1.094a17.763,17.763,0,0,1,2.383,2.92.559.559,0,0,0,.485.282.573.573,0,0,0,.507-.282,18.435,18.435,0,0,1,1.531-2.074q.894-1.045,1.488-1.623c.4-.392.979-.938,1.725-1.634.461-.431.83-.755,1.078-.992s.571-.564.97-.981a13.01,13.01,0,0,0,.938-1.071c.229-.3.471-.667.744-1.1a7.067,7.067,0,0,0,1-2.593,7.657,7.657,0,0,0,.151-1.522A6.021,6.021,0,0,0,18.629,1.7Zm.345,5.287A7.582,7.582,0,0,1,17.1,10.675c-.455.527-1.291,1.367-2.512,2.5-.633.589-1.143,1.071-1.542,1.454s-.865.876-1.434,1.511S10.134,18,10.134,18,9.183,16.8,8.6,16.177s-1.035-1.1-1.369-1.42-.843-.786-1.542-1.432l-.744-.688-.679-.643c-.294-.278-.52-.5-.668-.676s-.334-.383-.571-.654a5.776,5.776,0,0,1-.539-.7,7.343,7.343,0,0,1-.819-1.477l-.248-.8a6.137,6.137,0,0,1-.237-1.849A4.486,4.486,0,0,1,2.48,2.6,4.19,4.19,0,0,1,5.606,1.251a4.146,4.146,0,0,1,2.361.721A4.5,4.5,0,0,1,9.606,3.9a.54.54,0,0,0,.528.349.562.562,0,0,0,.55-.349,4.51,4.51,0,0,1,1.606-1.928,4.277,4.277,0,0,1,5.487.62,4.494,4.494,0,0,1,1.294,3.247A7.051,7.051,0,0,1,18.974,6.989Z"
transform="translate(0 0)" stroke="#000" stroke-width="0.2"></path>
</g>
</svg> </wishlist-button> </div>
</div>
</div>
<div class="grid-product__meta"> <!-- ngIf: result.badgeBottom -->
<a ng-href="https://runwayscout.com/products/dakoda-mini-dress-black" intellisuggest="" class="grid-product__link" href="https://runwayscout.com/products/dakoda-mini-dress-black"> <h3 class="grid-product__title grid-product__title--body ng-binding">Dakoda Mini Dress (Black)</h3> </a>
<!-- ngIf: slideout.triggered -->
<div class="grid-product__price"> <!-- ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --><span ng-if="result.msrp && (result.msrp * 1) > (result.price * 1)" class="visually-hidden ng-scope">Regular
price</span><!-- end ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --> <!-- ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --><span
ng-if="result.msrp && (result.msrp * 1) > (result.price * 1)" class="grid-product__price--original grid-product__price--red ng-scope"> <span ng-bind-html="graphQL.markets.format(result.msrp) | trusted"
class="ng-binding">$94.99</span> </span><!-- end ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --> <!-- ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --><span
ng-if="result.msrp && (result.msrp * 1) > (result.price * 1)" class="visually-hidden ng-scope">Sale price</span><!-- end ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --> <span
ng-bind-html="graphQL.markets.format(result.price) | trusted" class="ng-binding">$66.49</span> </div>
<div class="grid-product__sizes">
<!-- ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="40385353941064" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> XS </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="40385353973832" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> S </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope out-of-stock" ng-href="#" data-variant-id="40385354006600" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> M </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope out-of-stock" ng-href="#" data-variant-id="40385354039368" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> L </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="40385354072136" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> XL </a><!-- end ngRepeat: size in result.ss_sizes track by $index -->
</div>
</div>
</div><!-- end ngIf: !result.isInlineBanner -->
</div>
<!-- ngRepeat: result in results | limitTo:profile.itemLimit track by result.uid -->
<div ng-repeat="result in results | limitTo:profile.itemLimit track by result.uid"
class="ss-recommendations-item grid__item grid-product grid-product-custom small--one-half medium-up--one-quarter aos-init aos-animate ng-scope ss-targeted tns-item tns-slide-active" id="tns1-item0">
<!-- Content for item goes here --> <!-- ngIf: result.isInlineBanner --> <!-- ngIf: !result.isInlineBanner -->
<div ng-if="!result.isInlineBanner" class="grid-product__content ng-scope"> <!-- ngIf: result.badge --> <!-- ngIf: result.badgesRight -->
<a ng-href="https://runwayscout.com/products/shipping-insurance" intellisuggest="" class="grid-product__link" href="https://runwayscout.com/products/shipping-insurance"></a>
<div class="grid-product__image-mask">
<!-- ngIf: !result.mfield_steadlane_plp_video --><a ng-if="!result.mfield_steadlane_plp_video" ng-href="https://runwayscout.com/products/shipping-insurance" intellisuggest="" class="grid-product__link ng-scope" href="https://runwayscout.com/products/shipping-insurance"> <div class="image-wrap" style="height: 0; padding-bottom: 149.936630037%;"> <!-- ngIf: recommendations --><img ng-if="recommendations" class="grid-product__image lazyautosizes lazyload ng-scope" data-aspectratio="0.66650390625" data-sizes="auto" alt="Shipping Insurance" ng-src="https://cdn.shopify.com/s/files/1/0323/1681/files/shipping-insurance-icon_600x600.png?v=1732256748" onerror="this.src='//cdn.searchspring.net/ajax_search/img/default_image.png';" src="https://cdn.shopify.com/s/files/1/0323/1681/files/shipping-insurance-icon_600x600.png?v=1732256748" style=""><!-- end ngIf: recommendations --> <!-- ngIf: !recommendations --> </div> <!-- ngIf: result.ss_image_hover --> </a><!-- end ngIf: !result.mfield_steadlane_plp_video -->
<!-- ngIf: !recommendations && result.mfield_steadlane_plp_video -->
<div class="grid-product__hover-content"> <a ng-href="https://runwayscout.com/products/shipping-insurance" intellisuggest="" class="grid-product__link" href="https://runwayscout.com/products/shipping-insurance"></a>
<div class="grid-product__sizes"> <a ng-href="https://runwayscout.com/products/shipping-insurance" intellisuggest="" class="grid-product__link" href="https://runwayscout.com/products/shipping-insurance"></a>
<!-- ngRepeat: size in result.ss_sizes track by $index --> </div>
<div class="grid-product__wishlist"> <wishlist-button class="swym-grid-item-btn" data-product-handle="shipping-insurance"> <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 20.468 19.916">
<g id="wichlist-icon" transform="translate(0.1 0.1)">
<path id="heart301"
d="M18.629,1.7A5.585,5.585,0,0,0,14.662,0a5.338,5.338,0,0,0-2.544.643A5.535,5.535,0,0,0,10.134,2.4,5.535,5.535,0,0,0,8.15.643,5.339,5.339,0,0,0,5.606,0,5.585,5.585,0,0,0,1.639,1.7,6.022,6.022,0,0,0,0,5.839,9.407,9.407,0,0,0,.5,8.793a6.235,6.235,0,0,0,.615,1.263c.276.442.528.812.744,1.1a10.257,10.257,0,0,0,.938,1.082c.415.423.755.755,1,.992s.625.587,1.121,1.037c.571.519.978.9,1.24,1.15s.625.609,1.11,1.094a17.763,17.763,0,0,1,2.383,2.92.559.559,0,0,0,.485.282.573.573,0,0,0,.507-.282,18.435,18.435,0,0,1,1.531-2.074q.894-1.045,1.488-1.623c.4-.392.979-.938,1.725-1.634.461-.431.83-.755,1.078-.992s.571-.564.97-.981a13.01,13.01,0,0,0,.938-1.071c.229-.3.471-.667.744-1.1a7.067,7.067,0,0,0,1-2.593,7.657,7.657,0,0,0,.151-1.522A6.021,6.021,0,0,0,18.629,1.7Zm.345,5.287A7.582,7.582,0,0,1,17.1,10.675c-.455.527-1.291,1.367-2.512,2.5-.633.589-1.143,1.071-1.542,1.454s-.865.876-1.434,1.511S10.134,18,10.134,18,9.183,16.8,8.6,16.177s-1.035-1.1-1.369-1.42-.843-.786-1.542-1.432l-.744-.688-.679-.643c-.294-.278-.52-.5-.668-.676s-.334-.383-.571-.654a5.776,5.776,0,0,1-.539-.7,7.343,7.343,0,0,1-.819-1.477l-.248-.8a6.137,6.137,0,0,1-.237-1.849A4.486,4.486,0,0,1,2.48,2.6,4.19,4.19,0,0,1,5.606,1.251a4.146,4.146,0,0,1,2.361.721A4.5,4.5,0,0,1,9.606,3.9a.54.54,0,0,0,.528.349.562.562,0,0,0,.55-.349,4.51,4.51,0,0,1,1.606-1.928,4.277,4.277,0,0,1,5.487.62,4.494,4.494,0,0,1,1.294,3.247A7.051,7.051,0,0,1,18.974,6.989Z"
transform="translate(0 0)" stroke="#000" stroke-width="0.2"></path>
</g>
</svg> </wishlist-button> </div>
</div>
</div>
<div class="grid-product__meta"> <!-- ngIf: result.badgeBottom -->
<div ng-if="result.badgeBottom" class="ss-bottom-badge ng-scope">
<a ng-href="https://runwayscout.com/products/shipping-insurance" intellisuggest="" class="grid-product__link ng-binding" href="https://runwayscout.com/products/shipping-insurance">JOIN THE WAITLIST</a> </div>
<!-- end ngIf: result.badgeBottom -->
<a ng-href="https://runwayscout.com/products/shipping-insurance" intellisuggest="" class="grid-product__link" href="https://runwayscout.com/products/shipping-insurance"> <h3 class="grid-product__title grid-product__title--body ng-binding">Shipping Insurance</h3> </a>
<!-- ngIf: slideout.triggered -->
<div class="grid-product__price"> <!-- ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --> <!-- ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) -->
<!-- ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --> <span ng-bind-html="graphQL.markets.format(result.price) | trusted" class="ng-binding">$3.99</span> </div>
<div class="grid-product__sizes"> <!-- ngRepeat: size in result.ss_sizes track by $index --> </div>
</div>
</div><!-- end ngIf: !result.isInlineBanner -->
</div><!-- end ngRepeat: result in results | limitTo:profile.itemLimit track by result.uid -->
<div ng-repeat="result in results | limitTo:profile.itemLimit track by result.uid"
class="ss-recommendations-item grid__item grid-product grid-product-custom small--one-half medium-up--one-quarter aos-init aos-animate ng-scope ss-targeted tns-item tns-slide-active" id="tns1-item1">
<!-- Content for item goes here --> <!-- ngIf: result.isInlineBanner --> <!-- ngIf: !result.isInlineBanner -->
<div ng-if="!result.isInlineBanner" class="grid-product__content ng-scope"> <!-- ngIf: result.badge -->
<div ng-if="result.badge" class="grid-product__tag grid-product__tag--custom ng-binding ng-scope">EXCLUSIVE</div><!-- end ngIf: result.badge --> <!-- ngIf: result.badgesRight -->
<div ng-if="result.badgesRight" class="ss-badges-right grid-product__tag grid-product__tag--sold-out ng-binding ng-scope"
ng-style="{ 'color': result.badgesRight.hasOwnProperty('colorForeground') ? result.badgesRight.colorForeground : '', 'background-color': result.badgesRight.hasOwnProperty('colorBackground') ? result.badgesRight.colorBackground : '' }"
style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0);">30% OFF</div><!-- end ngIf: result.badgesRight -->
<a ng-href="https://runwayscout.com/products/val-knit-maxi-skirt-red" intellisuggest="" class="grid-product__link" href="https://runwayscout.com/products/val-knit-maxi-skirt-red"></a>
<div class="grid-product__image-mask">
<!-- ngIf: !result.mfield_steadlane_plp_video --><a ng-if="!result.mfield_steadlane_plp_video" ng-href="https://runwayscout.com/products/val-knit-maxi-skirt-red" intellisuggest="" class="grid-product__link ng-scope" href="https://runwayscout.com/products/val-knit-maxi-skirt-red"> <div class="image-wrap" style="height: 0; padding-bottom: 149.936630037%;"> <!-- ngIf: recommendations --><img ng-if="recommendations" class="grid-product__image lazyautosizes lazyload ng-scope" data-aspectratio="0.66650390625" data-sizes="auto" alt="Val Knit Maxi Skirt (Red)" ng-src="https://cdn.shopify.com/s/files/1/0323/1681/files/Bleu_Kiana_231219_BeachxRunway_SHOT9_1857_600x600.jpg?v=1711078254" onerror="this.src='//cdn.searchspring.net/ajax_search/img/default_image.png';" src="https://cdn.shopify.com/s/files/1/0323/1681/files/Bleu_Kiana_231219_BeachxRunway_SHOT9_1857_600x600.jpg?v=1711078254" style=""><!-- end ngIf: recommendations --> <!-- ngIf: !recommendations --> </div> <!-- ngIf: result.ss_image_hover --><div ng-if="result.ss_image_hover" class="grid-product__secondary-image small--hide ng-scope"> <!-- ngIf: recommendations --><img ng-if="recommendations" class="lazyautosizes lazyload ng-scope" data-aspectratio="0.66650390625" data-sizes="auto" alt="Val Knit Maxi Skirt (Red)" ng-src="https://cdn.shopify.com/s/files/1/0323/1681/files/Bleu_Kiana_231219_BeachxRunway_SHOT9_1874_600x600.jpg?v=1711078254" onerror="this.src='//cdn.searchspring.net/ajax_search/img/default_image.png';" src="https://cdn.shopify.com/s/files/1/0323/1681/files/Bleu_Kiana_231219_BeachxRunway_SHOT9_1874_600x600.jpg?v=1711078254" style=""><!-- end ngIf: recommendations --> <!-- ngIf: !recommendations --> </div><!-- end ngIf: result.ss_image_hover --> </a><!-- end ngIf: !result.mfield_steadlane_plp_video -->
<!-- ngIf: !recommendations && result.mfield_steadlane_plp_video -->
<div class="grid-product__hover-content"> <a ng-href="https://runwayscout.com/products/val-knit-maxi-skirt-red" intellisuggest="" class="grid-product__link" href="https://runwayscout.com/products/val-knit-maxi-skirt-red"></a>
<div class="grid-product__sizes"> <a ng-href="https://runwayscout.com/products/val-knit-maxi-skirt-red" intellisuggest="" class="grid-product__link" href="https://runwayscout.com/products/val-knit-maxi-skirt-red"></a>
<!-- ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope out-of-stock" ng-href="#" data-variant-id="40062425038920" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> 6 </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="40062425071688" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> 8 </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope out-of-stock" ng-href="#" data-variant-id="40062425104456" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> 10 </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="40062425137224" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> 12 </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope out-of-stock" ng-href="#" data-variant-id="40062425169992" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> 14 </a><!-- end ngRepeat: size in result.ss_sizes track by $index -->
</div>
<div class="grid-product__wishlist"> <wishlist-button class="swym-grid-item-btn" data-product-handle="val-knit-maxi-skirt-red"> <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 20.468 19.916">
<g id="wichlist-icon" transform="translate(0.1 0.1)">
<path id="heart301"
d="M18.629,1.7A5.585,5.585,0,0,0,14.662,0a5.338,5.338,0,0,0-2.544.643A5.535,5.535,0,0,0,10.134,2.4,5.535,5.535,0,0,0,8.15.643,5.339,5.339,0,0,0,5.606,0,5.585,5.585,0,0,0,1.639,1.7,6.022,6.022,0,0,0,0,5.839,9.407,9.407,0,0,0,.5,8.793a6.235,6.235,0,0,0,.615,1.263c.276.442.528.812.744,1.1a10.257,10.257,0,0,0,.938,1.082c.415.423.755.755,1,.992s.625.587,1.121,1.037c.571.519.978.9,1.24,1.15s.625.609,1.11,1.094a17.763,17.763,0,0,1,2.383,2.92.559.559,0,0,0,.485.282.573.573,0,0,0,.507-.282,18.435,18.435,0,0,1,1.531-2.074q.894-1.045,1.488-1.623c.4-.392.979-.938,1.725-1.634.461-.431.83-.755,1.078-.992s.571-.564.97-.981a13.01,13.01,0,0,0,.938-1.071c.229-.3.471-.667.744-1.1a7.067,7.067,0,0,0,1-2.593,7.657,7.657,0,0,0,.151-1.522A6.021,6.021,0,0,0,18.629,1.7Zm.345,5.287A7.582,7.582,0,0,1,17.1,10.675c-.455.527-1.291,1.367-2.512,2.5-.633.589-1.143,1.071-1.542,1.454s-.865.876-1.434,1.511S10.134,18,10.134,18,9.183,16.8,8.6,16.177s-1.035-1.1-1.369-1.42-.843-.786-1.542-1.432l-.744-.688-.679-.643c-.294-.278-.52-.5-.668-.676s-.334-.383-.571-.654a5.776,5.776,0,0,1-.539-.7,7.343,7.343,0,0,1-.819-1.477l-.248-.8a6.137,6.137,0,0,1-.237-1.849A4.486,4.486,0,0,1,2.48,2.6,4.19,4.19,0,0,1,5.606,1.251a4.146,4.146,0,0,1,2.361.721A4.5,4.5,0,0,1,9.606,3.9a.54.54,0,0,0,.528.349.562.562,0,0,0,.55-.349,4.51,4.51,0,0,1,1.606-1.928,4.277,4.277,0,0,1,5.487.62,4.494,4.494,0,0,1,1.294,3.247A7.051,7.051,0,0,1,18.974,6.989Z"
transform="translate(0 0)" stroke="#000" stroke-width="0.2"></path>
</g>
</svg> </wishlist-button> </div>
</div>
</div>
<div class="grid-product__meta"> <!-- ngIf: result.badgeBottom -->
<a ng-href="https://runwayscout.com/products/val-knit-maxi-skirt-red" intellisuggest="" class="grid-product__link" href="https://runwayscout.com/products/val-knit-maxi-skirt-red"> <h3 class="grid-product__title grid-product__title--body ng-binding">Val Knit Maxi Skirt (Red)</h3> </a>
<!-- ngIf: slideout.triggered -->
<div class="grid-product__price"> <!-- ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --><span ng-if="result.msrp && (result.msrp * 1) > (result.price * 1)" class="visually-hidden ng-scope">Regular
price</span><!-- end ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --> <!-- ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --><span
ng-if="result.msrp && (result.msrp * 1) > (result.price * 1)" class="grid-product__price--original grid-product__price--red ng-scope"> <span ng-bind-html="graphQL.markets.format(result.msrp) | trusted"
class="ng-binding">$75.00</span> </span><!-- end ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --> <!-- ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --><span
ng-if="result.msrp && (result.msrp * 1) > (result.price * 1)" class="visually-hidden ng-scope">Sale price</span><!-- end ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --> <span
ng-bind-html="graphQL.markets.format(result.price) | trusted" class="ng-binding">$52.00</span> </div>
<div class="grid-product__sizes">
<!-- ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope out-of-stock" ng-href="#" data-variant-id="40062425038920" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> 6 </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="40062425071688" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> 8 </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope out-of-stock" ng-href="#" data-variant-id="40062425104456" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> 10 </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="40062425137224" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> 12 </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope out-of-stock" ng-href="#" data-variant-id="40062425169992" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> 14 </a><!-- end ngRepeat: size in result.ss_sizes track by $index -->
</div>
</div>
</div><!-- end ngIf: !result.isInlineBanner -->
</div><!-- end ngRepeat: result in results | limitTo:profile.itemLimit track by result.uid -->
<div ng-repeat="result in results | limitTo:profile.itemLimit track by result.uid"
class="ss-recommendations-item grid__item grid-product grid-product-custom small--one-half medium-up--one-quarter aos-init aos-animate ng-scope ss-targeted tns-item tns-slide-active" id="tns1-item2">
<!-- Content for item goes here --> <!-- ngIf: result.isInlineBanner --> <!-- ngIf: !result.isInlineBanner -->
<div ng-if="!result.isInlineBanner" class="grid-product__content ng-scope"> <!-- ngIf: result.badge -->
<div ng-if="result.badge" class="grid-product__tag grid-product__tag--custom ng-binding ng-scope">EXCLUSIVE</div><!-- end ngIf: result.badge --> <!-- ngIf: result.badgesRight -->
<div ng-if="result.badgesRight" class="ss-badges-right grid-product__tag grid-product__tag--sold-out ng-binding ng-scope"
ng-style="{ 'color': result.badgesRight.hasOwnProperty('colorForeground') ? result.badgesRight.colorForeground : '', 'background-color': result.badgesRight.hasOwnProperty('colorBackground') ? result.badgesRight.colorBackground : '' }"
style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0);">30% OFF</div><!-- end ngIf: result.badgesRight -->
<a ng-href="https://runwayscout.com/products/billie-pant-white" intellisuggest="" class="grid-product__link" href="https://runwayscout.com/products/billie-pant-white"></a>
<div class="grid-product__image-mask">
<!-- ngIf: !result.mfield_steadlane_plp_video --><a ng-if="!result.mfield_steadlane_plp_video" ng-href="https://runwayscout.com/products/billie-pant-white" intellisuggest="" class="grid-product__link ng-scope" href="https://runwayscout.com/products/billie-pant-white"> <div class="image-wrap" style="height: 0; padding-bottom: 149.936630037%;"> <!-- ngIf: recommendations --><img ng-if="recommendations" class="grid-product__image lazyautosizes lazyload ng-scope" data-aspectratio="0.66650390625" data-sizes="auto" alt="Billie Pant (White)" ng-src="https://cdn.shopify.com/s/files/1/0323/1681/files/24_08_15_Spiral_lilli_021A1161_600x600.jpg?v=1723763795" onerror="this.src='//cdn.searchspring.net/ajax_search/img/default_image.png';" src="https://cdn.shopify.com/s/files/1/0323/1681/files/24_08_15_Spiral_lilli_021A1161_600x600.jpg?v=1723763795" style=""><!-- end ngIf: recommendations --> <!-- ngIf: !recommendations --> </div> <!-- ngIf: result.ss_image_hover --><div ng-if="result.ss_image_hover" class="grid-product__secondary-image small--hide ng-scope"> <!-- ngIf: recommendations --><img ng-if="recommendations" class="lazyautosizes lazyload ng-scope" data-aspectratio="0.66650390625" data-sizes="auto" alt="Billie Pant (White)" ng-src="https://cdn.shopify.com/s/files/1/0323/1681/files/240104_Viccy_Runwayscout_240207_Lilli_Luce17426_5f23f15e-15c1-4d36-ad15-4c38ac627994_600x600.jpg?v=1722568810" onerror="this.src='//cdn.searchspring.net/ajax_search/img/default_image.png';" src="https://cdn.shopify.com/s/files/1/0323/1681/files/240104_Viccy_Runwayscout_240207_Lilli_Luce17426_5f23f15e-15c1-4d36-ad15-4c38ac627994_600x600.jpg?v=1722568810" style=""><!-- end ngIf: recommendations --> <!-- ngIf: !recommendations --> </div><!-- end ngIf: result.ss_image_hover --> </a><!-- end ngIf: !result.mfield_steadlane_plp_video -->
<!-- ngIf: !recommendations && result.mfield_steadlane_plp_video -->
<div class="grid-product__hover-content"> <a ng-href="https://runwayscout.com/products/billie-pant-white" intellisuggest="" class="grid-product__link" href="https://runwayscout.com/products/billie-pant-white"></a>
<div class="grid-product__sizes"> <a ng-href="https://runwayscout.com/products/billie-pant-white" intellisuggest="" class="grid-product__link" href="https://runwayscout.com/products/billie-pant-white"></a>
<!-- ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="39984434446408" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> XS </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="39984434479176" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> S </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="39984434511944" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> M </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="39984434544712" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> L </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="39984434577480" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> XL </a><!-- end ngRepeat: size in result.ss_sizes track by $index -->
</div>
<div class="grid-product__wishlist"> <wishlist-button class="swym-grid-item-btn" data-product-handle="billie-pant-white"> <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 20.468 19.916">
<g id="wichlist-icon" transform="translate(0.1 0.1)">
<path id="heart301"
d="M18.629,1.7A5.585,5.585,0,0,0,14.662,0a5.338,5.338,0,0,0-2.544.643A5.535,5.535,0,0,0,10.134,2.4,5.535,5.535,0,0,0,8.15.643,5.339,5.339,0,0,0,5.606,0,5.585,5.585,0,0,0,1.639,1.7,6.022,6.022,0,0,0,0,5.839,9.407,9.407,0,0,0,.5,8.793a6.235,6.235,0,0,0,.615,1.263c.276.442.528.812.744,1.1a10.257,10.257,0,0,0,.938,1.082c.415.423.755.755,1,.992s.625.587,1.121,1.037c.571.519.978.9,1.24,1.15s.625.609,1.11,1.094a17.763,17.763,0,0,1,2.383,2.92.559.559,0,0,0,.485.282.573.573,0,0,0,.507-.282,18.435,18.435,0,0,1,1.531-2.074q.894-1.045,1.488-1.623c.4-.392.979-.938,1.725-1.634.461-.431.83-.755,1.078-.992s.571-.564.97-.981a13.01,13.01,0,0,0,.938-1.071c.229-.3.471-.667.744-1.1a7.067,7.067,0,0,0,1-2.593,7.657,7.657,0,0,0,.151-1.522A6.021,6.021,0,0,0,18.629,1.7Zm.345,5.287A7.582,7.582,0,0,1,17.1,10.675c-.455.527-1.291,1.367-2.512,2.5-.633.589-1.143,1.071-1.542,1.454s-.865.876-1.434,1.511S10.134,18,10.134,18,9.183,16.8,8.6,16.177s-1.035-1.1-1.369-1.42-.843-.786-1.542-1.432l-.744-.688-.679-.643c-.294-.278-.52-.5-.668-.676s-.334-.383-.571-.654a5.776,5.776,0,0,1-.539-.7,7.343,7.343,0,0,1-.819-1.477l-.248-.8a6.137,6.137,0,0,1-.237-1.849A4.486,4.486,0,0,1,2.48,2.6,4.19,4.19,0,0,1,5.606,1.251a4.146,4.146,0,0,1,2.361.721A4.5,4.5,0,0,1,9.606,3.9a.54.54,0,0,0,.528.349.562.562,0,0,0,.55-.349,4.51,4.51,0,0,1,1.606-1.928,4.277,4.277,0,0,1,5.487.62,4.494,4.494,0,0,1,1.294,3.247A7.051,7.051,0,0,1,18.974,6.989Z"
transform="translate(0 0)" stroke="#000" stroke-width="0.2"></path>
</g>
</svg> </wishlist-button> </div>
</div>
</div>
<div class="grid-product__meta"> <!-- ngIf: result.badgeBottom -->
<a ng-href="https://runwayscout.com/products/billie-pant-white" intellisuggest="" class="grid-product__link" href="https://runwayscout.com/products/billie-pant-white"> <h3 class="grid-product__title grid-product__title--body ng-binding">Billie Pant (White)</h3> </a>
<!-- ngIf: slideout.triggered -->
<div class="grid-product__price"> <!-- ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --><span ng-if="result.msrp && (result.msrp * 1) > (result.price * 1)" class="visually-hidden ng-scope">Regular
price</span><!-- end ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --> <!-- ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --><span
ng-if="result.msrp && (result.msrp * 1) > (result.price * 1)" class="grid-product__price--original grid-product__price--red ng-scope"> <span ng-bind-html="graphQL.markets.format(result.msrp) | trusted"
class="ng-binding">$121.00</span> </span><!-- end ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --> <!-- ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --><span
ng-if="result.msrp && (result.msrp * 1) > (result.price * 1)" class="visually-hidden ng-scope">Sale price</span><!-- end ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --> <span
ng-bind-html="graphQL.markets.format(result.price) | trusted" class="ng-binding">$85.00</span> </div>
<div class="grid-product__sizes">
<!-- ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="39984434446408" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> XS </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="39984434479176" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> S </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="39984434511944" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> M </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="39984434544712" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> L </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="39984434577480" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> XL </a><!-- end ngRepeat: size in result.ss_sizes track by $index -->
</div>
</div>
</div><!-- end ngIf: !result.isInlineBanner -->
</div><!-- end ngRepeat: result in results | limitTo:profile.itemLimit track by result.uid -->
<div ng-repeat="result in results | limitTo:profile.itemLimit track by result.uid"
class="ss-recommendations-item grid__item grid-product grid-product-custom small--one-half medium-up--one-quarter aos-init aos-animate ng-scope ss-targeted tns-item" id="tns1-item3" aria-hidden="true" tabindex="-1">
<!-- Content for item goes here --> <!-- ngIf: result.isInlineBanner --> <!-- ngIf: !result.isInlineBanner -->
<div ng-if="!result.isInlineBanner" class="grid-product__content ng-scope"> <!-- ngIf: result.badge -->
<div ng-if="result.badge" class="grid-product__tag grid-product__tag--custom ng-binding ng-scope">NEW ARRIVAL</div><!-- end ngIf: result.badge --> <!-- ngIf: result.badgesRight -->
<div ng-if="result.badgesRight" class="ss-badges-right grid-product__tag grid-product__tag--sold-out ng-binding ng-scope"
ng-style="{ 'color': result.badgesRight.hasOwnProperty('colorForeground') ? result.badgesRight.colorForeground : '', 'background-color': result.badgesRight.hasOwnProperty('colorBackground') ? result.badgesRight.colorBackground : '' }"
style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0);">30% OFF</div><!-- end ngIf: result.badgesRight -->
<a ng-href="https://runwayscout.com/products/billie-pant-cream" intellisuggest="" class="grid-product__link" href="https://runwayscout.com/products/billie-pant-cream"></a>
<div class="grid-product__image-mask">
<!-- ngIf: !result.mfield_steadlane_plp_video --><a ng-if="!result.mfield_steadlane_plp_video" ng-href="https://runwayscout.com/products/billie-pant-cream" intellisuggest="" class="grid-product__link ng-scope" href="https://runwayscout.com/products/billie-pant-cream"> <div class="image-wrap" style="height: 0; padding-bottom: 149.936630037%;"> <!-- ngIf: recommendations --><img ng-if="recommendations" class="grid-product__image lazyautosizes lazyload ng-scope" data-aspectratio="0.66650390625" data-sizes="auto" alt="Billie Pant (Cream)" ng-src="https://cdn.shopify.com/s/files/1/0323/1681/files/24_08_15_Spiral_lilli_021A1574_600x600.jpg?v=1726191298" onerror="this.src='//cdn.searchspring.net/ajax_search/img/default_image.png';" src="https://cdn.shopify.com/s/files/1/0323/1681/files/24_08_15_Spiral_lilli_021A1574_600x600.jpg?v=1726191298" style=""><!-- end ngIf: recommendations --> <!-- ngIf: !recommendations --> </div> <!-- ngIf: result.ss_image_hover --><div ng-if="result.ss_image_hover" class="grid-product__secondary-image small--hide ng-scope"> <!-- ngIf: recommendations --><img ng-if="recommendations" class="lazyautosizes lazyload ng-scope" data-aspectratio="0.66650390625" data-sizes="auto" alt="Billie Pant (Cream)" ng-src="https://cdn.shopify.com/s/files/1/0323/1681/files/24_08_19_Lilli_Spiral24_08_28_Imi1068_600x600.jpg?v=1724904893" onerror="this.src='//cdn.searchspring.net/ajax_search/img/default_image.png';" src="https://cdn.shopify.com/s/files/1/0323/1681/files/24_08_19_Lilli_Spiral24_08_28_Imi1068_600x600.jpg?v=1724904893" style=""><!-- end ngIf: recommendations --> <!-- ngIf: !recommendations --> </div><!-- end ngIf: result.ss_image_hover --> </a><!-- end ngIf: !result.mfield_steadlane_plp_video -->
<!-- ngIf: !recommendations && result.mfield_steadlane_plp_video -->
<div class="grid-product__hover-content"> <a ng-href="https://runwayscout.com/products/billie-pant-cream" intellisuggest="" class="grid-product__link" href="https://runwayscout.com/products/billie-pant-cream"></a>
<div class="grid-product__sizes"> <a ng-href="https://runwayscout.com/products/billie-pant-cream" intellisuggest="" class="grid-product__link" href="https://runwayscout.com/products/billie-pant-cream"></a>
<!-- ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="51020906201453" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> XS </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="51020906234221" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> S </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="51020906266989" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> M </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="51020906299757" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> L </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="51020906332525" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> XL </a><!-- end ngRepeat: size in result.ss_sizes track by $index -->
</div>
<div class="grid-product__wishlist"> <wishlist-button class="swym-grid-item-btn" data-product-handle="billie-pant-cream"> <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 20.468 19.916">
<g id="wichlist-icon" transform="translate(0.1 0.1)">
<path id="heart301"
d="M18.629,1.7A5.585,5.585,0,0,0,14.662,0a5.338,5.338,0,0,0-2.544.643A5.535,5.535,0,0,0,10.134,2.4,5.535,5.535,0,0,0,8.15.643,5.339,5.339,0,0,0,5.606,0,5.585,5.585,0,0,0,1.639,1.7,6.022,6.022,0,0,0,0,5.839,9.407,9.407,0,0,0,.5,8.793a6.235,6.235,0,0,0,.615,1.263c.276.442.528.812.744,1.1a10.257,10.257,0,0,0,.938,1.082c.415.423.755.755,1,.992s.625.587,1.121,1.037c.571.519.978.9,1.24,1.15s.625.609,1.11,1.094a17.763,17.763,0,0,1,2.383,2.92.559.559,0,0,0,.485.282.573.573,0,0,0,.507-.282,18.435,18.435,0,0,1,1.531-2.074q.894-1.045,1.488-1.623c.4-.392.979-.938,1.725-1.634.461-.431.83-.755,1.078-.992s.571-.564.97-.981a13.01,13.01,0,0,0,.938-1.071c.229-.3.471-.667.744-1.1a7.067,7.067,0,0,0,1-2.593,7.657,7.657,0,0,0,.151-1.522A6.021,6.021,0,0,0,18.629,1.7Zm.345,5.287A7.582,7.582,0,0,1,17.1,10.675c-.455.527-1.291,1.367-2.512,2.5-.633.589-1.143,1.071-1.542,1.454s-.865.876-1.434,1.511S10.134,18,10.134,18,9.183,16.8,8.6,16.177s-1.035-1.1-1.369-1.42-.843-.786-1.542-1.432l-.744-.688-.679-.643c-.294-.278-.52-.5-.668-.676s-.334-.383-.571-.654a5.776,5.776,0,0,1-.539-.7,7.343,7.343,0,0,1-.819-1.477l-.248-.8a6.137,6.137,0,0,1-.237-1.849A4.486,4.486,0,0,1,2.48,2.6,4.19,4.19,0,0,1,5.606,1.251a4.146,4.146,0,0,1,2.361.721A4.5,4.5,0,0,1,9.606,3.9a.54.54,0,0,0,.528.349.562.562,0,0,0,.55-.349,4.51,4.51,0,0,1,1.606-1.928,4.277,4.277,0,0,1,5.487.62,4.494,4.494,0,0,1,1.294,3.247A7.051,7.051,0,0,1,18.974,6.989Z"
transform="translate(0 0)" stroke="#000" stroke-width="0.2"></path>
</g>
</svg> </wishlist-button> </div>
</div>
</div>
<div class="grid-product__meta"> <!-- ngIf: result.badgeBottom -->
<a ng-href="https://runwayscout.com/products/billie-pant-cream" intellisuggest="" class="grid-product__link" href="https://runwayscout.com/products/billie-pant-cream"> <h3 class="grid-product__title grid-product__title--body ng-binding">Billie Pant (Cream)</h3> </a>
<!-- ngIf: slideout.triggered -->
<div class="grid-product__price"> <!-- ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --><span ng-if="result.msrp && (result.msrp * 1) > (result.price * 1)" class="visually-hidden ng-scope">Regular
price</span><!-- end ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --> <!-- ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --><span
ng-if="result.msrp && (result.msrp * 1) > (result.price * 1)" class="grid-product__price--original grid-product__price--red ng-scope"> <span ng-bind-html="graphQL.markets.format(result.msrp) | trusted"
class="ng-binding">$121.00</span> </span><!-- end ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --> <!-- ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --><span
ng-if="result.msrp && (result.msrp * 1) > (result.price * 1)" class="visually-hidden ng-scope">Sale price</span><!-- end ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --> <span
ng-bind-html="graphQL.markets.format(result.price) | trusted" class="ng-binding">$85.00</span> </div>
<div class="grid-product__sizes">
<!-- ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="51020906201453" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> XS </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="51020906234221" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> S </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="51020906266989" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> M </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="51020906299757" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> L </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="51020906332525" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> XL </a><!-- end ngRepeat: size in result.ss_sizes track by $index -->
</div>
</div>
</div><!-- end ngIf: !result.isInlineBanner -->
</div><!-- end ngRepeat: result in results | limitTo:profile.itemLimit track by result.uid -->
<div ng-repeat="result in results | limitTo:profile.itemLimit track by result.uid"
class="ss-recommendations-item grid__item grid-product grid-product-custom small--one-half medium-up--one-quarter aos-init aos-animate ng-scope ss-targeted tns-item" id="tns1-item4" aria-hidden="true" tabindex="-1">
<!-- Content for item goes here --> <!-- ngIf: result.isInlineBanner --> <!-- ngIf: !result.isInlineBanner -->
<div ng-if="!result.isInlineBanner" class="grid-product__content ng-scope"> <!-- ngIf: result.badge -->
<div ng-if="result.badge" class="grid-product__tag grid-product__tag--custom ng-binding ng-scope">NEW ARRIVAL</div><!-- end ngIf: result.badge --> <!-- ngIf: result.badgesRight -->
<div ng-if="result.badgesRight" class="ss-badges-right grid-product__tag grid-product__tag--sold-out ng-binding ng-scope"
ng-style="{ 'color': result.badgesRight.hasOwnProperty('colorForeground') ? result.badgesRight.colorForeground : '', 'background-color': result.badgesRight.hasOwnProperty('colorBackground') ? result.badgesRight.colorBackground : '' }"
style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0);">30% OFF</div><!-- end ngIf: result.badgesRight -->
<a ng-href="https://runwayscout.com/products/amara-mini-dress-blue" intellisuggest="" class="grid-product__link" href="https://runwayscout.com/products/amara-mini-dress-blue"></a>
<div class="grid-product__image-mask">
<!-- ngIf: !result.mfield_steadlane_plp_video --><a ng-if="!result.mfield_steadlane_plp_video" ng-href="https://runwayscout.com/products/amara-mini-dress-blue" intellisuggest="" class="grid-product__link ng-scope" href="https://runwayscout.com/products/amara-mini-dress-blue"> <div class="image-wrap" style="height: 0; padding-bottom: 149.936630037%;"> <!-- ngIf: recommendations --><img ng-if="recommendations" class="grid-product__image lazyautosizes lazyload ng-scope" data-aspectratio="0.66650390625" data-sizes="auto" alt="Amara Mini Dress (Blue)" ng-src="https://cdn.shopify.com/s/files/1/0323/1681/files/24_09_02_Imi_Spiral24_09_04_spiral0544_600x600.jpg?v=1725947574" onerror="this.src='//cdn.searchspring.net/ajax_search/img/default_image.png';" src="https://cdn.shopify.com/s/files/1/0323/1681/files/24_09_02_Imi_Spiral24_09_04_spiral0544_600x600.jpg?v=1725947574" style=""><!-- end ngIf: recommendations --> <!-- ngIf: !recommendations --> </div> <!-- ngIf: result.ss_image_hover --><div ng-if="result.ss_image_hover" class="grid-product__secondary-image small--hide ng-scope"> <!-- ngIf: recommendations --><img ng-if="recommendations" class="lazyautosizes lazyload ng-scope" data-aspectratio="0.66650390625" data-sizes="auto" alt="Amara Mini Dress (Blue)" ng-src="https://cdn.shopify.com/s/files/1/0323/1681/files/24_09_02_Imi_Spiral24_09_04_spiral0584_600x600.jpg?v=1725947574" onerror="this.src='//cdn.searchspring.net/ajax_search/img/default_image.png';" src="https://cdn.shopify.com/s/files/1/0323/1681/files/24_09_02_Imi_Spiral24_09_04_spiral0584_600x600.jpg?v=1725947574" style=""><!-- end ngIf: recommendations --> <!-- ngIf: !recommendations --> </div><!-- end ngIf: result.ss_image_hover --> </a><!-- end ngIf: !result.mfield_steadlane_plp_video -->
<!-- ngIf: !recommendations && result.mfield_steadlane_plp_video -->
<div class="grid-product__hover-content"> <a ng-href="https://runwayscout.com/products/amara-mini-dress-blue" intellisuggest="" class="grid-product__link" href="https://runwayscout.com/products/amara-mini-dress-blue"></a>
<div class="grid-product__sizes"> <a ng-href="https://runwayscout.com/products/amara-mini-dress-blue" intellisuggest="" class="grid-product__link" href="https://runwayscout.com/products/amara-mini-dress-blue"></a>
<!-- ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope out-of-stock" ng-href="#" data-variant-id="40385351286856" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> XS </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="40385351319624" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> S </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="40385351352392" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> M </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="40385351385160" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> L </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="40385351417928" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> XL </a><!-- end ngRepeat: size in result.ss_sizes track by $index -->
</div>
<div class="grid-product__wishlist"> <wishlist-button class="swym-grid-item-btn" data-product-handle="amara-mini-dress-blue"> <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 20.468 19.916">
<g id="wichlist-icon" transform="translate(0.1 0.1)">
<path id="heart301"
d="M18.629,1.7A5.585,5.585,0,0,0,14.662,0a5.338,5.338,0,0,0-2.544.643A5.535,5.535,0,0,0,10.134,2.4,5.535,5.535,0,0,0,8.15.643,5.339,5.339,0,0,0,5.606,0,5.585,5.585,0,0,0,1.639,1.7,6.022,6.022,0,0,0,0,5.839,9.407,9.407,0,0,0,.5,8.793a6.235,6.235,0,0,0,.615,1.263c.276.442.528.812.744,1.1a10.257,10.257,0,0,0,.938,1.082c.415.423.755.755,1,.992s.625.587,1.121,1.037c.571.519.978.9,1.24,1.15s.625.609,1.11,1.094a17.763,17.763,0,0,1,2.383,2.92.559.559,0,0,0,.485.282.573.573,0,0,0,.507-.282,18.435,18.435,0,0,1,1.531-2.074q.894-1.045,1.488-1.623c.4-.392.979-.938,1.725-1.634.461-.431.83-.755,1.078-.992s.571-.564.97-.981a13.01,13.01,0,0,0,.938-1.071c.229-.3.471-.667.744-1.1a7.067,7.067,0,0,0,1-2.593,7.657,7.657,0,0,0,.151-1.522A6.021,6.021,0,0,0,18.629,1.7Zm.345,5.287A7.582,7.582,0,0,1,17.1,10.675c-.455.527-1.291,1.367-2.512,2.5-.633.589-1.143,1.071-1.542,1.454s-.865.876-1.434,1.511S10.134,18,10.134,18,9.183,16.8,8.6,16.177s-1.035-1.1-1.369-1.42-.843-.786-1.542-1.432l-.744-.688-.679-.643c-.294-.278-.52-.5-.668-.676s-.334-.383-.571-.654a5.776,5.776,0,0,1-.539-.7,7.343,7.343,0,0,1-.819-1.477l-.248-.8a6.137,6.137,0,0,1-.237-1.849A4.486,4.486,0,0,1,2.48,2.6,4.19,4.19,0,0,1,5.606,1.251a4.146,4.146,0,0,1,2.361.721A4.5,4.5,0,0,1,9.606,3.9a.54.54,0,0,0,.528.349.562.562,0,0,0,.55-.349,4.51,4.51,0,0,1,1.606-1.928,4.277,4.277,0,0,1,5.487.62,4.494,4.494,0,0,1,1.294,3.247A7.051,7.051,0,0,1,18.974,6.989Z"
transform="translate(0 0)" stroke="#000" stroke-width="0.2"></path>
</g>
</svg> </wishlist-button> </div>
</div>
</div>
<div class="grid-product__meta"> <!-- ngIf: result.badgeBottom -->
<a ng-href="https://runwayscout.com/products/amara-mini-dress-blue" intellisuggest="" class="grid-product__link" href="https://runwayscout.com/products/amara-mini-dress-blue"> <h3 class="grid-product__title grid-product__title--body ng-binding">Amara Mini Dress (Blue)</h3> </a>
<!-- ngIf: slideout.triggered -->
<div class="grid-product__price"> <!-- ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --><span ng-if="result.msrp && (result.msrp * 1) > (result.price * 1)" class="visually-hidden ng-scope">Regular
price</span><!-- end ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --> <!-- ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --><span
ng-if="result.msrp && (result.msrp * 1) > (result.price * 1)" class="grid-product__price--original grid-product__price--red ng-scope"> <span ng-bind-html="graphQL.markets.format(result.msrp) | trusted"
class="ng-binding">$84.00</span> </span><!-- end ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --> <!-- ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --><span
ng-if="result.msrp && (result.msrp * 1) > (result.price * 1)" class="visually-hidden ng-scope">Sale price</span><!-- end ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --> <span
ng-bind-html="graphQL.markets.format(result.price) | trusted" class="ng-binding">$59.00</span> </div>
<div class="grid-product__sizes">
<!-- ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope out-of-stock" ng-href="#" data-variant-id="40385351286856" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> XS </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="40385351319624" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> S </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="40385351352392" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> M </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="40385351385160" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> L </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="40385351417928" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> XL </a><!-- end ngRepeat: size in result.ss_sizes track by $index -->
</div>
</div>
</div><!-- end ngIf: !result.isInlineBanner -->
</div><!-- end ngRepeat: result in results | limitTo:profile.itemLimit track by result.uid -->
<div ng-repeat="result in results | limitTo:profile.itemLimit track by result.uid"
class="ss-recommendations-item grid__item grid-product grid-product-custom small--one-half medium-up--one-quarter aos-init aos-animate ng-scope ss-targeted tns-item" id="tns1-item5" aria-hidden="true" tabindex="-1">
<!-- Content for item goes here --> <!-- ngIf: result.isInlineBanner --> <!-- ngIf: !result.isInlineBanner -->
<div ng-if="!result.isInlineBanner" class="grid-product__content ng-scope"> <!-- ngIf: result.badge -->
<div ng-if="result.badge" class="grid-product__tag grid-product__tag--custom ng-binding ng-scope">EXCLUSIVE</div><!-- end ngIf: result.badge --> <!-- ngIf: result.badgesRight -->
<div ng-if="result.badgesRight" class="ss-badges-right grid-product__tag grid-product__tag--sold-out ng-binding ng-scope"
ng-style="{ 'color': result.badgesRight.hasOwnProperty('colorForeground') ? result.badgesRight.colorForeground : '', 'background-color': result.badgesRight.hasOwnProperty('colorBackground') ? result.badgesRight.colorBackground : '' }"
style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0);">30% OFF</div><!-- end ngIf: result.badgesRight -->
<a ng-href="https://runwayscout.com/products/el-camino-shorts-red" intellisuggest="" class="grid-product__link" href="https://runwayscout.com/products/el-camino-shorts-red"></a>
<div class="grid-product__image-mask">
<!-- ngIf: !result.mfield_steadlane_plp_video --><a ng-if="!result.mfield_steadlane_plp_video" ng-href="https://runwayscout.com/products/el-camino-shorts-red" intellisuggest="" class="grid-product__link ng-scope" href="https://runwayscout.com/products/el-camino-shorts-red"> <div class="image-wrap" style="height: 0; padding-bottom: 149.936630037%;"> <!-- ngIf: recommendations --><img ng-if="recommendations" class="grid-product__image lazyautosizes lazyload ng-scope" data-aspectratio="0.66650390625" data-sizes="auto" alt="El Camino Knit Shorts (Red)" ng-src="https://cdn.shopify.com/s/files/1/0323/1681/files/Nauvoo-45_7c12b798-bf3d-4185-a7a2-afcc78a39232_600x600.jpg?v=1730091220" onerror="this.src='//cdn.searchspring.net/ajax_search/img/default_image.png';" src="https://cdn.shopify.com/s/files/1/0323/1681/files/Nauvoo-45_7c12b798-bf3d-4185-a7a2-afcc78a39232_600x600.jpg?v=1730091220" style=""><!-- end ngIf: recommendations --> <!-- ngIf: !recommendations --> </div> <!-- ngIf: result.ss_image_hover --><div ng-if="result.ss_image_hover" class="grid-product__secondary-image small--hide ng-scope"> <!-- ngIf: recommendations --><img ng-if="recommendations" class="lazyautosizes lazyload ng-scope" data-aspectratio="0.66650390625" data-sizes="auto" alt="El Camino Knit Shorts (Red)" ng-src="https://cdn.shopify.com/s/files/1/0323/1681/files/Nauvoo-15_73d4c79d-dfdf-4770-be40-84e63abda7a2_600x600.jpg?v=1730091220" onerror="this.src='//cdn.searchspring.net/ajax_search/img/default_image.png';" src="https://cdn.shopify.com/s/files/1/0323/1681/files/Nauvoo-15_73d4c79d-dfdf-4770-be40-84e63abda7a2_600x600.jpg?v=1730091220" style=""><!-- end ngIf: recommendations --> <!-- ngIf: !recommendations --> </div><!-- end ngIf: result.ss_image_hover --> </a><!-- end ngIf: !result.mfield_steadlane_plp_video -->
<!-- ngIf: !recommendations && result.mfield_steadlane_plp_video -->
<div class="grid-product__hover-content"> <a ng-href="https://runwayscout.com/products/el-camino-shorts-red" intellisuggest="" class="grid-product__link" href="https://runwayscout.com/products/el-camino-shorts-red"></a>
<div class="grid-product__sizes"> <a ng-href="https://runwayscout.com/products/el-camino-shorts-red" intellisuggest="" class="grid-product__link" href="https://runwayscout.com/products/el-camino-shorts-red"></a>
<!-- ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="51645944824173" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> 6 </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="51645944856941" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> 8 </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope out-of-stock" ng-href="#" data-variant-id="51645944889709" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> 10 </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope out-of-stock" ng-href="#" data-variant-id="51645944922477" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> 12 </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope out-of-stock" ng-href="#" data-variant-id="51645944955245" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> 14 </a><!-- end ngRepeat: size in result.ss_sizes track by $index -->
</div>
<div class="grid-product__wishlist"> <wishlist-button class="swym-grid-item-btn" data-product-handle="el-camino-shorts-red"> <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 20.468 19.916">
<g id="wichlist-icon" transform="translate(0.1 0.1)">
<path id="heart301"
d="M18.629,1.7A5.585,5.585,0,0,0,14.662,0a5.338,5.338,0,0,0-2.544.643A5.535,5.535,0,0,0,10.134,2.4,5.535,5.535,0,0,0,8.15.643,5.339,5.339,0,0,0,5.606,0,5.585,5.585,0,0,0,1.639,1.7,6.022,6.022,0,0,0,0,5.839,9.407,9.407,0,0,0,.5,8.793a6.235,6.235,0,0,0,.615,1.263c.276.442.528.812.744,1.1a10.257,10.257,0,0,0,.938,1.082c.415.423.755.755,1,.992s.625.587,1.121,1.037c.571.519.978.9,1.24,1.15s.625.609,1.11,1.094a17.763,17.763,0,0,1,2.383,2.92.559.559,0,0,0,.485.282.573.573,0,0,0,.507-.282,18.435,18.435,0,0,1,1.531-2.074q.894-1.045,1.488-1.623c.4-.392.979-.938,1.725-1.634.461-.431.83-.755,1.078-.992s.571-.564.97-.981a13.01,13.01,0,0,0,.938-1.071c.229-.3.471-.667.744-1.1a7.067,7.067,0,0,0,1-2.593,7.657,7.657,0,0,0,.151-1.522A6.021,6.021,0,0,0,18.629,1.7Zm.345,5.287A7.582,7.582,0,0,1,17.1,10.675c-.455.527-1.291,1.367-2.512,2.5-.633.589-1.143,1.071-1.542,1.454s-.865.876-1.434,1.511S10.134,18,10.134,18,9.183,16.8,8.6,16.177s-1.035-1.1-1.369-1.42-.843-.786-1.542-1.432l-.744-.688-.679-.643c-.294-.278-.52-.5-.668-.676s-.334-.383-.571-.654a5.776,5.776,0,0,1-.539-.7,7.343,7.343,0,0,1-.819-1.477l-.248-.8a6.137,6.137,0,0,1-.237-1.849A4.486,4.486,0,0,1,2.48,2.6,4.19,4.19,0,0,1,5.606,1.251a4.146,4.146,0,0,1,2.361.721A4.5,4.5,0,0,1,9.606,3.9a.54.54,0,0,0,.528.349.562.562,0,0,0,.55-.349,4.51,4.51,0,0,1,1.606-1.928,4.277,4.277,0,0,1,5.487.62,4.494,4.494,0,0,1,1.294,3.247A7.051,7.051,0,0,1,18.974,6.989Z"
transform="translate(0 0)" stroke="#000" stroke-width="0.2"></path>
</g>
</svg> </wishlist-button> </div>
</div>
</div>
<div class="grid-product__meta"> <!-- ngIf: result.badgeBottom -->
<a ng-href="https://runwayscout.com/products/el-camino-shorts-red" intellisuggest="" class="grid-product__link" href="https://runwayscout.com/products/el-camino-shorts-red"> <h3 class="grid-product__title grid-product__title--body ng-binding">El Camino Knit Shorts (Red)</h3> </a>
<!-- ngIf: slideout.triggered -->
<div class="grid-product__price"> <!-- ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --><span ng-if="result.msrp && (result.msrp * 1) > (result.price * 1)" class="visually-hidden ng-scope">Regular
price</span><!-- end ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --> <!-- ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --><span
ng-if="result.msrp && (result.msrp * 1) > (result.price * 1)" class="grid-product__price--original grid-product__price--red ng-scope"> <span ng-bind-html="graphQL.markets.format(result.msrp) | trusted"
class="ng-binding">$65.00</span> </span><!-- end ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --> <!-- ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --><span
ng-if="result.msrp && (result.msrp * 1) > (result.price * 1)" class="visually-hidden ng-scope">Sale price</span><!-- end ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --> <span
ng-bind-html="graphQL.markets.format(result.price) | trusted" class="ng-binding">$46.00</span> </div>
<div class="grid-product__sizes">
<!-- ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="51645944824173" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> 6 </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="51645944856941" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> 8 </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope out-of-stock" ng-href="#" data-variant-id="51645944889709" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> 10 </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope out-of-stock" ng-href="#" data-variant-id="51645944922477" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> 12 </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope out-of-stock" ng-href="#" data-variant-id="51645944955245" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> 14 </a><!-- end ngRepeat: size in result.ss_sizes track by $index -->
</div>
</div>
</div><!-- end ngIf: !result.isInlineBanner -->
</div><!-- end ngRepeat: result in results | limitTo:profile.itemLimit track by result.uid -->
<div ng-repeat="result in results | limitTo:profile.itemLimit track by result.uid"
class="ss-recommendations-item grid__item grid-product grid-product-custom small--one-half medium-up--one-quarter aos-init aos-animate ng-scope ss-targeted tns-item" id="tns1-item6" aria-hidden="true" tabindex="-1">
<!-- Content for item goes here --> <!-- ngIf: result.isInlineBanner --> <!-- ngIf: !result.isInlineBanner -->
<div ng-if="!result.isInlineBanner" class="grid-product__content ng-scope"> <!-- ngIf: result.badge -->
<div ng-if="result.badge" class="grid-product__tag grid-product__tag--custom ng-binding ng-scope">EXCLUSIVE</div><!-- end ngIf: result.badge --> <!-- ngIf: result.badgesRight -->
<div ng-if="result.badgesRight" class="ss-badges-right grid-product__tag grid-product__tag--sold-out ng-binding ng-scope"
ng-style="{ 'color': result.badgesRight.hasOwnProperty('colorForeground') ? result.badgesRight.colorForeground : '', 'background-color': result.badgesRight.hasOwnProperty('colorBackground') ? result.badgesRight.colorBackground : '' }"
style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0);">30% OFF</div><!-- end ngIf: result.badgesRight -->
<a ng-href="https://runwayscout.com/products/sunset-hills-shorts-beige" intellisuggest="" class="grid-product__link" href="https://runwayscout.com/products/sunset-hills-shorts-beige"></a>
<div class="grid-product__image-mask">
<!-- ngIf: !result.mfield_steadlane_plp_video --><a ng-if="!result.mfield_steadlane_plp_video" ng-href="https://runwayscout.com/products/sunset-hills-shorts-beige" intellisuggest="" class="grid-product__link ng-scope" href="https://runwayscout.com/products/sunset-hills-shorts-beige"> <div class="image-wrap" style="height: 0; padding-bottom: 149.936630037%;"> <!-- ngIf: recommendations --><img ng-if="recommendations" class="grid-product__image lazyautosizes lazyload ng-scope" data-aspectratio="0.66650390625" data-sizes="auto" alt="Sunset Hills Knit Shorts (Beige)" ng-src="https://cdn.shopify.com/s/files/1/0323/1681/files/241004_021A0198_600x600.jpg?v=1730092953" onerror="this.src='//cdn.searchspring.net/ajax_search/img/default_image.png';" src="https://cdn.shopify.com/s/files/1/0323/1681/files/241004_021A0198_600x600.jpg?v=1730092953" style=""><!-- end ngIf: recommendations --> <!-- ngIf: !recommendations --> </div> <!-- ngIf: result.ss_image_hover --><div ng-if="result.ss_image_hover" class="grid-product__secondary-image small--hide ng-scope"> <!-- ngIf: recommendations --><img ng-if="recommendations" class="lazyautosizes lazyload ng-scope" data-aspectratio="0.66650390625" data-sizes="auto" alt="Sunset Hills Knit Shorts (Beige)" ng-src="https://cdn.shopify.com/s/files/1/0323/1681/files/Nauvoo-286_600x600.jpg?v=1730163045" onerror="this.src='//cdn.searchspring.net/ajax_search/img/default_image.png';" src="https://cdn.shopify.com/s/files/1/0323/1681/files/Nauvoo-286_600x600.jpg?v=1730163045" style=""><!-- end ngIf: recommendations --> <!-- ngIf: !recommendations --> </div><!-- end ngIf: result.ss_image_hover --> </a><!-- end ngIf: !result.mfield_steadlane_plp_video -->
<!-- ngIf: !recommendations && result.mfield_steadlane_plp_video -->
<div class="grid-product__hover-content">
<a ng-href="https://runwayscout.com/products/sunset-hills-shorts-beige" intellisuggest="" class="grid-product__link" href="https://runwayscout.com/products/sunset-hills-shorts-beige"></a>
<div class="grid-product__sizes"> <a ng-href="https://runwayscout.com/products/sunset-hills-shorts-beige" intellisuggest="" class="grid-product__link" href="https://runwayscout.com/products/sunset-hills-shorts-beige"></a>
<!-- ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="51645943447917" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> 6 </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope out-of-stock" ng-href="#" data-variant-id="51645943480685" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> 8 </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope out-of-stock" ng-href="#" data-variant-id="51645943513453" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> 10 </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope out-of-stock" ng-href="#" data-variant-id="51645943546221" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> 12 </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="51645943578989" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> 14 </a><!-- end ngRepeat: size in result.ss_sizes track by $index -->
</div>
<div class="grid-product__wishlist"> <wishlist-button class="swym-grid-item-btn" data-product-handle="sunset-hills-shorts-beige"> <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 20.468 19.916">
<g id="wichlist-icon" transform="translate(0.1 0.1)">
<path id="heart301"
d="M18.629,1.7A5.585,5.585,0,0,0,14.662,0a5.338,5.338,0,0,0-2.544.643A5.535,5.535,0,0,0,10.134,2.4,5.535,5.535,0,0,0,8.15.643,5.339,5.339,0,0,0,5.606,0,5.585,5.585,0,0,0,1.639,1.7,6.022,6.022,0,0,0,0,5.839,9.407,9.407,0,0,0,.5,8.793a6.235,6.235,0,0,0,.615,1.263c.276.442.528.812.744,1.1a10.257,10.257,0,0,0,.938,1.082c.415.423.755.755,1,.992s.625.587,1.121,1.037c.571.519.978.9,1.24,1.15s.625.609,1.11,1.094a17.763,17.763,0,0,1,2.383,2.92.559.559,0,0,0,.485.282.573.573,0,0,0,.507-.282,18.435,18.435,0,0,1,1.531-2.074q.894-1.045,1.488-1.623c.4-.392.979-.938,1.725-1.634.461-.431.83-.755,1.078-.992s.571-.564.97-.981a13.01,13.01,0,0,0,.938-1.071c.229-.3.471-.667.744-1.1a7.067,7.067,0,0,0,1-2.593,7.657,7.657,0,0,0,.151-1.522A6.021,6.021,0,0,0,18.629,1.7Zm.345,5.287A7.582,7.582,0,0,1,17.1,10.675c-.455.527-1.291,1.367-2.512,2.5-.633.589-1.143,1.071-1.542,1.454s-.865.876-1.434,1.511S10.134,18,10.134,18,9.183,16.8,8.6,16.177s-1.035-1.1-1.369-1.42-.843-.786-1.542-1.432l-.744-.688-.679-.643c-.294-.278-.52-.5-.668-.676s-.334-.383-.571-.654a5.776,5.776,0,0,1-.539-.7,7.343,7.343,0,0,1-.819-1.477l-.248-.8a6.137,6.137,0,0,1-.237-1.849A4.486,4.486,0,0,1,2.48,2.6,4.19,4.19,0,0,1,5.606,1.251a4.146,4.146,0,0,1,2.361.721A4.5,4.5,0,0,1,9.606,3.9a.54.54,0,0,0,.528.349.562.562,0,0,0,.55-.349,4.51,4.51,0,0,1,1.606-1.928,4.277,4.277,0,0,1,5.487.62,4.494,4.494,0,0,1,1.294,3.247A7.051,7.051,0,0,1,18.974,6.989Z"
transform="translate(0 0)" stroke="#000" stroke-width="0.2"></path>
</g>
</svg> </wishlist-button> </div>
</div>
</div>
<div class="grid-product__meta"> <!-- ngIf: result.badgeBottom -->
<a ng-href="https://runwayscout.com/products/sunset-hills-shorts-beige" intellisuggest="" class="grid-product__link" href="https://runwayscout.com/products/sunset-hills-shorts-beige"> <h3 class="grid-product__title grid-product__title--body ng-binding">Sunset Hills Knit Shorts (Beige)</h3> </a>
<!-- ngIf: slideout.triggered -->
<div class="grid-product__price"> <!-- ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --><span ng-if="result.msrp && (result.msrp * 1) > (result.price * 1)" class="visually-hidden ng-scope">Regular
price</span><!-- end ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --> <!-- ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --><span
ng-if="result.msrp && (result.msrp * 1) > (result.price * 1)" class="grid-product__price--original grid-product__price--red ng-scope"> <span ng-bind-html="graphQL.markets.format(result.msrp) | trusted"
class="ng-binding">$75.00</span> </span><!-- end ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --> <!-- ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --><span
ng-if="result.msrp && (result.msrp * 1) > (result.price * 1)" class="visually-hidden ng-scope">Sale price</span><!-- end ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --> <span
ng-bind-html="graphQL.markets.format(result.price) | trusted" class="ng-binding">$52.00</span> </div>
<div class="grid-product__sizes">
<!-- ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="51645943447917" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> 6 </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope out-of-stock" ng-href="#" data-variant-id="51645943480685" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> 8 </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope out-of-stock" ng-href="#" data-variant-id="51645943513453" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> 10 </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope out-of-stock" ng-href="#" data-variant-id="51645943546221" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> 12 </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="51645943578989" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> 14 </a><!-- end ngRepeat: size in result.ss_sizes track by $index -->
</div>
</div>
</div><!-- end ngIf: !result.isInlineBanner -->
</div><!-- end ngRepeat: result in results | limitTo:profile.itemLimit track by result.uid -->
<div ng-repeat="result in results | limitTo:profile.itemLimit track by result.uid"
class="ss-recommendations-item grid__item grid-product grid-product-custom small--one-half medium-up--one-quarter aos-init aos-animate ng-scope ss-targeted tns-item" id="tns1-item7" aria-hidden="true" tabindex="-1">
<!-- Content for item goes here --> <!-- ngIf: result.isInlineBanner --> <!-- ngIf: !result.isInlineBanner -->
<div ng-if="!result.isInlineBanner" class="grid-product__content ng-scope"> <!-- ngIf: result.badge -->
<div ng-if="result.badge" class="grid-product__tag grid-product__tag--custom ng-binding ng-scope">NEW ARRIVAL</div><!-- end ngIf: result.badge --> <!-- ngIf: result.badgesRight -->
<div ng-if="result.badgesRight" class="ss-badges-right grid-product__tag grid-product__tag--sold-out ng-binding ng-scope"
ng-style="{ 'color': result.badgesRight.hasOwnProperty('colorForeground') ? result.badgesRight.colorForeground : '', 'background-color': result.badgesRight.hasOwnProperty('colorBackground') ? result.badgesRight.colorBackground : '' }"
style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0);">30% OFF</div><!-- end ngIf: result.badgesRight -->
<a ng-href="https://runwayscout.com/products/harper-mini-dress-red" intellisuggest="" class="grid-product__link" href="https://runwayscout.com/products/harper-mini-dress-red"></a>
<div class="grid-product__image-mask">
<!-- ngIf: !result.mfield_steadlane_plp_video --><a ng-if="!result.mfield_steadlane_plp_video" ng-href="https://runwayscout.com/products/harper-mini-dress-red" intellisuggest="" class="grid-product__link ng-scope" href="https://runwayscout.com/products/harper-mini-dress-red"> <div class="image-wrap" style="height: 0; padding-bottom: 149.936630037%;"> <!-- ngIf: recommendations --><img ng-if="recommendations" class="grid-product__image lazyautosizes lazyload ng-scope" data-aspectratio="0.66650390625" data-sizes="auto" alt="Harper Mini Dress (Red)" ng-src="https://cdn.shopify.com/s/files/1/0323/1681/files/241031_Imi_241106_Beatriz0085_600x600.jpg?v=1731365838" onerror="this.src='//cdn.searchspring.net/ajax_search/img/default_image.png';" src="https://cdn.shopify.com/s/files/1/0323/1681/files/241031_Imi_241106_Beatriz0085_600x600.jpg?v=1731365838" style=""><!-- end ngIf: recommendations --> <!-- ngIf: !recommendations --> </div> <!-- ngIf: result.ss_image_hover --><div ng-if="result.ss_image_hover" class="grid-product__secondary-image small--hide ng-scope"> <!-- ngIf: recommendations --><img ng-if="recommendations" class="lazyautosizes lazyload ng-scope" data-aspectratio="0.66650390625" data-sizes="auto" alt="Harper Mini Dress (Red)" ng-src="https://cdn.shopify.com/s/files/1/0323/1681/files/241031_Imi_241106_Beatriz0088_600x600.jpg?v=1731365838" onerror="this.src='//cdn.searchspring.net/ajax_search/img/default_image.png';" src="https://cdn.shopify.com/s/files/1/0323/1681/files/241031_Imi_241106_Beatriz0088_600x600.jpg?v=1731365838" style=""><!-- end ngIf: recommendations --> <!-- ngIf: !recommendations --> </div><!-- end ngIf: result.ss_image_hover --> </a><!-- end ngIf: !result.mfield_steadlane_plp_video -->
<!-- ngIf: !recommendations && result.mfield_steadlane_plp_video -->
<div class="grid-product__hover-content"> <a ng-href="https://runwayscout.com/products/harper-mini-dress-red" intellisuggest="" class="grid-product__link" href="https://runwayscout.com/products/harper-mini-dress-red"></a>
<div class="grid-product__sizes"> <a ng-href="https://runwayscout.com/products/harper-mini-dress-red" intellisuggest="" class="grid-product__link" href="https://runwayscout.com/products/harper-mini-dress-red"></a>
<!-- ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="51659458085229" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> 6 </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="51659458117997" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> 8 </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope out-of-stock" ng-href="#" data-variant-id="51659458150765" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> 10 </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope out-of-stock" ng-href="#" data-variant-id="51659458183533" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> 12 </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope out-of-stock" ng-href="#" data-variant-id="51659458216301" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> 14 </a><!-- end ngRepeat: size in result.ss_sizes track by $index -->
</div>
<div class="grid-product__wishlist"> <wishlist-button class="swym-grid-item-btn" data-product-handle="harper-mini-dress-red"> <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 20.468 19.916">
<g id="wichlist-icon" transform="translate(0.1 0.1)">
<path id="heart301"
d="M18.629,1.7A5.585,5.585,0,0,0,14.662,0a5.338,5.338,0,0,0-2.544.643A5.535,5.535,0,0,0,10.134,2.4,5.535,5.535,0,0,0,8.15.643,5.339,5.339,0,0,0,5.606,0,5.585,5.585,0,0,0,1.639,1.7,6.022,6.022,0,0,0,0,5.839,9.407,9.407,0,0,0,.5,8.793a6.235,6.235,0,0,0,.615,1.263c.276.442.528.812.744,1.1a10.257,10.257,0,0,0,.938,1.082c.415.423.755.755,1,.992s.625.587,1.121,1.037c.571.519.978.9,1.24,1.15s.625.609,1.11,1.094a17.763,17.763,0,0,1,2.383,2.92.559.559,0,0,0,.485.282.573.573,0,0,0,.507-.282,18.435,18.435,0,0,1,1.531-2.074q.894-1.045,1.488-1.623c.4-.392.979-.938,1.725-1.634.461-.431.83-.755,1.078-.992s.571-.564.97-.981a13.01,13.01,0,0,0,.938-1.071c.229-.3.471-.667.744-1.1a7.067,7.067,0,0,0,1-2.593,7.657,7.657,0,0,0,.151-1.522A6.021,6.021,0,0,0,18.629,1.7Zm.345,5.287A7.582,7.582,0,0,1,17.1,10.675c-.455.527-1.291,1.367-2.512,2.5-.633.589-1.143,1.071-1.542,1.454s-.865.876-1.434,1.511S10.134,18,10.134,18,9.183,16.8,8.6,16.177s-1.035-1.1-1.369-1.42-.843-.786-1.542-1.432l-.744-.688-.679-.643c-.294-.278-.52-.5-.668-.676s-.334-.383-.571-.654a5.776,5.776,0,0,1-.539-.7,7.343,7.343,0,0,1-.819-1.477l-.248-.8a6.137,6.137,0,0,1-.237-1.849A4.486,4.486,0,0,1,2.48,2.6,4.19,4.19,0,0,1,5.606,1.251a4.146,4.146,0,0,1,2.361.721A4.5,4.5,0,0,1,9.606,3.9a.54.54,0,0,0,.528.349.562.562,0,0,0,.55-.349,4.51,4.51,0,0,1,1.606-1.928,4.277,4.277,0,0,1,5.487.62,4.494,4.494,0,0,1,1.294,3.247A7.051,7.051,0,0,1,18.974,6.989Z"
transform="translate(0 0)" stroke="#000" stroke-width="0.2"></path>
</g>
</svg> </wishlist-button> </div>
</div>
</div>
<div class="grid-product__meta"> <!-- ngIf: result.badgeBottom -->
<a ng-href="https://runwayscout.com/products/harper-mini-dress-red" intellisuggest="" class="grid-product__link" href="https://runwayscout.com/products/harper-mini-dress-red"> <h3 class="grid-product__title grid-product__title--body ng-binding">Harper Mini Dress (Red)</h3> </a>
<!-- ngIf: slideout.triggered -->
<div class="grid-product__price"> <!-- ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --><span ng-if="result.msrp && (result.msrp * 1) > (result.price * 1)" class="visually-hidden ng-scope">Regular
price</span><!-- end ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --> <!-- ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --><span
ng-if="result.msrp && (result.msrp * 1) > (result.price * 1)" class="grid-product__price--original grid-product__price--red ng-scope"> <span ng-bind-html="graphQL.markets.format(result.msrp) | trusted"
class="ng-binding">$75.00</span> </span><!-- end ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --> <!-- ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --><span
ng-if="result.msrp && (result.msrp * 1) > (result.price * 1)" class="visually-hidden ng-scope">Sale price</span><!-- end ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --> <span
ng-bind-html="graphQL.markets.format(result.price) | trusted" class="ng-binding">$52.00</span> </div>
<div class="grid-product__sizes">
<!-- ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="51659458085229" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> 6 </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="51659458117997" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> 8 </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope out-of-stock" ng-href="#" data-variant-id="51659458150765" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> 10 </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope out-of-stock" ng-href="#" data-variant-id="51659458183533" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> 12 </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope out-of-stock" ng-href="#" data-variant-id="51659458216301" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> 14 </a><!-- end ngRepeat: size in result.ss_sizes track by $index -->
</div>
</div>
</div><!-- end ngIf: !result.isInlineBanner -->
</div><!-- end ngRepeat: result in results | limitTo:profile.itemLimit track by result.uid -->
<div ng-repeat="result in results | limitTo:profile.itemLimit track by result.uid"
class="ss-recommendations-item grid__item grid-product grid-product-custom small--one-half medium-up--one-quarter aos-init aos-animate ng-scope ss-targeted tns-item" id="tns1-item8" aria-hidden="true" tabindex="-1">
<!-- Content for item goes here --> <!-- ngIf: result.isInlineBanner --> <!-- ngIf: !result.isInlineBanner -->
<div ng-if="!result.isInlineBanner" class="grid-product__content ng-scope"> <!-- ngIf: result.badge -->
<div ng-if="result.badge" class="grid-product__tag grid-product__tag--custom ng-binding ng-scope">EXCLUSIVE</div><!-- end ngIf: result.badge --> <!-- ngIf: result.badgesRight -->
<div ng-if="result.badgesRight" class="ss-badges-right grid-product__tag grid-product__tag--sold-out ng-binding ng-scope"
ng-style="{ 'color': result.badgesRight.hasOwnProperty('colorForeground') ? result.badgesRight.colorForeground : '', 'background-color': result.badgesRight.hasOwnProperty('colorBackground') ? result.badgesRight.colorBackground : '' }"
style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0);">30% OFF</div><!-- end ngIf: result.badgesRight -->
<a ng-href="https://runwayscout.com/products/alexi-knit-skirt-beige" intellisuggest="" class="grid-product__link" href="https://runwayscout.com/products/alexi-knit-skirt-beige"></a>
<div class="grid-product__image-mask">
<!-- ngIf: !result.mfield_steadlane_plp_video --><a ng-if="!result.mfield_steadlane_plp_video" ng-href="https://runwayscout.com/products/alexi-knit-skirt-beige" intellisuggest="" class="grid-product__link ng-scope" href="https://runwayscout.com/products/alexi-knit-skirt-beige"> <div class="image-wrap" style="height: 0; padding-bottom: 149.936630037%;"> <!-- ngIf: recommendations --><img ng-if="recommendations" class="grid-product__image lazyautosizes lazyload ng-scope" data-aspectratio="0.66650390625" data-sizes="auto" alt="Alexi Knit Skirt (Beige)" ng-src="https://cdn.shopify.com/s/files/1/0323/1681/files/241031_Imi_021A0014_600x600.jpg?v=1730673885" onerror="this.src='//cdn.searchspring.net/ajax_search/img/default_image.png';" src="https://cdn.shopify.com/s/files/1/0323/1681/files/241031_Imi_021A0014_600x600.jpg?v=1730673885" style=""><!-- end ngIf: recommendations --> <!-- ngIf: !recommendations --> </div> <!-- ngIf: result.ss_image_hover --><div ng-if="result.ss_image_hover" class="grid-product__secondary-image small--hide ng-scope"> <!-- ngIf: recommendations --><img ng-if="recommendations" class="lazyautosizes lazyload ng-scope" data-aspectratio="0.66650390625" data-sizes="auto" alt="Alexi Knit Skirt (Beige)" ng-src="https://cdn.shopify.com/s/files/1/0323/1681/files/241031_Imi_021A9986_600x600.jpg?v=1730674002" onerror="this.src='//cdn.searchspring.net/ajax_search/img/default_image.png';" src="https://cdn.shopify.com/s/files/1/0323/1681/files/241031_Imi_021A9986_600x600.jpg?v=1730674002" style=""><!-- end ngIf: recommendations --> <!-- ngIf: !recommendations --> </div><!-- end ngIf: result.ss_image_hover --> </a><!-- end ngIf: !result.mfield_steadlane_plp_video -->
<!-- ngIf: !recommendations && result.mfield_steadlane_plp_video -->
<div class="grid-product__hover-content"> <a ng-href="https://runwayscout.com/products/alexi-knit-skirt-beige" intellisuggest="" class="grid-product__link" href="https://runwayscout.com/products/alexi-knit-skirt-beige"></a>
<div class="grid-product__sizes"> <a ng-href="https://runwayscout.com/products/alexi-knit-skirt-beige" intellisuggest="" class="grid-product__link" href="https://runwayscout.com/products/alexi-knit-skirt-beige"></a>
<!-- ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope out-of-stock" ng-href="#" data-variant-id="51654383272301" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> 6 </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="51654383305069" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> 8 </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope out-of-stock" ng-href="#" data-variant-id="51654383337837" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> 10 </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="51654383370605" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> 12 </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="51654383403373" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> 14 </a><!-- end ngRepeat: size in result.ss_sizes track by $index -->
</div>
<div class="grid-product__wishlist"> <wishlist-button class="swym-grid-item-btn" data-product-handle="alexi-knit-skirt-beige"> <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 20.468 19.916">
<g id="wichlist-icon" transform="translate(0.1 0.1)">
<path id="heart301"
d="M18.629,1.7A5.585,5.585,0,0,0,14.662,0a5.338,5.338,0,0,0-2.544.643A5.535,5.535,0,0,0,10.134,2.4,5.535,5.535,0,0,0,8.15.643,5.339,5.339,0,0,0,5.606,0,5.585,5.585,0,0,0,1.639,1.7,6.022,6.022,0,0,0,0,5.839,9.407,9.407,0,0,0,.5,8.793a6.235,6.235,0,0,0,.615,1.263c.276.442.528.812.744,1.1a10.257,10.257,0,0,0,.938,1.082c.415.423.755.755,1,.992s.625.587,1.121,1.037c.571.519.978.9,1.24,1.15s.625.609,1.11,1.094a17.763,17.763,0,0,1,2.383,2.92.559.559,0,0,0,.485.282.573.573,0,0,0,.507-.282,18.435,18.435,0,0,1,1.531-2.074q.894-1.045,1.488-1.623c.4-.392.979-.938,1.725-1.634.461-.431.83-.755,1.078-.992s.571-.564.97-.981a13.01,13.01,0,0,0,.938-1.071c.229-.3.471-.667.744-1.1a7.067,7.067,0,0,0,1-2.593,7.657,7.657,0,0,0,.151-1.522A6.021,6.021,0,0,0,18.629,1.7Zm.345,5.287A7.582,7.582,0,0,1,17.1,10.675c-.455.527-1.291,1.367-2.512,2.5-.633.589-1.143,1.071-1.542,1.454s-.865.876-1.434,1.511S10.134,18,10.134,18,9.183,16.8,8.6,16.177s-1.035-1.1-1.369-1.42-.843-.786-1.542-1.432l-.744-.688-.679-.643c-.294-.278-.52-.5-.668-.676s-.334-.383-.571-.654a5.776,5.776,0,0,1-.539-.7,7.343,7.343,0,0,1-.819-1.477l-.248-.8a6.137,6.137,0,0,1-.237-1.849A4.486,4.486,0,0,1,2.48,2.6,4.19,4.19,0,0,1,5.606,1.251a4.146,4.146,0,0,1,2.361.721A4.5,4.5,0,0,1,9.606,3.9a.54.54,0,0,0,.528.349.562.562,0,0,0,.55-.349,4.51,4.51,0,0,1,1.606-1.928,4.277,4.277,0,0,1,5.487.62,4.494,4.494,0,0,1,1.294,3.247A7.051,7.051,0,0,1,18.974,6.989Z"
transform="translate(0 0)" stroke="#000" stroke-width="0.2"></path>
</g>
</svg> </wishlist-button> </div>
</div>
</div>
<div class="grid-product__meta"> <!-- ngIf: result.badgeBottom -->
<a ng-href="https://runwayscout.com/products/alexi-knit-skirt-beige" intellisuggest="" class="grid-product__link" href="https://runwayscout.com/products/alexi-knit-skirt-beige"> <h3 class="grid-product__title grid-product__title--body ng-binding">Alexi Knit Skirt (Beige)</h3> </a>
<!-- ngIf: slideout.triggered -->
<div class="grid-product__price"> <!-- ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --><span ng-if="result.msrp && (result.msrp * 1) > (result.price * 1)" class="visually-hidden ng-scope">Regular
price</span><!-- end ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --> <!-- ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --><span
ng-if="result.msrp && (result.msrp * 1) > (result.price * 1)" class="grid-product__price--original grid-product__price--red ng-scope"> <span ng-bind-html="graphQL.markets.format(result.msrp) | trusted"
class="ng-binding">$65.00</span> </span><!-- end ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --> <!-- ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --><span
ng-if="result.msrp && (result.msrp * 1) > (result.price * 1)" class="visually-hidden ng-scope">Sale price</span><!-- end ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --> <span
ng-bind-html="graphQL.markets.format(result.price) | trusted" class="ng-binding">$46.00</span> </div>
<div class="grid-product__sizes">
<!-- ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope out-of-stock" ng-href="#" data-variant-id="51654383272301" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> 6 </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="51654383305069" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> 8 </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope out-of-stock" ng-href="#" data-variant-id="51654383337837" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> 10 </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="51654383370605" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> 12 </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="51654383403373" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> 14 </a><!-- end ngRepeat: size in result.ss_sizes track by $index -->
</div>
</div>
</div><!-- end ngIf: !result.isInlineBanner -->
</div><!-- end ngRepeat: result in results | limitTo:profile.itemLimit track by result.uid -->
<div ng-repeat="result in results | limitTo:profile.itemLimit track by result.uid"
class="ss-recommendations-item grid__item grid-product grid-product-custom small--one-half medium-up--one-quarter aos-init aos-animate ng-scope ss-targeted tns-item" id="tns1-item9" aria-hidden="true" tabindex="-1">
<!-- Content for item goes here --> <!-- ngIf: result.isInlineBanner --> <!-- ngIf: !result.isInlineBanner -->
<div ng-if="!result.isInlineBanner" class="grid-product__content ng-scope"> <!-- ngIf: result.badge -->
<div ng-if="result.badge" class="grid-product__tag grid-product__tag--custom ng-binding ng-scope">EXCLUSIVE</div><!-- end ngIf: result.badge --> <!-- ngIf: result.badgesRight -->
<div ng-if="result.badgesRight" class="ss-badges-right grid-product__tag grid-product__tag--sold-out ng-binding ng-scope"
ng-style="{ 'color': result.badgesRight.hasOwnProperty('colorForeground') ? result.badgesRight.colorForeground : '', 'background-color': result.badgesRight.hasOwnProperty('colorBackground') ? result.badgesRight.colorBackground : '' }"
style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0);">30% OFF</div><!-- end ngIf: result.badgesRight -->
<a ng-href="https://runwayscout.com/products/the-beverly-vest-cream" intellisuggest="" class="grid-product__link" href="https://runwayscout.com/products/the-beverly-vest-cream"></a>
<div class="grid-product__image-mask">
<!-- ngIf: !result.mfield_steadlane_plp_video --><a ng-if="!result.mfield_steadlane_plp_video" ng-href="https://runwayscout.com/products/the-beverly-vest-cream" intellisuggest="" class="grid-product__link ng-scope" href="https://runwayscout.com/products/the-beverly-vest-cream"> <div class="image-wrap" style="height: 0; padding-bottom: 149.936630037%;"> <!-- ngIf: recommendations --><img ng-if="recommendations" class="grid-product__image lazyautosizes lazyload ng-scope" data-aspectratio="0.66650390625" data-sizes="auto" alt="The Beverly Knit Vest (Cream)" ng-src="https://cdn.shopify.com/s/files/1/0323/1681/files/Nauvoo-150_600x600.jpg?v=1730162451" onerror="this.src='//cdn.searchspring.net/ajax_search/img/default_image.png';" src="https://cdn.shopify.com/s/files/1/0323/1681/files/Nauvoo-150_600x600.jpg?v=1730162451" style=""><!-- end ngIf: recommendations --> <!-- ngIf: !recommendations --> </div> <!-- ngIf: result.ss_image_hover --><div ng-if="result.ss_image_hover" class="grid-product__secondary-image small--hide ng-scope"> <!-- ngIf: recommendations --><img ng-if="recommendations" class="lazyautosizes lazyload ng-scope" data-aspectratio="0.66650390625" data-sizes="auto" alt="The Beverly Knit Vest (Cream)" ng-src="https://cdn.shopify.com/s/files/1/0323/1681/files/Nauvoo-174_600x600.jpg?v=1730091744" onerror="this.src='//cdn.searchspring.net/ajax_search/img/default_image.png';" src="https://cdn.shopify.com/s/files/1/0323/1681/files/Nauvoo-174_600x600.jpg?v=1730091744" style=""><!-- end ngIf: recommendations --> <!-- ngIf: !recommendations --> </div><!-- end ngIf: result.ss_image_hover --> </a><!-- end ngIf: !result.mfield_steadlane_plp_video -->
<!-- ngIf: !recommendations && result.mfield_steadlane_plp_video -->
<div class="grid-product__hover-content"> <a ng-href="https://runwayscout.com/products/the-beverly-vest-cream" intellisuggest="" class="grid-product__link" href="https://runwayscout.com/products/the-beverly-vest-cream"></a>
<div class="grid-product__sizes"> <a ng-href="https://runwayscout.com/products/the-beverly-vest-cream" intellisuggest="" class="grid-product__link" href="https://runwayscout.com/products/the-beverly-vest-cream"></a>
<!-- ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope out-of-stock" ng-href="#" data-variant-id="51645944562029" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> 6 </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope out-of-stock" ng-href="#" data-variant-id="51645944594797" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> 8 </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="51645944627565" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> 10 </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="51645944660333" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> 12 </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="51645944693101" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> 14 </a><!-- end ngRepeat: size in result.ss_sizes track by $index -->
</div>
<div class="grid-product__wishlist"> <wishlist-button class="swym-grid-item-btn" data-product-handle="the-beverly-vest-cream"> <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 20.468 19.916">
<g id="wichlist-icon" transform="translate(0.1 0.1)">
<path id="heart301"
d="M18.629,1.7A5.585,5.585,0,0,0,14.662,0a5.338,5.338,0,0,0-2.544.643A5.535,5.535,0,0,0,10.134,2.4,5.535,5.535,0,0,0,8.15.643,5.339,5.339,0,0,0,5.606,0,5.585,5.585,0,0,0,1.639,1.7,6.022,6.022,0,0,0,0,5.839,9.407,9.407,0,0,0,.5,8.793a6.235,6.235,0,0,0,.615,1.263c.276.442.528.812.744,1.1a10.257,10.257,0,0,0,.938,1.082c.415.423.755.755,1,.992s.625.587,1.121,1.037c.571.519.978.9,1.24,1.15s.625.609,1.11,1.094a17.763,17.763,0,0,1,2.383,2.92.559.559,0,0,0,.485.282.573.573,0,0,0,.507-.282,18.435,18.435,0,0,1,1.531-2.074q.894-1.045,1.488-1.623c.4-.392.979-.938,1.725-1.634.461-.431.83-.755,1.078-.992s.571-.564.97-.981a13.01,13.01,0,0,0,.938-1.071c.229-.3.471-.667.744-1.1a7.067,7.067,0,0,0,1-2.593,7.657,7.657,0,0,0,.151-1.522A6.021,6.021,0,0,0,18.629,1.7Zm.345,5.287A7.582,7.582,0,0,1,17.1,10.675c-.455.527-1.291,1.367-2.512,2.5-.633.589-1.143,1.071-1.542,1.454s-.865.876-1.434,1.511S10.134,18,10.134,18,9.183,16.8,8.6,16.177s-1.035-1.1-1.369-1.42-.843-.786-1.542-1.432l-.744-.688-.679-.643c-.294-.278-.52-.5-.668-.676s-.334-.383-.571-.654a5.776,5.776,0,0,1-.539-.7,7.343,7.343,0,0,1-.819-1.477l-.248-.8a6.137,6.137,0,0,1-.237-1.849A4.486,4.486,0,0,1,2.48,2.6,4.19,4.19,0,0,1,5.606,1.251a4.146,4.146,0,0,1,2.361.721A4.5,4.5,0,0,1,9.606,3.9a.54.54,0,0,0,.528.349.562.562,0,0,0,.55-.349,4.51,4.51,0,0,1,1.606-1.928,4.277,4.277,0,0,1,5.487.62,4.494,4.494,0,0,1,1.294,3.247A7.051,7.051,0,0,1,18.974,6.989Z"
transform="translate(0 0)" stroke="#000" stroke-width="0.2"></path>
</g>
</svg> </wishlist-button> </div>
</div>
</div>
<div class="grid-product__meta"> <!-- ngIf: result.badgeBottom -->
<a ng-href="https://runwayscout.com/products/the-beverly-vest-cream" intellisuggest="" class="grid-product__link" href="https://runwayscout.com/products/the-beverly-vest-cream"> <h3 class="grid-product__title grid-product__title--body ng-binding">The Beverly Knit Vest (Cream)</h3> </a>
<!-- ngIf: slideout.triggered -->
<div class="grid-product__price"> <!-- ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --><span ng-if="result.msrp && (result.msrp * 1) > (result.price * 1)" class="visually-hidden ng-scope">Regular
price</span><!-- end ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --> <!-- ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --><span
ng-if="result.msrp && (result.msrp * 1) > (result.price * 1)" class="grid-product__price--original grid-product__price--red ng-scope"> <span ng-bind-html="graphQL.markets.format(result.msrp) | trusted"
class="ng-binding">$79.00</span> </span><!-- end ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --> <!-- ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --><span
ng-if="result.msrp && (result.msrp * 1) > (result.price * 1)" class="visually-hidden ng-scope">Sale price</span><!-- end ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --> <span
ng-bind-html="graphQL.markets.format(result.price) | trusted" class="ng-binding">$56.00</span> </div>
<div class="grid-product__sizes">
<!-- ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope out-of-stock" ng-href="#" data-variant-id="51645944562029" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> 6 </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope out-of-stock" ng-href="#" data-variant-id="51645944594797" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> 8 </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="51645944627565" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> 10 </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="51645944660333" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> 12 </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="51645944693101" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> 14 </a><!-- end ngRepeat: size in result.ss_sizes track by $index -->
</div>
</div>
</div><!-- end ngIf: !result.isInlineBanner -->
</div><!-- end ngRepeat: result in results | limitTo:profile.itemLimit track by result.uid -->
<div ng-repeat="result in results | limitTo:profile.itemLimit track by result.uid"
class="ss-recommendations-item grid__item grid-product grid-product-custom small--one-half medium-up--one-quarter aos-init aos-animate ng-scope ss-targeted tns-item" id="tns1-item10" aria-hidden="true" tabindex="-1">
<!-- Content for item goes here --> <!-- ngIf: result.isInlineBanner --> <!-- ngIf: !result.isInlineBanner -->
<div ng-if="!result.isInlineBanner" class="grid-product__content ng-scope"> <!-- ngIf: result.badge -->
<div ng-if="result.badge" class="grid-product__tag grid-product__tag--custom ng-binding ng-scope">NEW ARRIVAL</div><!-- end ngIf: result.badge --> <!-- ngIf: result.badgesRight -->
<div ng-if="result.badgesRight" class="ss-badges-right grid-product__tag grid-product__tag--sold-out ng-binding ng-scope"
ng-style="{ 'color': result.badgesRight.hasOwnProperty('colorForeground') ? result.badgesRight.colorForeground : '', 'background-color': result.badgesRight.hasOwnProperty('colorBackground') ? result.badgesRight.colorBackground : '' }"
style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0);">30% OFF</div><!-- end ngIf: result.badgesRight -->
<a ng-href="https://runwayscout.com/products/devin-maxi-dress-pink" intellisuggest="" class="grid-product__link" href="https://runwayscout.com/products/devin-maxi-dress-pink"></a>
<div class="grid-product__image-mask">
<!-- ngIf: !result.mfield_steadlane_plp_video --><a ng-if="!result.mfield_steadlane_plp_video" ng-href="https://runwayscout.com/products/devin-maxi-dress-pink" intellisuggest="" class="grid-product__link ng-scope" href="https://runwayscout.com/products/devin-maxi-dress-pink"> <div class="image-wrap" style="height: 0; padding-bottom: 149.936630037%;"> <!-- ngIf: recommendations --><img ng-if="recommendations" class="grid-product__image lazyautosizes lazyload ng-scope" data-aspectratio="0.66650390625" data-sizes="auto" alt="Devin Maxi Dress (Pink)" ng-src="https://cdn.shopify.com/s/files/1/0323/1681/files/24_09_24_Spiral_Jess_24_09_10_240918_Jess0277_600x600.jpg?v=1727150055" onerror="this.src='//cdn.searchspring.net/ajax_search/img/default_image.png';" src="https://cdn.shopify.com/s/files/1/0323/1681/files/24_09_24_Spiral_Jess_24_09_10_240918_Jess0277_600x600.jpg?v=1727150055" style=""><!-- end ngIf: recommendations --> <!-- ngIf: !recommendations --> </div> <!-- ngIf: result.ss_image_hover --><div ng-if="result.ss_image_hover" class="grid-product__secondary-image small--hide ng-scope"> <!-- ngIf: recommendations --><img ng-if="recommendations" class="lazyautosizes lazyload ng-scope" data-aspectratio="0.66650390625" data-sizes="auto" alt="Devin Maxi Dress (Pink)" ng-src="https://cdn.shopify.com/s/files/1/0323/1681/files/24_09_24_Spiral_Jess_24_09_10_240918_Jess0272_600x600.jpg?v=1727150055" onerror="this.src='//cdn.searchspring.net/ajax_search/img/default_image.png';" src="https://cdn.shopify.com/s/files/1/0323/1681/files/24_09_24_Spiral_Jess_24_09_10_240918_Jess0272_600x600.jpg?v=1727150055" style=""><!-- end ngIf: recommendations --> <!-- ngIf: !recommendations --> </div><!-- end ngIf: result.ss_image_hover --> </a><!-- end ngIf: !result.mfield_steadlane_plp_video -->
<!-- ngIf: !recommendations && result.mfield_steadlane_plp_video -->
<div class="grid-product__hover-content"> <a ng-href="https://runwayscout.com/products/devin-maxi-dress-pink" intellisuggest="" class="grid-product__link" href="https://runwayscout.com/products/devin-maxi-dress-pink"></a>
<div class="grid-product__sizes"> <a ng-href="https://runwayscout.com/products/devin-maxi-dress-pink" intellisuggest="" class="grid-product__link" href="https://runwayscout.com/products/devin-maxi-dress-pink"></a>
<!-- ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="51020826116461" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> 6 </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="51020826149229" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> 8 </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="51020826181997" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> 10 </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="51020826214765" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> 12 </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope out-of-stock" ng-href="#" data-variant-id="51020826247533" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> 14 </a><!-- end ngRepeat: size in result.ss_sizes track by $index -->
</div>
<div class="grid-product__wishlist"> <wishlist-button class="swym-grid-item-btn" data-product-handle="devin-maxi-dress-pink"> <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 20.468 19.916">
<g id="wichlist-icon" transform="translate(0.1 0.1)">
<path id="heart301"
d="M18.629,1.7A5.585,5.585,0,0,0,14.662,0a5.338,5.338,0,0,0-2.544.643A5.535,5.535,0,0,0,10.134,2.4,5.535,5.535,0,0,0,8.15.643,5.339,5.339,0,0,0,5.606,0,5.585,5.585,0,0,0,1.639,1.7,6.022,6.022,0,0,0,0,5.839,9.407,9.407,0,0,0,.5,8.793a6.235,6.235,0,0,0,.615,1.263c.276.442.528.812.744,1.1a10.257,10.257,0,0,0,.938,1.082c.415.423.755.755,1,.992s.625.587,1.121,1.037c.571.519.978.9,1.24,1.15s.625.609,1.11,1.094a17.763,17.763,0,0,1,2.383,2.92.559.559,0,0,0,.485.282.573.573,0,0,0,.507-.282,18.435,18.435,0,0,1,1.531-2.074q.894-1.045,1.488-1.623c.4-.392.979-.938,1.725-1.634.461-.431.83-.755,1.078-.992s.571-.564.97-.981a13.01,13.01,0,0,0,.938-1.071c.229-.3.471-.667.744-1.1a7.067,7.067,0,0,0,1-2.593,7.657,7.657,0,0,0,.151-1.522A6.021,6.021,0,0,0,18.629,1.7Zm.345,5.287A7.582,7.582,0,0,1,17.1,10.675c-.455.527-1.291,1.367-2.512,2.5-.633.589-1.143,1.071-1.542,1.454s-.865.876-1.434,1.511S10.134,18,10.134,18,9.183,16.8,8.6,16.177s-1.035-1.1-1.369-1.42-.843-.786-1.542-1.432l-.744-.688-.679-.643c-.294-.278-.52-.5-.668-.676s-.334-.383-.571-.654a5.776,5.776,0,0,1-.539-.7,7.343,7.343,0,0,1-.819-1.477l-.248-.8a6.137,6.137,0,0,1-.237-1.849A4.486,4.486,0,0,1,2.48,2.6,4.19,4.19,0,0,1,5.606,1.251a4.146,4.146,0,0,1,2.361.721A4.5,4.5,0,0,1,9.606,3.9a.54.54,0,0,0,.528.349.562.562,0,0,0,.55-.349,4.51,4.51,0,0,1,1.606-1.928,4.277,4.277,0,0,1,5.487.62,4.494,4.494,0,0,1,1.294,3.247A7.051,7.051,0,0,1,18.974,6.989Z"
transform="translate(0 0)" stroke="#000" stroke-width="0.2"></path>
</g>
</svg> </wishlist-button> </div>
</div>
</div>
<div class="grid-product__meta"> <!-- ngIf: result.badgeBottom -->
<a ng-href="https://runwayscout.com/products/devin-maxi-dress-pink" intellisuggest="" class="grid-product__link" href="https://runwayscout.com/products/devin-maxi-dress-pink"> <h3 class="grid-product__title grid-product__title--body ng-binding">Devin Maxi Dress (Pink)</h3> </a>
<!-- ngIf: slideout.triggered -->
<div class="grid-product__price"> <!-- ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --><span ng-if="result.msrp && (result.msrp * 1) > (result.price * 1)" class="visually-hidden ng-scope">Regular
price</span><!-- end ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --> <!-- ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --><span
ng-if="result.msrp && (result.msrp * 1) > (result.price * 1)" class="grid-product__price--original grid-product__price--red ng-scope"> <span ng-bind-html="graphQL.markets.format(result.msrp) | trusted"
class="ng-binding">$130.00</span> </span><!-- end ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --> <!-- ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --><span
ng-if="result.msrp && (result.msrp * 1) > (result.price * 1)" class="visually-hidden ng-scope">Sale price</span><!-- end ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --> <span
ng-bind-html="graphQL.markets.format(result.price) | trusted" class="ng-binding">$91.00</span> </div>
<div class="grid-product__sizes">
<!-- ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="51020826116461" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> 6 </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="51020826149229" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> 8 </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="51020826181997" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> 10 </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="51020826214765" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> 12 </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope out-of-stock" ng-href="#" data-variant-id="51020826247533" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> 14 </a><!-- end ngRepeat: size in result.ss_sizes track by $index -->
</div>
</div>
</div><!-- end ngIf: !result.isInlineBanner -->
</div><!-- end ngRepeat: result in results | limitTo:profile.itemLimit track by result.uid -->
<div ng-repeat="result in results | limitTo:profile.itemLimit track by result.uid"
class="ss-recommendations-item grid__item grid-product grid-product-custom small--one-half medium-up--one-quarter aos-init aos-animate ng-scope ss-targeted tns-item" id="tns1-item11" aria-hidden="true" tabindex="-1">
<!-- Content for item goes here --> <!-- ngIf: result.isInlineBanner --> <!-- ngIf: !result.isInlineBanner -->
<div ng-if="!result.isInlineBanner" class="grid-product__content ng-scope"> <!-- ngIf: result.badge -->
<div ng-if="result.badge" class="grid-product__tag grid-product__tag--custom ng-binding ng-scope">NEW ARRIVAL</div><!-- end ngIf: result.badge --> <!-- ngIf: result.badgesRight -->
<div ng-if="result.badgesRight" class="ss-badges-right grid-product__tag grid-product__tag--sold-out ng-binding ng-scope"
ng-style="{ 'color': result.badgesRight.hasOwnProperty('colorForeground') ? result.badgesRight.colorForeground : '', 'background-color': result.badgesRight.hasOwnProperty('colorBackground') ? result.badgesRight.colorBackground : '' }"
style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0);">30% OFF</div><!-- end ngIf: result.badgesRight -->
<a ng-href="https://runwayscout.com/products/isobel-mini-dress-red" intellisuggest="" class="grid-product__link" href="https://runwayscout.com/products/isobel-mini-dress-red"></a>
<div class="grid-product__image-mask">
<!-- ngIf: !result.mfield_steadlane_plp_video --><a ng-if="!result.mfield_steadlane_plp_video" ng-href="https://runwayscout.com/products/isobel-mini-dress-red" intellisuggest="" class="grid-product__link ng-scope" href="https://runwayscout.com/products/isobel-mini-dress-red"> <div class="image-wrap" style="height: 0; padding-bottom: 149.936630037%;"> <!-- ngIf: recommendations --><img ng-if="recommendations" class="grid-product__image lazyautosizes lazyload ng-scope" data-aspectratio="0.66650390625" data-sizes="auto" alt="Isobel Mini Dress (Red)" ng-src="https://cdn.shopify.com/s/files/1/0323/1681/files/24_09_24_Spiral_Jess_24_10_03_Imi_Spiral_240925imi0858_600x600.jpg?v=1727919020" onerror="this.src='//cdn.searchspring.net/ajax_search/img/default_image.png';" src="https://cdn.shopify.com/s/files/1/0323/1681/files/24_09_24_Spiral_Jess_24_10_03_Imi_Spiral_240925imi0858_600x600.jpg?v=1727919020" style=""><!-- end ngIf: recommendations --> <!-- ngIf: !recommendations --> </div> <!-- ngIf: result.ss_image_hover --><div ng-if="result.ss_image_hover" class="grid-product__secondary-image small--hide ng-scope"> <!-- ngIf: recommendations --><img ng-if="recommendations" class="lazyautosizes lazyload ng-scope" data-aspectratio="0.66650390625" data-sizes="auto" alt="Isobel Mini Dress (Red)" ng-src="https://cdn.shopify.com/s/files/1/0323/1681/files/Digi_Image_-_Isobel_Mini_Dress_Red_600x600.jpg?v=1728562407" onerror="this.src='//cdn.searchspring.net/ajax_search/img/default_image.png';" src="https://cdn.shopify.com/s/files/1/0323/1681/files/Digi_Image_-_Isobel_Mini_Dress_Red_600x600.jpg?v=1728562407" style=""><!-- end ngIf: recommendations --> <!-- ngIf: !recommendations --> </div><!-- end ngIf: result.ss_image_hover --> </a><!-- end ngIf: !result.mfield_steadlane_plp_video -->
<!-- ngIf: !recommendations && result.mfield_steadlane_plp_video -->
<div class="grid-product__hover-content"> <a ng-href="https://runwayscout.com/products/isobel-mini-dress-red" intellisuggest="" class="grid-product__link" href="https://runwayscout.com/products/isobel-mini-dress-red"></a>
<div class="grid-product__sizes"> <a ng-href="https://runwayscout.com/products/isobel-mini-dress-red" intellisuggest="" class="grid-product__link" href="https://runwayscout.com/products/isobel-mini-dress-red"></a>
<!-- ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="51633501700461" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> 6 </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="51633501733229" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> 8 </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="51633501765997" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> 10 </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope out-of-stock" ng-href="#" data-variant-id="51633501798765" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> 12 </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope out-of-stock" ng-href="#" data-variant-id="51633501831533" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> 14 </a><!-- end ngRepeat: size in result.ss_sizes track by $index -->
</div>
<div class="grid-product__wishlist"> <wishlist-button class="swym-grid-item-btn" data-product-handle="isobel-mini-dress-red"> <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 20.468 19.916">
<g id="wichlist-icon" transform="translate(0.1 0.1)">
<path id="heart301"
d="M18.629,1.7A5.585,5.585,0,0,0,14.662,0a5.338,5.338,0,0,0-2.544.643A5.535,5.535,0,0,0,10.134,2.4,5.535,5.535,0,0,0,8.15.643,5.339,5.339,0,0,0,5.606,0,5.585,5.585,0,0,0,1.639,1.7,6.022,6.022,0,0,0,0,5.839,9.407,9.407,0,0,0,.5,8.793a6.235,6.235,0,0,0,.615,1.263c.276.442.528.812.744,1.1a10.257,10.257,0,0,0,.938,1.082c.415.423.755.755,1,.992s.625.587,1.121,1.037c.571.519.978.9,1.24,1.15s.625.609,1.11,1.094a17.763,17.763,0,0,1,2.383,2.92.559.559,0,0,0,.485.282.573.573,0,0,0,.507-.282,18.435,18.435,0,0,1,1.531-2.074q.894-1.045,1.488-1.623c.4-.392.979-.938,1.725-1.634.461-.431.83-.755,1.078-.992s.571-.564.97-.981a13.01,13.01,0,0,0,.938-1.071c.229-.3.471-.667.744-1.1a7.067,7.067,0,0,0,1-2.593,7.657,7.657,0,0,0,.151-1.522A6.021,6.021,0,0,0,18.629,1.7Zm.345,5.287A7.582,7.582,0,0,1,17.1,10.675c-.455.527-1.291,1.367-2.512,2.5-.633.589-1.143,1.071-1.542,1.454s-.865.876-1.434,1.511S10.134,18,10.134,18,9.183,16.8,8.6,16.177s-1.035-1.1-1.369-1.42-.843-.786-1.542-1.432l-.744-.688-.679-.643c-.294-.278-.52-.5-.668-.676s-.334-.383-.571-.654a5.776,5.776,0,0,1-.539-.7,7.343,7.343,0,0,1-.819-1.477l-.248-.8a6.137,6.137,0,0,1-.237-1.849A4.486,4.486,0,0,1,2.48,2.6,4.19,4.19,0,0,1,5.606,1.251a4.146,4.146,0,0,1,2.361.721A4.5,4.5,0,0,1,9.606,3.9a.54.54,0,0,0,.528.349.562.562,0,0,0,.55-.349,4.51,4.51,0,0,1,1.606-1.928,4.277,4.277,0,0,1,5.487.62,4.494,4.494,0,0,1,1.294,3.247A7.051,7.051,0,0,1,18.974,6.989Z"
transform="translate(0 0)" stroke="#000" stroke-width="0.2"></path>
</g>
</svg> </wishlist-button> </div>
</div>
</div>
<div class="grid-product__meta"> <!-- ngIf: result.badgeBottom -->
<a ng-href="https://runwayscout.com/products/isobel-mini-dress-red" intellisuggest="" class="grid-product__link" href="https://runwayscout.com/products/isobel-mini-dress-red"> <h3 class="grid-product__title grid-product__title--body ng-binding">Isobel Mini Dress (Red)</h3> </a>
<!-- ngIf: slideout.triggered -->
<div class="grid-product__price"> <!-- ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --><span ng-if="result.msrp && (result.msrp * 1) > (result.price * 1)" class="visually-hidden ng-scope">Regular
price</span><!-- end ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --> <!-- ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --><span
ng-if="result.msrp && (result.msrp * 1) > (result.price * 1)" class="grid-product__price--original grid-product__price--red ng-scope"> <span ng-bind-html="graphQL.markets.format(result.msrp) | trusted"
class="ng-binding">$75.00</span> </span><!-- end ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --> <!-- ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --><span
ng-if="result.msrp && (result.msrp * 1) > (result.price * 1)" class="visually-hidden ng-scope">Sale price</span><!-- end ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --> <span
ng-bind-html="graphQL.markets.format(result.price) | trusted" class="ng-binding">$52.00</span> </div>
<div class="grid-product__sizes">
<!-- ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="51633501700461" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> 6 </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="51633501733229" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> 8 </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="51633501765997" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> 10 </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope out-of-stock" ng-href="#" data-variant-id="51633501798765" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> 12 </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope out-of-stock" ng-href="#" data-variant-id="51633501831533" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> 14 </a><!-- end ngRepeat: size in result.ss_sizes track by $index -->
</div>
</div>
</div><!-- end ngIf: !result.isInlineBanner -->
</div><!-- end ngRepeat: result in results | limitTo:profile.itemLimit track by result.uid -->
<div ng-repeat="result in results | limitTo:profile.itemLimit track by result.uid"
class="ss-recommendations-item grid__item grid-product grid-product-custom small--one-half medium-up--one-quarter aos-init aos-animate ng-scope ss-targeted tns-item" id="tns1-item12" aria-hidden="true" tabindex="-1">
<!-- Content for item goes here --> <!-- ngIf: result.isInlineBanner --> <!-- ngIf: !result.isInlineBanner -->
<div ng-if="!result.isInlineBanner" class="grid-product__content ng-scope"> <!-- ngIf: result.badge -->
<div ng-if="result.badge" class="grid-product__tag grid-product__tag--custom ng-binding ng-scope">NEW ARRIVAL</div><!-- end ngIf: result.badge --> <!-- ngIf: result.badgesRight -->
<div ng-if="result.badgesRight" class="ss-badges-right grid-product__tag grid-product__tag--sold-out ng-binding ng-scope"
ng-style="{ 'color': result.badgesRight.hasOwnProperty('colorForeground') ? result.badgesRight.colorForeground : '', 'background-color': result.badgesRight.hasOwnProperty('colorBackground') ? result.badgesRight.colorBackground : '' }"
style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0);">30% OFF</div><!-- end ngIf: result.badgesRight -->
<a ng-href="https://runwayscout.com/products/rhiannon-set-white" intellisuggest="" class="grid-product__link" href="https://runwayscout.com/products/rhiannon-set-white"></a>
<div class="grid-product__image-mask">
<!-- ngIf: !result.mfield_steadlane_plp_video --><a ng-if="!result.mfield_steadlane_plp_video" ng-href="https://runwayscout.com/products/rhiannon-set-white" intellisuggest="" class="grid-product__link ng-scope" href="https://runwayscout.com/products/rhiannon-set-white"> <div class="image-wrap" style="height: 0; padding-bottom: 149.936630037%;"> <!-- ngIf: recommendations --><img ng-if="recommendations" class="grid-product__image lazyautosizes lazyload ng-scope" data-aspectratio="0.66650390625" data-sizes="auto" alt="Rhiannon Set (White)" ng-src="https://cdn.shopify.com/s/files/1/0323/1681/files/24_09_24_Spiral_Jess_24_09_10_240918_Jess0372_600x600.jpg?v=1727157538" onerror="this.src='//cdn.searchspring.net/ajax_search/img/default_image.png';" src="https://cdn.shopify.com/s/files/1/0323/1681/files/24_09_24_Spiral_Jess_24_09_10_240918_Jess0372_600x600.jpg?v=1727157538" style=""><!-- end ngIf: recommendations --> <!-- ngIf: !recommendations --> </div> <!-- ngIf: result.ss_image_hover --><div ng-if="result.ss_image_hover" class="grid-product__secondary-image small--hide ng-scope"> <!-- ngIf: recommendations --><img ng-if="recommendations" class="lazyautosizes lazyload ng-scope" data-aspectratio="0.66650390625" data-sizes="auto" alt="Rhiannon Set (White)" ng-src="https://cdn.shopify.com/s/files/1/0323/1681/files/24_09_24_Spiral_Jess_24_09_10_240918_Jess0398_600x600.jpg?v=1727151564" onerror="this.src='//cdn.searchspring.net/ajax_search/img/default_image.png';" src="https://cdn.shopify.com/s/files/1/0323/1681/files/24_09_24_Spiral_Jess_24_09_10_240918_Jess0398_600x600.jpg?v=1727151564" style=""><!-- end ngIf: recommendations --> <!-- ngIf: !recommendations --> </div><!-- end ngIf: result.ss_image_hover --> </a><!-- end ngIf: !result.mfield_steadlane_plp_video -->
<!-- ngIf: !recommendations && result.mfield_steadlane_plp_video -->
<div class="grid-product__hover-content"> <a ng-href="https://runwayscout.com/products/rhiannon-set-white" intellisuggest="" class="grid-product__link" href="https://runwayscout.com/products/rhiannon-set-white"></a>
<div class="grid-product__sizes"> <a ng-href="https://runwayscout.com/products/rhiannon-set-white" intellisuggest="" class="grid-product__link" href="https://runwayscout.com/products/rhiannon-set-white"></a>
<!-- ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="51020905644397" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> 6 </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="51020905677165" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> 8 </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="51020905709933" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> 10 </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="51020905742701" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> 12 </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="51020905775469" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> 14 </a><!-- end ngRepeat: size in result.ss_sizes track by $index -->
</div>
<div class="grid-product__wishlist"> <wishlist-button class="swym-grid-item-btn" data-product-handle="rhiannon-set-white"> <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 20.468 19.916">
<g id="wichlist-icon" transform="translate(0.1 0.1)">
<path id="heart301"
d="M18.629,1.7A5.585,5.585,0,0,0,14.662,0a5.338,5.338,0,0,0-2.544.643A5.535,5.535,0,0,0,10.134,2.4,5.535,5.535,0,0,0,8.15.643,5.339,5.339,0,0,0,5.606,0,5.585,5.585,0,0,0,1.639,1.7,6.022,6.022,0,0,0,0,5.839,9.407,9.407,0,0,0,.5,8.793a6.235,6.235,0,0,0,.615,1.263c.276.442.528.812.744,1.1a10.257,10.257,0,0,0,.938,1.082c.415.423.755.755,1,.992s.625.587,1.121,1.037c.571.519.978.9,1.24,1.15s.625.609,1.11,1.094a17.763,17.763,0,0,1,2.383,2.92.559.559,0,0,0,.485.282.573.573,0,0,0,.507-.282,18.435,18.435,0,0,1,1.531-2.074q.894-1.045,1.488-1.623c.4-.392.979-.938,1.725-1.634.461-.431.83-.755,1.078-.992s.571-.564.97-.981a13.01,13.01,0,0,0,.938-1.071c.229-.3.471-.667.744-1.1a7.067,7.067,0,0,0,1-2.593,7.657,7.657,0,0,0,.151-1.522A6.021,6.021,0,0,0,18.629,1.7Zm.345,5.287A7.582,7.582,0,0,1,17.1,10.675c-.455.527-1.291,1.367-2.512,2.5-.633.589-1.143,1.071-1.542,1.454s-.865.876-1.434,1.511S10.134,18,10.134,18,9.183,16.8,8.6,16.177s-1.035-1.1-1.369-1.42-.843-.786-1.542-1.432l-.744-.688-.679-.643c-.294-.278-.52-.5-.668-.676s-.334-.383-.571-.654a5.776,5.776,0,0,1-.539-.7,7.343,7.343,0,0,1-.819-1.477l-.248-.8a6.137,6.137,0,0,1-.237-1.849A4.486,4.486,0,0,1,2.48,2.6,4.19,4.19,0,0,1,5.606,1.251a4.146,4.146,0,0,1,2.361.721A4.5,4.5,0,0,1,9.606,3.9a.54.54,0,0,0,.528.349.562.562,0,0,0,.55-.349,4.51,4.51,0,0,1,1.606-1.928,4.277,4.277,0,0,1,5.487.62,4.494,4.494,0,0,1,1.294,3.247A7.051,7.051,0,0,1,18.974,6.989Z"
transform="translate(0 0)" stroke="#000" stroke-width="0.2"></path>
</g>
</svg> </wishlist-button> </div>
</div>
</div>
<div class="grid-product__meta"> <!-- ngIf: result.badgeBottom -->
<a ng-href="https://runwayscout.com/products/rhiannon-set-white" intellisuggest="" class="grid-product__link" href="https://runwayscout.com/products/rhiannon-set-white"> <h3 class="grid-product__title grid-product__title--body ng-binding">Rhiannon Set (White)</h3> </a>
<!-- ngIf: slideout.triggered -->
<div class="grid-product__price"> <!-- ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --><span ng-if="result.msrp && (result.msrp * 1) > (result.price * 1)" class="visually-hidden ng-scope">Regular
price</span><!-- end ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --> <!-- ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --><span
ng-if="result.msrp && (result.msrp * 1) > (result.price * 1)" class="grid-product__price--original grid-product__price--red ng-scope"> <span ng-bind-html="graphQL.markets.format(result.msrp) | trusted"
class="ng-binding">$102.00</span> </span><!-- end ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --> <!-- ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --><span
ng-if="result.msrp && (result.msrp * 1) > (result.price * 1)" class="visually-hidden ng-scope">Sale price</span><!-- end ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --> <span
ng-bind-html="graphQL.markets.format(result.price) | trusted" class="ng-binding">$72.00</span> </div>
<div class="grid-product__sizes">
<!-- ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="51020905644397" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> 6 </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="51020905677165" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> 8 </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="51020905709933" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> 10 </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="51020905742701" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> 12 </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="51020905775469" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> 14 </a><!-- end ngRepeat: size in result.ss_sizes track by $index -->
</div>
</div>
</div><!-- end ngIf: !result.isInlineBanner -->
</div><!-- end ngRepeat: result in results | limitTo:profile.itemLimit track by result.uid -->
<div ng-repeat="result in results | limitTo:profile.itemLimit track by result.uid"
class="ss-recommendations-item grid__item grid-product grid-product-custom small--one-half medium-up--one-quarter aos-init aos-animate ng-scope ss-targeted tns-item" id="tns1-item13" aria-hidden="true" tabindex="-1">
<!-- Content for item goes here --> <!-- ngIf: result.isInlineBanner --> <!-- ngIf: !result.isInlineBanner -->
<div ng-if="!result.isInlineBanner" class="grid-product__content ng-scope"> <!-- ngIf: result.badge -->
<div ng-if="result.badge" class="grid-product__tag grid-product__tag--custom ng-binding ng-scope">NEW ARRIVAL</div><!-- end ngIf: result.badge --> <!-- ngIf: result.badgesRight -->
<div ng-if="result.badgesRight" class="ss-badges-right grid-product__tag grid-product__tag--sold-out ng-binding ng-scope"
ng-style="{ 'color': result.badgesRight.hasOwnProperty('colorForeground') ? result.badgesRight.colorForeground : '', 'background-color': result.badgesRight.hasOwnProperty('colorBackground') ? result.badgesRight.colorBackground : '' }"
style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0);">30% OFF</div><!-- end ngIf: result.badgesRight -->
<a ng-href="https://runwayscout.com/products/georgie-set-black" intellisuggest="" class="grid-product__link" href="https://runwayscout.com/products/georgie-set-black"></a>
<div class="grid-product__image-mask">
<!-- ngIf: !result.mfield_steadlane_plp_video --><a ng-if="!result.mfield_steadlane_plp_video" ng-href="https://runwayscout.com/products/georgie-set-black" intellisuggest="" class="grid-product__link ng-scope" href="https://runwayscout.com/products/georgie-set-black"> <div class="image-wrap" style="height: 0; padding-bottom: 149.936630037%;"> <!-- ngIf: recommendations --><img ng-if="recommendations" class="grid-product__image lazyautosizes lazyload ng-scope" data-aspectratio="0.66650390625" data-sizes="auto" alt="Jules Denim Set (Black)" ng-src="https://cdn.shopify.com/s/files/1/0323/1681/files/241119_Beatriz_Spiral_021A3227_600x600.jpg?v=1732232822" onerror="this.src='//cdn.searchspring.net/ajax_search/img/default_image.png';" src="https://cdn.shopify.com/s/files/1/0323/1681/files/241119_Beatriz_Spiral_021A3227_600x600.jpg?v=1732232822" style=""><!-- end ngIf: recommendations --> <!-- ngIf: !recommendations --> </div> <!-- ngIf: result.ss_image_hover --><div ng-if="result.ss_image_hover" class="grid-product__secondary-image small--hide ng-scope"> <!-- ngIf: recommendations --><img ng-if="recommendations" class="lazyautosizes lazyload ng-scope" data-aspectratio="0.66650390625" data-sizes="auto" alt="Jules Denim Set (Black)" ng-src="https://cdn.shopify.com/s/files/1/0323/1681/files/241119_Beatriz_Spiral_021A3229_600x600.jpg?v=1732232822" onerror="this.src='//cdn.searchspring.net/ajax_search/img/default_image.png';" src="https://cdn.shopify.com/s/files/1/0323/1681/files/241119_Beatriz_Spiral_021A3229_600x600.jpg?v=1732232822" style=""><!-- end ngIf: recommendations --> <!-- ngIf: !recommendations --> </div><!-- end ngIf: result.ss_image_hover --> </a><!-- end ngIf: !result.mfield_steadlane_plp_video -->
<!-- ngIf: !recommendations && result.mfield_steadlane_plp_video -->
<div class="grid-product__hover-content"> <a ng-href="https://runwayscout.com/products/georgie-set-black" intellisuggest="" class="grid-product__link" href="https://runwayscout.com/products/georgie-set-black"></a>
<div class="grid-product__sizes"> <a ng-href="https://runwayscout.com/products/georgie-set-black" intellisuggest="" class="grid-product__link" href="https://runwayscout.com/products/georgie-set-black"></a>
<!-- ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope out-of-stock" ng-href="#" data-variant-id="51664176218477" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> XS </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="51664176251245" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> S </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope out-of-stock" ng-href="#" data-variant-id="51664176284013" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> M </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope out-of-stock" ng-href="#" data-variant-id="51664176316781" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> L </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="51664176349549" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> XL </a><!-- end ngRepeat: size in result.ss_sizes track by $index -->
</div>
<div class="grid-product__wishlist"> <wishlist-button class="swym-grid-item-btn" data-product-handle="georgie-set-black"> <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 20.468 19.916">
<g id="wichlist-icon" transform="translate(0.1 0.1)">
<path id="heart301"
d="M18.629,1.7A5.585,5.585,0,0,0,14.662,0a5.338,5.338,0,0,0-2.544.643A5.535,5.535,0,0,0,10.134,2.4,5.535,5.535,0,0,0,8.15.643,5.339,5.339,0,0,0,5.606,0,5.585,5.585,0,0,0,1.639,1.7,6.022,6.022,0,0,0,0,5.839,9.407,9.407,0,0,0,.5,8.793a6.235,6.235,0,0,0,.615,1.263c.276.442.528.812.744,1.1a10.257,10.257,0,0,0,.938,1.082c.415.423.755.755,1,.992s.625.587,1.121,1.037c.571.519.978.9,1.24,1.15s.625.609,1.11,1.094a17.763,17.763,0,0,1,2.383,2.92.559.559,0,0,0,.485.282.573.573,0,0,0,.507-.282,18.435,18.435,0,0,1,1.531-2.074q.894-1.045,1.488-1.623c.4-.392.979-.938,1.725-1.634.461-.431.83-.755,1.078-.992s.571-.564.97-.981a13.01,13.01,0,0,0,.938-1.071c.229-.3.471-.667.744-1.1a7.067,7.067,0,0,0,1-2.593,7.657,7.657,0,0,0,.151-1.522A6.021,6.021,0,0,0,18.629,1.7Zm.345,5.287A7.582,7.582,0,0,1,17.1,10.675c-.455.527-1.291,1.367-2.512,2.5-.633.589-1.143,1.071-1.542,1.454s-.865.876-1.434,1.511S10.134,18,10.134,18,9.183,16.8,8.6,16.177s-1.035-1.1-1.369-1.42-.843-.786-1.542-1.432l-.744-.688-.679-.643c-.294-.278-.52-.5-.668-.676s-.334-.383-.571-.654a5.776,5.776,0,0,1-.539-.7,7.343,7.343,0,0,1-.819-1.477l-.248-.8a6.137,6.137,0,0,1-.237-1.849A4.486,4.486,0,0,1,2.48,2.6,4.19,4.19,0,0,1,5.606,1.251a4.146,4.146,0,0,1,2.361.721A4.5,4.5,0,0,1,9.606,3.9a.54.54,0,0,0,.528.349.562.562,0,0,0,.55-.349,4.51,4.51,0,0,1,1.606-1.928,4.277,4.277,0,0,1,5.487.62,4.494,4.494,0,0,1,1.294,3.247A7.051,7.051,0,0,1,18.974,6.989Z"
transform="translate(0 0)" stroke="#000" stroke-width="0.2"></path>
</g>
</svg> </wishlist-button> </div>
</div>
</div>
<div class="grid-product__meta"> <!-- ngIf: result.badgeBottom -->
<a ng-href="https://runwayscout.com/products/georgie-set-black" intellisuggest="" class="grid-product__link" href="https://runwayscout.com/products/georgie-set-black"> <h3 class="grid-product__title grid-product__title--body ng-binding">Jules Denim Set (Black)</h3> </a>
<!-- ngIf: slideout.triggered -->
<div class="grid-product__price"> <!-- ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --><span ng-if="result.msrp && (result.msrp * 1) > (result.price * 1)" class="visually-hidden ng-scope">Regular
price</span><!-- end ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --> <!-- ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --><span
ng-if="result.msrp && (result.msrp * 1) > (result.price * 1)" class="grid-product__price--original grid-product__price--red ng-scope"> <span ng-bind-html="graphQL.markets.format(result.msrp) | trusted"
class="ng-binding">$102.00</span> </span><!-- end ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --> <!-- ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --><span
ng-if="result.msrp && (result.msrp * 1) > (result.price * 1)" class="visually-hidden ng-scope">Sale price</span><!-- end ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --> <span
ng-bind-html="graphQL.markets.format(result.price) | trusted" class="ng-binding">$72.00</span> </div>
<div class="grid-product__sizes">
<!-- ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope out-of-stock" ng-href="#" data-variant-id="51664176218477" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> XS </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="51664176251245" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> S </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope out-of-stock" ng-href="#" data-variant-id="51664176284013" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> M </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope out-of-stock" ng-href="#" data-variant-id="51664176316781" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> L </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="51664176349549" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> XL </a><!-- end ngRepeat: size in result.ss_sizes track by $index -->
</div>
</div>
</div><!-- end ngIf: !result.isInlineBanner -->
</div><!-- end ngRepeat: result in results | limitTo:profile.itemLimit track by result.uid -->
<div ng-repeat="result in results | limitTo:profile.itemLimit track by result.uid"
class="ss-recommendations-item grid__item grid-product grid-product-custom small--one-half medium-up--one-quarter aos-init aos-animate ng-scope ss-targeted tns-item" id="tns1-item14" aria-hidden="true" tabindex="-1">
<!-- Content for item goes here --> <!-- ngIf: result.isInlineBanner --> <!-- ngIf: !result.isInlineBanner -->
<div ng-if="!result.isInlineBanner" class="grid-product__content ng-scope"> <!-- ngIf: result.badge -->
<div ng-if="result.badge" class="grid-product__tag grid-product__tag--custom ng-binding ng-scope">NEW ARRIVAL</div><!-- end ngIf: result.badge --> <!-- ngIf: result.badgesRight -->
<div ng-if="result.badgesRight" class="ss-badges-right grid-product__tag grid-product__tag--sold-out ng-binding ng-scope"
ng-style="{ 'color': result.badgesRight.hasOwnProperty('colorForeground') ? result.badgesRight.colorForeground : '', 'background-color': result.badgesRight.hasOwnProperty('colorBackground') ? result.badgesRight.colorBackground : '' }"
style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0);">30% OFF</div><!-- end ngIf: result.badgesRight -->
<a ng-href="https://runwayscout.com/products/nicole-maxi-dress-black" intellisuggest="" class="grid-product__link" href="https://runwayscout.com/products/nicole-maxi-dress-black"></a>
<div class="grid-product__image-mask">
<!-- ngIf: !result.mfield_steadlane_plp_video --><a ng-if="!result.mfield_steadlane_plp_video" ng-href="https://runwayscout.com/products/nicole-maxi-dress-black" intellisuggest="" class="grid-product__link ng-scope" href="https://runwayscout.com/products/nicole-maxi-dress-black"> <div class="image-wrap" style="height: 0; padding-bottom: 149.936630037%;"> <!-- ngIf: recommendations --><img ng-if="recommendations" class="grid-product__image lazyautosizes lazyload ng-scope" data-aspectratio="0.66650390625" data-sizes="auto" alt="Nicole Maxi Dress (Black)" ng-src="https://cdn.shopify.com/s/files/1/0323/1681/files/BrooklynStewart_Hailey_29_08_Imi0749_600x600.jpg?v=1722322243" onerror="this.src='//cdn.searchspring.net/ajax_search/img/default_image.png';" src="https://cdn.shopify.com/s/files/1/0323/1681/files/BrooklynStewart_Hailey_29_08_Imi0749_600x600.jpg?v=1722322243" style=""><!-- end ngIf: recommendations --> <!-- ngIf: !recommendations --> </div> <!-- ngIf: result.ss_image_hover --><div ng-if="result.ss_image_hover" class="grid-product__secondary-image small--hide ng-scope"> <!-- ngIf: recommendations --><img ng-if="recommendations" class="lazyautosizes lazyload ng-scope" data-aspectratio="0.66650390625" data-sizes="auto" alt="Nicole Maxi Dress (Black)" ng-src="https://cdn.shopify.com/s/files/1/0323/1681/files/BrooklynStewart_Hailey_29_08_Imi0777_600x600.jpg?v=1722322340" onerror="this.src='//cdn.searchspring.net/ajax_search/img/default_image.png';" src="https://cdn.shopify.com/s/files/1/0323/1681/files/BrooklynStewart_Hailey_29_08_Imi0777_600x600.jpg?v=1722322340" style=""><!-- end ngIf: recommendations --> <!-- ngIf: !recommendations --> </div><!-- end ngIf: result.ss_image_hover --> </a><!-- end ngIf: !result.mfield_steadlane_plp_video -->
<!-- ngIf: !recommendations && result.mfield_steadlane_plp_video -->
<div class="grid-product__hover-content"> <a ng-href="https://runwayscout.com/products/nicole-maxi-dress-black" intellisuggest="" class="grid-product__link" href="https://runwayscout.com/products/nicole-maxi-dress-black"></a>
<div class="grid-product__sizes"> <a ng-href="https://runwayscout.com/products/nicole-maxi-dress-black" intellisuggest="" class="grid-product__link" href="https://runwayscout.com/products/nicole-maxi-dress-black"></a>
<!-- ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="40364698501192" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> XS </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="40364698533960" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> S </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="40364698566728" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> M </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="40364698599496" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> L </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="40364698632264" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> XL </a><!-- end ngRepeat: size in result.ss_sizes track by $index -->
</div>
<div class="grid-product__wishlist"> <wishlist-button class="swym-grid-item-btn" data-product-handle="nicole-maxi-dress-black"> <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 20.468 19.916">
<g id="wichlist-icon" transform="translate(0.1 0.1)">
<path id="heart301"
d="M18.629,1.7A5.585,5.585,0,0,0,14.662,0a5.338,5.338,0,0,0-2.544.643A5.535,5.535,0,0,0,10.134,2.4,5.535,5.535,0,0,0,8.15.643,5.339,5.339,0,0,0,5.606,0,5.585,5.585,0,0,0,1.639,1.7,6.022,6.022,0,0,0,0,5.839,9.407,9.407,0,0,0,.5,8.793a6.235,6.235,0,0,0,.615,1.263c.276.442.528.812.744,1.1a10.257,10.257,0,0,0,.938,1.082c.415.423.755.755,1,.992s.625.587,1.121,1.037c.571.519.978.9,1.24,1.15s.625.609,1.11,1.094a17.763,17.763,0,0,1,2.383,2.92.559.559,0,0,0,.485.282.573.573,0,0,0,.507-.282,18.435,18.435,0,0,1,1.531-2.074q.894-1.045,1.488-1.623c.4-.392.979-.938,1.725-1.634.461-.431.83-.755,1.078-.992s.571-.564.97-.981a13.01,13.01,0,0,0,.938-1.071c.229-.3.471-.667.744-1.1a7.067,7.067,0,0,0,1-2.593,7.657,7.657,0,0,0,.151-1.522A6.021,6.021,0,0,0,18.629,1.7Zm.345,5.287A7.582,7.582,0,0,1,17.1,10.675c-.455.527-1.291,1.367-2.512,2.5-.633.589-1.143,1.071-1.542,1.454s-.865.876-1.434,1.511S10.134,18,10.134,18,9.183,16.8,8.6,16.177s-1.035-1.1-1.369-1.42-.843-.786-1.542-1.432l-.744-.688-.679-.643c-.294-.278-.52-.5-.668-.676s-.334-.383-.571-.654a5.776,5.776,0,0,1-.539-.7,7.343,7.343,0,0,1-.819-1.477l-.248-.8a6.137,6.137,0,0,1-.237-1.849A4.486,4.486,0,0,1,2.48,2.6,4.19,4.19,0,0,1,5.606,1.251a4.146,4.146,0,0,1,2.361.721A4.5,4.5,0,0,1,9.606,3.9a.54.54,0,0,0,.528.349.562.562,0,0,0,.55-.349,4.51,4.51,0,0,1,1.606-1.928,4.277,4.277,0,0,1,5.487.62,4.494,4.494,0,0,1,1.294,3.247A7.051,7.051,0,0,1,18.974,6.989Z"
transform="translate(0 0)" stroke="#000" stroke-width="0.2"></path>
</g>
</svg> </wishlist-button> </div>
</div>
</div>
<div class="grid-product__meta"> <!-- ngIf: result.badgeBottom -->
<a ng-href="https://runwayscout.com/products/nicole-maxi-dress-black" intellisuggest="" class="grid-product__link" href="https://runwayscout.com/products/nicole-maxi-dress-black"> <h3 class="grid-product__title grid-product__title--body ng-binding">Nicole Maxi Dress (Black)</h3> </a>
<!-- ngIf: slideout.triggered -->
<div class="grid-product__price"> <!-- ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --><span ng-if="result.msrp && (result.msrp * 1) > (result.price * 1)" class="visually-hidden ng-scope">Regular
price</span><!-- end ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --> <!-- ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --><span
ng-if="result.msrp && (result.msrp * 1) > (result.price * 1)" class="grid-product__price--original grid-product__price--red ng-scope"> <span ng-bind-html="graphQL.markets.format(result.msrp) | trusted"
class="ng-binding">$130.00</span> </span><!-- end ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --> <!-- ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --><span
ng-if="result.msrp && (result.msrp * 1) > (result.price * 1)" class="visually-hidden ng-scope">Sale price</span><!-- end ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --> <span
ng-bind-html="graphQL.markets.format(result.price) | trusted" class="ng-binding">$91.00</span> </div>
<div class="grid-product__sizes">
<!-- ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="40364698501192" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> XS </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="40364698533960" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> S </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="40364698566728" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> M </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="40364698599496" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> L </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="40364698632264" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> XL </a><!-- end ngRepeat: size in result.ss_sizes track by $index -->
</div>
</div>
</div><!-- end ngIf: !result.isInlineBanner -->
</div><!-- end ngRepeat: result in results | limitTo:profile.itemLimit track by result.uid -->
<div ng-repeat="result in results | limitTo:profile.itemLimit track by result.uid"
class="ss-recommendations-item grid__item grid-product grid-product-custom small--one-half medium-up--one-quarter aos-init aos-animate ng-scope ss-targeted tns-item" id="tns1-item15" aria-hidden="true" tabindex="-1">
<!-- Content for item goes here --> <!-- ngIf: result.isInlineBanner --> <!-- ngIf: !result.isInlineBanner -->
<div ng-if="!result.isInlineBanner" class="grid-product__content ng-scope"> <!-- ngIf: result.badge -->
<div ng-if="result.badge" class="grid-product__tag grid-product__tag--custom ng-binding ng-scope">NEW ARRIVAL</div><!-- end ngIf: result.badge --> <!-- ngIf: result.badgesRight -->
<div ng-if="result.badgesRight" class="ss-badges-right grid-product__tag grid-product__tag--sold-out ng-binding ng-scope"
ng-style="{ 'color': result.badgesRight.hasOwnProperty('colorForeground') ? result.badgesRight.colorForeground : '', 'background-color': result.badgesRight.hasOwnProperty('colorBackground') ? result.badgesRight.colorBackground : '' }"
style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0);">30% OFF</div><!-- end ngIf: result.badgesRight -->
<a ng-href="https://runwayscout.com/products/elowen-maxi-dress-blue" intellisuggest="" class="grid-product__link" href="https://runwayscout.com/products/elowen-maxi-dress-blue"></a>
<div class="grid-product__image-mask">
<!-- ngIf: !result.mfield_steadlane_plp_video --><a ng-if="!result.mfield_steadlane_plp_video" ng-href="https://runwayscout.com/products/elowen-maxi-dress-blue" intellisuggest="" class="grid-product__link ng-scope" href="https://runwayscout.com/products/elowen-maxi-dress-blue"> <div class="image-wrap" style="height: 0; padding-bottom: 149.936630037%;"> <!-- ngIf: recommendations --><img ng-if="recommendations" class="grid-product__image lazyautosizes lazyload ng-scope" data-aspectratio="0.66650390625" data-sizes="auto" alt="Elowen Maxi Dress (Blue)" ng-src="https://cdn.shopify.com/s/files/1/0323/1681/files/24_09_02_Imi_Spiral24_09_04_spiral03811_600x600.jpg?v=1725948100" onerror="this.src='//cdn.searchspring.net/ajax_search/img/default_image.png';" src="https://cdn.shopify.com/s/files/1/0323/1681/files/24_09_02_Imi_Spiral24_09_04_spiral03811_600x600.jpg?v=1725948100" style=""><!-- end ngIf: recommendations --> <!-- ngIf: !recommendations --> </div> <!-- ngIf: result.ss_image_hover --><div ng-if="result.ss_image_hover" class="grid-product__secondary-image small--hide ng-scope"> <!-- ngIf: recommendations --><img ng-if="recommendations" class="lazyautosizes lazyload ng-scope" data-aspectratio="0.66650390625" data-sizes="auto" alt="Elowen Maxi Dress (Blue)" ng-src="https://cdn.shopify.com/s/files/1/0323/1681/files/24_09_10_Molly_24_09_04_spiral05001-2_600x600.jpg?v=1726439662" onerror="this.src='//cdn.searchspring.net/ajax_search/img/default_image.png';" src="https://cdn.shopify.com/s/files/1/0323/1681/files/24_09_10_Molly_24_09_04_spiral05001-2_600x600.jpg?v=1726439662" style=""><!-- end ngIf: recommendations --> <!-- ngIf: !recommendations --> </div><!-- end ngIf: result.ss_image_hover --> </a><!-- end ngIf: !result.mfield_steadlane_plp_video -->
<!-- ngIf: !recommendations && result.mfield_steadlane_plp_video -->
<div class="grid-product__hover-content"> <a ng-href="https://runwayscout.com/products/elowen-maxi-dress-blue" intellisuggest="" class="grid-product__link" href="https://runwayscout.com/products/elowen-maxi-dress-blue"></a>
<div class="grid-product__sizes"> <a ng-href="https://runwayscout.com/products/elowen-maxi-dress-blue" intellisuggest="" class="grid-product__link" href="https://runwayscout.com/products/elowen-maxi-dress-blue"></a>
<!-- ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="40385354563656" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> XS </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="40385354596424" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> S </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope out-of-stock" ng-href="#" data-variant-id="40385354629192" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> M </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="40385354661960" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> L </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="40385354694728" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> XL </a><!-- end ngRepeat: size in result.ss_sizes track by $index -->
</div>
<div class="grid-product__wishlist"> <wishlist-button class="swym-grid-item-btn" data-product-handle="elowen-maxi-dress-blue"> <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 20.468 19.916">
<g id="wichlist-icon" transform="translate(0.1 0.1)">
<path id="heart301"
d="M18.629,1.7A5.585,5.585,0,0,0,14.662,0a5.338,5.338,0,0,0-2.544.643A5.535,5.535,0,0,0,10.134,2.4,5.535,5.535,0,0,0,8.15.643,5.339,5.339,0,0,0,5.606,0,5.585,5.585,0,0,0,1.639,1.7,6.022,6.022,0,0,0,0,5.839,9.407,9.407,0,0,0,.5,8.793a6.235,6.235,0,0,0,.615,1.263c.276.442.528.812.744,1.1a10.257,10.257,0,0,0,.938,1.082c.415.423.755.755,1,.992s.625.587,1.121,1.037c.571.519.978.9,1.24,1.15s.625.609,1.11,1.094a17.763,17.763,0,0,1,2.383,2.92.559.559,0,0,0,.485.282.573.573,0,0,0,.507-.282,18.435,18.435,0,0,1,1.531-2.074q.894-1.045,1.488-1.623c.4-.392.979-.938,1.725-1.634.461-.431.83-.755,1.078-.992s.571-.564.97-.981a13.01,13.01,0,0,0,.938-1.071c.229-.3.471-.667.744-1.1a7.067,7.067,0,0,0,1-2.593,7.657,7.657,0,0,0,.151-1.522A6.021,6.021,0,0,0,18.629,1.7Zm.345,5.287A7.582,7.582,0,0,1,17.1,10.675c-.455.527-1.291,1.367-2.512,2.5-.633.589-1.143,1.071-1.542,1.454s-.865.876-1.434,1.511S10.134,18,10.134,18,9.183,16.8,8.6,16.177s-1.035-1.1-1.369-1.42-.843-.786-1.542-1.432l-.744-.688-.679-.643c-.294-.278-.52-.5-.668-.676s-.334-.383-.571-.654a5.776,5.776,0,0,1-.539-.7,7.343,7.343,0,0,1-.819-1.477l-.248-.8a6.137,6.137,0,0,1-.237-1.849A4.486,4.486,0,0,1,2.48,2.6,4.19,4.19,0,0,1,5.606,1.251a4.146,4.146,0,0,1,2.361.721A4.5,4.5,0,0,1,9.606,3.9a.54.54,0,0,0,.528.349.562.562,0,0,0,.55-.349,4.51,4.51,0,0,1,1.606-1.928,4.277,4.277,0,0,1,5.487.62,4.494,4.494,0,0,1,1.294,3.247A7.051,7.051,0,0,1,18.974,6.989Z"
transform="translate(0 0)" stroke="#000" stroke-width="0.2"></path>
</g>
</svg> </wishlist-button> </div>
</div>
</div>
<div class="grid-product__meta"> <!-- ngIf: result.badgeBottom -->
<a ng-href="https://runwayscout.com/products/elowen-maxi-dress-blue" intellisuggest="" class="grid-product__link" href="https://runwayscout.com/products/elowen-maxi-dress-blue"> <h3 class="grid-product__title grid-product__title--body ng-binding">Elowen Maxi Dress (Blue)</h3> </a>
<!-- ngIf: slideout.triggered -->
<div class="grid-product__price"> <!-- ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --><span ng-if="result.msrp && (result.msrp * 1) > (result.price * 1)" class="visually-hidden ng-scope">Regular
price</span><!-- end ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --> <!-- ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --><span
ng-if="result.msrp && (result.msrp * 1) > (result.price * 1)" class="grid-product__price--original grid-product__price--red ng-scope"> <span ng-bind-html="graphQL.markets.format(result.msrp) | trusted"
class="ng-binding">$102.00</span> </span><!-- end ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --> <!-- ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --><span
ng-if="result.msrp && (result.msrp * 1) > (result.price * 1)" class="visually-hidden ng-scope">Sale price</span><!-- end ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --> <span
ng-bind-html="graphQL.markets.format(result.price) | trusted" class="ng-binding">$72.00</span> </div>
<div class="grid-product__sizes">
<!-- ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="40385354563656" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> XS </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="40385354596424" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> S </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope out-of-stock" ng-href="#" data-variant-id="40385354629192" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> M </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="40385354661960" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> L </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="40385354694728" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> XL </a><!-- end ngRepeat: size in result.ss_sizes track by $index -->
</div>
</div>
</div><!-- end ngIf: !result.isInlineBanner -->
</div><!-- end ngRepeat: result in results | limitTo:profile.itemLimit track by result.uid -->
<div ng-repeat="result in results | limitTo:profile.itemLimit track by result.uid"
class="ss-recommendations-item grid__item grid-product grid-product-custom small--one-half medium-up--one-quarter aos-init aos-animate ng-scope ss-targeted tns-item" id="tns1-item16" aria-hidden="true" tabindex="-1">
<!-- Content for item goes here --> <!-- ngIf: result.isInlineBanner --> <!-- ngIf: !result.isInlineBanner -->
<div ng-if="!result.isInlineBanner" class="grid-product__content ng-scope"> <!-- ngIf: result.badge -->
<div ng-if="result.badge" class="grid-product__tag grid-product__tag--custom ng-binding ng-scope">NEW ARRIVAL</div><!-- end ngIf: result.badge --> <!-- ngIf: result.badgesRight -->
<div ng-if="result.badgesRight" class="ss-badges-right grid-product__tag grid-product__tag--sold-out ng-binding ng-scope"
ng-style="{ 'color': result.badgesRight.hasOwnProperty('colorForeground') ? result.badgesRight.colorForeground : '', 'background-color': result.badgesRight.hasOwnProperty('colorBackground') ? result.badgesRight.colorBackground : '' }"
style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0);">30% OFF</div><!-- end ngIf: result.badgesRight -->
<a ng-href="https://runwayscout.com/products/marigold-set-lemon" intellisuggest="" class="grid-product__link" href="https://runwayscout.com/products/marigold-set-lemon"></a>
<div class="grid-product__image-mask">
<!-- ngIf: !result.mfield_steadlane_plp_video --><a ng-if="!result.mfield_steadlane_plp_video" ng-href="https://runwayscout.com/products/marigold-set-lemon" intellisuggest="" class="grid-product__link ng-scope" href="https://runwayscout.com/products/marigold-set-lemon"> <div class="image-wrap" style="height: 0; padding-bottom: 149.936630037%;"> <!-- ngIf: recommendations --><img ng-if="recommendations" class="grid-product__image lazyautosizes lazyload ng-scope" data-aspectratio="0.66650390625" data-sizes="auto" alt="Marigold Set (Lemon)" ng-src="https://cdn.shopify.com/s/files/1/0323/1681/files/24_09_02_Imi_Spiral24_09_04_spiral00353_600x600.jpg?v=1725937461" onerror="this.src='//cdn.searchspring.net/ajax_search/img/default_image.png';" src="https://cdn.shopify.com/s/files/1/0323/1681/files/24_09_02_Imi_Spiral24_09_04_spiral00353_600x600.jpg?v=1725937461" style=""><!-- end ngIf: recommendations --> <!-- ngIf: !recommendations --> </div> <!-- ngIf: result.ss_image_hover --><div ng-if="result.ss_image_hover" class="grid-product__secondary-image small--hide ng-scope"> <!-- ngIf: recommendations --><img ng-if="recommendations" class="lazyautosizes lazyload ng-scope" data-aspectratio="0.66650390625" data-sizes="auto" alt="Marigold Set (Lemon)" ng-src="https://cdn.shopify.com/s/files/1/0323/1681/files/24_09_02_Imi_Spiral24_09_04_spiral05411_600x600.jpg?v=1725937463" onerror="this.src='//cdn.searchspring.net/ajax_search/img/default_image.png';" src="https://cdn.shopify.com/s/files/1/0323/1681/files/24_09_02_Imi_Spiral24_09_04_spiral05411_600x600.jpg?v=1725937463" style=""><!-- end ngIf: recommendations --> <!-- ngIf: !recommendations --> </div><!-- end ngIf: result.ss_image_hover --> </a><!-- end ngIf: !result.mfield_steadlane_plp_video -->
<!-- ngIf: !recommendations && result.mfield_steadlane_plp_video -->
<div class="grid-product__hover-content"> <a ng-href="https://runwayscout.com/products/marigold-set-lemon" intellisuggest="" class="grid-product__link" href="https://runwayscout.com/products/marigold-set-lemon"></a>
<div class="grid-product__sizes"> <a ng-href="https://runwayscout.com/products/marigold-set-lemon" intellisuggest="" class="grid-product__link" href="https://runwayscout.com/products/marigold-set-lemon"></a>
<!-- ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope out-of-stock" ng-href="#" data-variant-id="40386179498056" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> XS </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="40386179530824" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> S </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="40386179563592" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> M </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="40386179596360" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> L </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="40386179629128" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> XL </a><!-- end ngRepeat: size in result.ss_sizes track by $index -->
</div>
<div class="grid-product__wishlist"> <wishlist-button class="swym-grid-item-btn" data-product-handle="marigold-set-lemon"> <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 20.468 19.916">
<g id="wichlist-icon" transform="translate(0.1 0.1)">
<path id="heart301"
d="M18.629,1.7A5.585,5.585,0,0,0,14.662,0a5.338,5.338,0,0,0-2.544.643A5.535,5.535,0,0,0,10.134,2.4,5.535,5.535,0,0,0,8.15.643,5.339,5.339,0,0,0,5.606,0,5.585,5.585,0,0,0,1.639,1.7,6.022,6.022,0,0,0,0,5.839,9.407,9.407,0,0,0,.5,8.793a6.235,6.235,0,0,0,.615,1.263c.276.442.528.812.744,1.1a10.257,10.257,0,0,0,.938,1.082c.415.423.755.755,1,.992s.625.587,1.121,1.037c.571.519.978.9,1.24,1.15s.625.609,1.11,1.094a17.763,17.763,0,0,1,2.383,2.92.559.559,0,0,0,.485.282.573.573,0,0,0,.507-.282,18.435,18.435,0,0,1,1.531-2.074q.894-1.045,1.488-1.623c.4-.392.979-.938,1.725-1.634.461-.431.83-.755,1.078-.992s.571-.564.97-.981a13.01,13.01,0,0,0,.938-1.071c.229-.3.471-.667.744-1.1a7.067,7.067,0,0,0,1-2.593,7.657,7.657,0,0,0,.151-1.522A6.021,6.021,0,0,0,18.629,1.7Zm.345,5.287A7.582,7.582,0,0,1,17.1,10.675c-.455.527-1.291,1.367-2.512,2.5-.633.589-1.143,1.071-1.542,1.454s-.865.876-1.434,1.511S10.134,18,10.134,18,9.183,16.8,8.6,16.177s-1.035-1.1-1.369-1.42-.843-.786-1.542-1.432l-.744-.688-.679-.643c-.294-.278-.52-.5-.668-.676s-.334-.383-.571-.654a5.776,5.776,0,0,1-.539-.7,7.343,7.343,0,0,1-.819-1.477l-.248-.8a6.137,6.137,0,0,1-.237-1.849A4.486,4.486,0,0,1,2.48,2.6,4.19,4.19,0,0,1,5.606,1.251a4.146,4.146,0,0,1,2.361.721A4.5,4.5,0,0,1,9.606,3.9a.54.54,0,0,0,.528.349.562.562,0,0,0,.55-.349,4.51,4.51,0,0,1,1.606-1.928,4.277,4.277,0,0,1,5.487.62,4.494,4.494,0,0,1,1.294,3.247A7.051,7.051,0,0,1,18.974,6.989Z"
transform="translate(0 0)" stroke="#000" stroke-width="0.2"></path>
</g>
</svg> </wishlist-button> </div>
</div>
</div>
<div class="grid-product__meta"> <!-- ngIf: result.badgeBottom -->
<a ng-href="https://runwayscout.com/products/marigold-set-lemon" intellisuggest="" class="grid-product__link" href="https://runwayscout.com/products/marigold-set-lemon"> <h3 class="grid-product__title grid-product__title--body ng-binding">Marigold Set (Lemon)</h3> </a>
<!-- ngIf: slideout.triggered -->
<div class="grid-product__price"> <!-- ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --><span ng-if="result.msrp && (result.msrp * 1) > (result.price * 1)" class="visually-hidden ng-scope">Regular
price</span><!-- end ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --> <!-- ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --><span
ng-if="result.msrp && (result.msrp * 1) > (result.price * 1)" class="grid-product__price--original grid-product__price--red ng-scope"> <span ng-bind-html="graphQL.markets.format(result.msrp) | trusted"
class="ng-binding">$130.00</span> </span><!-- end ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --> <!-- ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --><span
ng-if="result.msrp && (result.msrp * 1) > (result.price * 1)" class="visually-hidden ng-scope">Sale price</span><!-- end ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --> <span
ng-bind-html="graphQL.markets.format(result.price) | trusted" class="ng-binding">$91.00</span> </div>
<div class="grid-product__sizes">
<!-- ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope out-of-stock" ng-href="#" data-variant-id="40386179498056" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> XS </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="40386179530824" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> S </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="40386179563592" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> M </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="40386179596360" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> L </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="40386179629128" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> XL </a><!-- end ngRepeat: size in result.ss_sizes track by $index -->
</div>
</div>
</div><!-- end ngIf: !result.isInlineBanner -->
</div><!-- end ngRepeat: result in results | limitTo:profile.itemLimit track by result.uid -->
<div ng-repeat="result in results | limitTo:profile.itemLimit track by result.uid"
class="ss-recommendations-item grid__item grid-product grid-product-custom small--one-half medium-up--one-quarter aos-init aos-animate ng-scope ss-targeted tns-item" id="tns1-item17" aria-hidden="true" tabindex="-1">
<!-- Content for item goes here --> <!-- ngIf: result.isInlineBanner --> <!-- ngIf: !result.isInlineBanner -->
<div ng-if="!result.isInlineBanner" class="grid-product__content ng-scope"> <!-- ngIf: result.badge -->
<div ng-if="result.badge" class="grid-product__tag grid-product__tag--custom ng-binding ng-scope">NEW ARRIVAL</div><!-- end ngIf: result.badge --> <!-- ngIf: result.badgesRight -->
<div ng-if="result.badgesRight" class="ss-badges-right grid-product__tag grid-product__tag--sold-out ng-binding ng-scope"
ng-style="{ 'color': result.badgesRight.hasOwnProperty('colorForeground') ? result.badgesRight.colorForeground : '', 'background-color': result.badgesRight.hasOwnProperty('colorBackground') ? result.badgesRight.colorBackground : '' }"
style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0);">30% OFF</div><!-- end ngIf: result.badgesRight -->
<a ng-href="https://runwayscout.com/products/lysandra-mini-dress-red" intellisuggest="" class="grid-product__link" href="https://runwayscout.com/products/lysandra-mini-dress-red"></a>
<div class="grid-product__image-mask">
<!-- ngIf: !result.mfield_steadlane_plp_video --><a ng-if="!result.mfield_steadlane_plp_video" ng-href="https://runwayscout.com/products/lysandra-mini-dress-red" intellisuggest="" class="grid-product__link ng-scope" href="https://runwayscout.com/products/lysandra-mini-dress-red"> <div class="image-wrap" style="height: 0; padding-bottom: 149.936630037%;"> <!-- ngIf: recommendations --><img ng-if="recommendations" class="grid-product__image lazyautosizes lazyload ng-scope" data-aspectratio="0.66650390625" data-sizes="auto" alt="Lysandra Mini Dress (Red)" ng-src="https://cdn.shopify.com/s/files/1/0323/1681/files/24_09_02_Imi_Spiral24_09_04_spiral1134_600x600.jpg?v=1725937364" onerror="this.src='//cdn.searchspring.net/ajax_search/img/default_image.png';" src="https://cdn.shopify.com/s/files/1/0323/1681/files/24_09_02_Imi_Spiral24_09_04_spiral1134_600x600.jpg?v=1725937364" style=""><!-- end ngIf: recommendations --> <!-- ngIf: !recommendations --> </div> <!-- ngIf: result.ss_image_hover --><div ng-if="result.ss_image_hover" class="grid-product__secondary-image small--hide ng-scope"> <!-- ngIf: recommendations --><img ng-if="recommendations" class="lazyautosizes lazyload ng-scope" data-aspectratio="0.66650390625" data-sizes="auto" alt="Lysandra Mini Dress (Red)" ng-src="https://cdn.shopify.com/s/files/1/0323/1681/files/24_09_02_Imi_Spiral24_09_04_spiral1110_600x600.jpg?v=1725937365" onerror="this.src='//cdn.searchspring.net/ajax_search/img/default_image.png';" src="https://cdn.shopify.com/s/files/1/0323/1681/files/24_09_02_Imi_Spiral24_09_04_spiral1110_600x600.jpg?v=1725937365" style=""><!-- end ngIf: recommendations --> <!-- ngIf: !recommendations --> </div><!-- end ngIf: result.ss_image_hover --> </a><!-- end ngIf: !result.mfield_steadlane_plp_video -->
<!-- ngIf: !recommendations && result.mfield_steadlane_plp_video -->
<div class="grid-product__hover-content"> <a ng-href="https://runwayscout.com/products/lysandra-mini-dress-red" intellisuggest="" class="grid-product__link" href="https://runwayscout.com/products/lysandra-mini-dress-red"></a>
<div class="grid-product__sizes"> <a ng-href="https://runwayscout.com/products/lysandra-mini-dress-red" intellisuggest="" class="grid-product__link" href="https://runwayscout.com/products/lysandra-mini-dress-red"></a>
<!-- ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="40386178777160" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> XS </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="40386178809928" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> S </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope out-of-stock" ng-href="#" data-variant-id="40386178842696" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> M </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="40386178875464" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> L </a><!-- end ngRepeat: size in result.ss_sizes track by $index -->
</div>
<div class="grid-product__wishlist"> <wishlist-button class="swym-grid-item-btn" data-product-handle="lysandra-mini-dress-red"> <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 20.468 19.916">
<g id="wichlist-icon" transform="translate(0.1 0.1)">
<path id="heart301"
d="M18.629,1.7A5.585,5.585,0,0,0,14.662,0a5.338,5.338,0,0,0-2.544.643A5.535,5.535,0,0,0,10.134,2.4,5.535,5.535,0,0,0,8.15.643,5.339,5.339,0,0,0,5.606,0,5.585,5.585,0,0,0,1.639,1.7,6.022,6.022,0,0,0,0,5.839,9.407,9.407,0,0,0,.5,8.793a6.235,6.235,0,0,0,.615,1.263c.276.442.528.812.744,1.1a10.257,10.257,0,0,0,.938,1.082c.415.423.755.755,1,.992s.625.587,1.121,1.037c.571.519.978.9,1.24,1.15s.625.609,1.11,1.094a17.763,17.763,0,0,1,2.383,2.92.559.559,0,0,0,.485.282.573.573,0,0,0,.507-.282,18.435,18.435,0,0,1,1.531-2.074q.894-1.045,1.488-1.623c.4-.392.979-.938,1.725-1.634.461-.431.83-.755,1.078-.992s.571-.564.97-.981a13.01,13.01,0,0,0,.938-1.071c.229-.3.471-.667.744-1.1a7.067,7.067,0,0,0,1-2.593,7.657,7.657,0,0,0,.151-1.522A6.021,6.021,0,0,0,18.629,1.7Zm.345,5.287A7.582,7.582,0,0,1,17.1,10.675c-.455.527-1.291,1.367-2.512,2.5-.633.589-1.143,1.071-1.542,1.454s-.865.876-1.434,1.511S10.134,18,10.134,18,9.183,16.8,8.6,16.177s-1.035-1.1-1.369-1.42-.843-.786-1.542-1.432l-.744-.688-.679-.643c-.294-.278-.52-.5-.668-.676s-.334-.383-.571-.654a5.776,5.776,0,0,1-.539-.7,7.343,7.343,0,0,1-.819-1.477l-.248-.8a6.137,6.137,0,0,1-.237-1.849A4.486,4.486,0,0,1,2.48,2.6,4.19,4.19,0,0,1,5.606,1.251a4.146,4.146,0,0,1,2.361.721A4.5,4.5,0,0,1,9.606,3.9a.54.54,0,0,0,.528.349.562.562,0,0,0,.55-.349,4.51,4.51,0,0,1,1.606-1.928,4.277,4.277,0,0,1,5.487.62,4.494,4.494,0,0,1,1.294,3.247A7.051,7.051,0,0,1,18.974,6.989Z"
transform="translate(0 0)" stroke="#000" stroke-width="0.2"></path>
</g>
</svg> </wishlist-button> </div>
</div>
</div>
<div class="grid-product__meta"> <!-- ngIf: result.badgeBottom -->
<a ng-href="https://runwayscout.com/products/lysandra-mini-dress-red" intellisuggest="" class="grid-product__link" href="https://runwayscout.com/products/lysandra-mini-dress-red"> <h3 class="grid-product__title grid-product__title--body ng-binding">Lysandra Mini Dress (Red)</h3> </a>
<!-- ngIf: slideout.triggered -->
<div class="grid-product__price"> <!-- ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --><span ng-if="result.msrp && (result.msrp * 1) > (result.price * 1)" class="visually-hidden ng-scope">Regular
price</span><!-- end ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --> <!-- ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --><span
ng-if="result.msrp && (result.msrp * 1) > (result.price * 1)" class="grid-product__price--original grid-product__price--red ng-scope"> <span ng-bind-html="graphQL.markets.format(result.msrp) | trusted"
class="ng-binding">$102.00</span> </span><!-- end ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --> <!-- ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --><span
ng-if="result.msrp && (result.msrp * 1) > (result.price * 1)" class="visually-hidden ng-scope">Sale price</span><!-- end ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --> <span
ng-bind-html="graphQL.markets.format(result.price) | trusted" class="ng-binding">$72.00</span> </div>
<div class="grid-product__sizes">
<!-- ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="40386178777160" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> XS </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="40386178809928" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> S </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope out-of-stock" ng-href="#" data-variant-id="40386178842696" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> M </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="40386178875464" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> L </a><!-- end ngRepeat: size in result.ss_sizes track by $index -->
</div>
</div>
</div><!-- end ngIf: !result.isInlineBanner -->
</div><!-- end ngRepeat: result in results | limitTo:profile.itemLimit track by result.uid -->
<div ng-repeat="result in results | limitTo:profile.itemLimit track by result.uid"
class="ss-recommendations-item grid__item grid-product grid-product-custom small--one-half medium-up--one-quarter aos-init aos-animate ng-scope ss-targeted tns-item" id="tns1-item18" aria-hidden="true" tabindex="-1">
<!-- Content for item goes here --> <!-- ngIf: result.isInlineBanner --> <!-- ngIf: !result.isInlineBanner -->
<div ng-if="!result.isInlineBanner" class="grid-product__content ng-scope"> <!-- ngIf: result.badge -->
<div ng-if="result.badge" class="grid-product__tag grid-product__tag--custom ng-binding ng-scope">NEW ARRIVAL</div><!-- end ngIf: result.badge --> <!-- ngIf: result.badgesRight -->
<div ng-if="result.badgesRight" class="ss-badges-right grid-product__tag grid-product__tag--sold-out ng-binding ng-scope"
ng-style="{ 'color': result.badgesRight.hasOwnProperty('colorForeground') ? result.badgesRight.colorForeground : '', 'background-color': result.badgesRight.hasOwnProperty('colorBackground') ? result.badgesRight.colorBackground : '' }"
style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0);">30% OFF</div><!-- end ngIf: result.badgesRight -->
<a ng-href="https://runwayscout.com/products/audrey-mini-dress-red" intellisuggest="" class="grid-product__link" href="https://runwayscout.com/products/audrey-mini-dress-red"></a>
<div class="grid-product__image-mask">
<!-- ngIf: !result.mfield_steadlane_plp_video --><a ng-if="!result.mfield_steadlane_plp_video" ng-href="https://runwayscout.com/products/audrey-mini-dress-red" intellisuggest="" class="grid-product__link ng-scope" href="https://runwayscout.com/products/audrey-mini-dress-red"> <div class="image-wrap" style="height: 0; padding-bottom: 149.936630037%;"> <!-- ngIf: recommendations --><img ng-if="recommendations" class="grid-product__image lazyautosizes lazyload ng-scope" data-aspectratio="0.66650390625" data-sizes="auto" alt="Amara Mini Dress (Red)" ng-src="https://cdn.shopify.com/s/files/1/0323/1681/files/241119_Beatriz_Spiral_241106_Beatriz00232_600x600.jpg?v=1731992252" onerror="this.src='//cdn.searchspring.net/ajax_search/img/default_image.png';" src="https://cdn.shopify.com/s/files/1/0323/1681/files/241119_Beatriz_Spiral_241106_Beatriz00232_600x600.jpg?v=1731992252" style=""><!-- end ngIf: recommendations --> <!-- ngIf: !recommendations --> </div> <!-- ngIf: result.ss_image_hover --><div ng-if="result.ss_image_hover" class="grid-product__secondary-image small--hide ng-scope"> <!-- ngIf: recommendations --><img ng-if="recommendations" class="lazyautosizes lazyload ng-scope" data-aspectratio="0.66650390625" data-sizes="auto" alt="Amara Mini Dress (Red)" ng-src="https://cdn.shopify.com/s/files/1/0323/1681/files/241119_Beatriz_Spiral_241106_Beatriz00212_600x600.jpg?v=1731992646" onerror="this.src='//cdn.searchspring.net/ajax_search/img/default_image.png';" src="https://cdn.shopify.com/s/files/1/0323/1681/files/241119_Beatriz_Spiral_241106_Beatriz00212_600x600.jpg?v=1731992646" style=""><!-- end ngIf: recommendations --> <!-- ngIf: !recommendations --> </div><!-- end ngIf: result.ss_image_hover --> </a><!-- end ngIf: !result.mfield_steadlane_plp_video -->
<!-- ngIf: !recommendations && result.mfield_steadlane_plp_video -->
<div class="grid-product__hover-content"> <a ng-href="https://runwayscout.com/products/audrey-mini-dress-red" intellisuggest="" class="grid-product__link" href="https://runwayscout.com/products/audrey-mini-dress-red"></a>
<div class="grid-product__sizes"> <a ng-href="https://runwayscout.com/products/audrey-mini-dress-red" intellisuggest="" class="grid-product__link" href="https://runwayscout.com/products/audrey-mini-dress-red"></a>
<!-- ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="51655092666733" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> 6 </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="51655092699501" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> 8 </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope out-of-stock" ng-href="#" data-variant-id="51655092732269" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> 10 </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope out-of-stock" ng-href="#" data-variant-id="51655092765037" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> 12 </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope out-of-stock" ng-href="#" data-variant-id="51655092797805" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> 14 </a><!-- end ngRepeat: size in result.ss_sizes track by $index -->
</div>
<div class="grid-product__wishlist"> <wishlist-button class="swym-grid-item-btn" data-product-handle="audrey-mini-dress-red"> <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 20.468 19.916">
<g id="wichlist-icon" transform="translate(0.1 0.1)">
<path id="heart301"
d="M18.629,1.7A5.585,5.585,0,0,0,14.662,0a5.338,5.338,0,0,0-2.544.643A5.535,5.535,0,0,0,10.134,2.4,5.535,5.535,0,0,0,8.15.643,5.339,5.339,0,0,0,5.606,0,5.585,5.585,0,0,0,1.639,1.7,6.022,6.022,0,0,0,0,5.839,9.407,9.407,0,0,0,.5,8.793a6.235,6.235,0,0,0,.615,1.263c.276.442.528.812.744,1.1a10.257,10.257,0,0,0,.938,1.082c.415.423.755.755,1,.992s.625.587,1.121,1.037c.571.519.978.9,1.24,1.15s.625.609,1.11,1.094a17.763,17.763,0,0,1,2.383,2.92.559.559,0,0,0,.485.282.573.573,0,0,0,.507-.282,18.435,18.435,0,0,1,1.531-2.074q.894-1.045,1.488-1.623c.4-.392.979-.938,1.725-1.634.461-.431.83-.755,1.078-.992s.571-.564.97-.981a13.01,13.01,0,0,0,.938-1.071c.229-.3.471-.667.744-1.1a7.067,7.067,0,0,0,1-2.593,7.657,7.657,0,0,0,.151-1.522A6.021,6.021,0,0,0,18.629,1.7Zm.345,5.287A7.582,7.582,0,0,1,17.1,10.675c-.455.527-1.291,1.367-2.512,2.5-.633.589-1.143,1.071-1.542,1.454s-.865.876-1.434,1.511S10.134,18,10.134,18,9.183,16.8,8.6,16.177s-1.035-1.1-1.369-1.42-.843-.786-1.542-1.432l-.744-.688-.679-.643c-.294-.278-.52-.5-.668-.676s-.334-.383-.571-.654a5.776,5.776,0,0,1-.539-.7,7.343,7.343,0,0,1-.819-1.477l-.248-.8a6.137,6.137,0,0,1-.237-1.849A4.486,4.486,0,0,1,2.48,2.6,4.19,4.19,0,0,1,5.606,1.251a4.146,4.146,0,0,1,2.361.721A4.5,4.5,0,0,1,9.606,3.9a.54.54,0,0,0,.528.349.562.562,0,0,0,.55-.349,4.51,4.51,0,0,1,1.606-1.928,4.277,4.277,0,0,1,5.487.62,4.494,4.494,0,0,1,1.294,3.247A7.051,7.051,0,0,1,18.974,6.989Z"
transform="translate(0 0)" stroke="#000" stroke-width="0.2"></path>
</g>
</svg> </wishlist-button> </div>
</div>
</div>
<div class="grid-product__meta"> <!-- ngIf: result.badgeBottom -->
<a ng-href="https://runwayscout.com/products/audrey-mini-dress-red" intellisuggest="" class="grid-product__link" href="https://runwayscout.com/products/audrey-mini-dress-red"> <h3 class="grid-product__title grid-product__title--body ng-binding">Amara Mini Dress (Red)</h3> </a>
<!-- ngIf: slideout.triggered -->
<div class="grid-product__price"> <!-- ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --><span ng-if="result.msrp && (result.msrp * 1) > (result.price * 1)" class="visually-hidden ng-scope">Regular
price</span><!-- end ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --> <!-- ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --><span
ng-if="result.msrp && (result.msrp * 1) > (result.price * 1)" class="grid-product__price--original grid-product__price--red ng-scope"> <span ng-bind-html="graphQL.markets.format(result.msrp) | trusted"
class="ng-binding">$84.00</span> </span><!-- end ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --> <!-- ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --><span
ng-if="result.msrp && (result.msrp * 1) > (result.price * 1)" class="visually-hidden ng-scope">Sale price</span><!-- end ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --> <span
ng-bind-html="graphQL.markets.format(result.price) | trusted" class="ng-binding">$59.00</span> </div>
<div class="grid-product__sizes">
<!-- ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="51655092666733" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> 6 </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="51655092699501" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> 8 </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope out-of-stock" ng-href="#" data-variant-id="51655092732269" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> 10 </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope out-of-stock" ng-href="#" data-variant-id="51655092765037" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> 12 </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope out-of-stock" ng-href="#" data-variant-id="51655092797805" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> 14 </a><!-- end ngRepeat: size in result.ss_sizes track by $index -->
</div>
</div>
</div><!-- end ngIf: !result.isInlineBanner -->
</div><!-- end ngRepeat: result in results | limitTo:profile.itemLimit track by result.uid -->
<div ng-repeat="result in results | limitTo:profile.itemLimit track by result.uid"
class="ss-recommendations-item grid__item grid-product grid-product-custom small--one-half medium-up--one-quarter aos-init aos-animate ng-scope ss-targeted tns-item" id="tns1-item19" aria-hidden="true" tabindex="-1">
<!-- Content for item goes here --> <!-- ngIf: result.isInlineBanner --> <!-- ngIf: !result.isInlineBanner -->
<div ng-if="!result.isInlineBanner" class="grid-product__content ng-scope"> <!-- ngIf: result.badge -->
<div ng-if="result.badge" class="grid-product__tag grid-product__tag--custom ng-binding ng-scope">NEW ARRIVAL</div><!-- end ngIf: result.badge --> <!-- ngIf: result.badgesRight -->
<div ng-if="result.badgesRight" class="ss-badges-right grid-product__tag grid-product__tag--sold-out ng-binding ng-scope"
ng-style="{ 'color': result.badgesRight.hasOwnProperty('colorForeground') ? result.badgesRight.colorForeground : '', 'background-color': result.badgesRight.hasOwnProperty('colorBackground') ? result.badgesRight.colorBackground : '' }"
style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0);">30% OFF</div><!-- end ngIf: result.badgesRight -->
<a ng-href="https://runwayscout.com/products/dakoda-mini-dress-black" intellisuggest="" class="grid-product__link" href="https://runwayscout.com/products/dakoda-mini-dress-black"></a>
<div class="grid-product__image-mask">
<!-- ngIf: !result.mfield_steadlane_plp_video --><a ng-if="!result.mfield_steadlane_plp_video" ng-href="https://runwayscout.com/products/dakoda-mini-dress-black" intellisuggest="" class="grid-product__link ng-scope" href="https://runwayscout.com/products/dakoda-mini-dress-black"> <div class="image-wrap" style="height: 0; padding-bottom: 149.936630037%;"> <!-- ngIf: recommendations --><img ng-if="recommendations" class="grid-product__image lazyautosizes lazyload ng-scope" data-aspectratio="0.66650390625" data-sizes="auto" alt="Dakoda Mini Dress (Black)" ng-src="https://cdn.shopify.com/s/files/1/0323/1681/files/24_09_02_Imi_Spiral24_09_04_spiral0607_600x600.jpg?v=1725936930" onerror="this.src='//cdn.searchspring.net/ajax_search/img/default_image.png';" src="https://cdn.shopify.com/s/files/1/0323/1681/files/24_09_02_Imi_Spiral24_09_04_spiral0607_600x600.jpg?v=1725936930" style=""><!-- end ngIf: recommendations --> <!-- ngIf: !recommendations --> </div> <!-- ngIf: result.ss_image_hover --><div ng-if="result.ss_image_hover" class="grid-product__secondary-image small--hide ng-scope"> <!-- ngIf: recommendations --><img ng-if="recommendations" class="lazyautosizes lazyload ng-scope" data-aspectratio="0.66650390625" data-sizes="auto" alt="Dakoda Mini Dress (Black)" ng-src="https://cdn.shopify.com/s/files/1/0323/1681/files/24_09_02_Imi_Spiral24_09_04_spiral0644_600x600.jpg?v=1725936930" onerror="this.src='//cdn.searchspring.net/ajax_search/img/default_image.png';" src="https://cdn.shopify.com/s/files/1/0323/1681/files/24_09_02_Imi_Spiral24_09_04_spiral0644_600x600.jpg?v=1725936930" style=""><!-- end ngIf: recommendations --> <!-- ngIf: !recommendations --> </div><!-- end ngIf: result.ss_image_hover --> </a><!-- end ngIf: !result.mfield_steadlane_plp_video -->
<!-- ngIf: !recommendations && result.mfield_steadlane_plp_video -->
<div class="grid-product__hover-content"> <a ng-href="https://runwayscout.com/products/dakoda-mini-dress-black" intellisuggest="" class="grid-product__link" href="https://runwayscout.com/products/dakoda-mini-dress-black"></a>
<div class="grid-product__sizes"> <a ng-href="https://runwayscout.com/products/dakoda-mini-dress-black" intellisuggest="" class="grid-product__link" href="https://runwayscout.com/products/dakoda-mini-dress-black"></a>
<!-- ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="40385353941064" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> XS </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="40385353973832" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> S </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope out-of-stock" ng-href="#" data-variant-id="40385354006600" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> M </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope out-of-stock" ng-href="#" data-variant-id="40385354039368" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> L </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="40385354072136" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> XL </a><!-- end ngRepeat: size in result.ss_sizes track by $index -->
</div>
<div class="grid-product__wishlist"> <wishlist-button class="swym-grid-item-btn" data-product-handle="dakoda-mini-dress-black"> <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 20.468 19.916">
<g id="wichlist-icon" transform="translate(0.1 0.1)">
<path id="heart301"
d="M18.629,1.7A5.585,5.585,0,0,0,14.662,0a5.338,5.338,0,0,0-2.544.643A5.535,5.535,0,0,0,10.134,2.4,5.535,5.535,0,0,0,8.15.643,5.339,5.339,0,0,0,5.606,0,5.585,5.585,0,0,0,1.639,1.7,6.022,6.022,0,0,0,0,5.839,9.407,9.407,0,0,0,.5,8.793a6.235,6.235,0,0,0,.615,1.263c.276.442.528.812.744,1.1a10.257,10.257,0,0,0,.938,1.082c.415.423.755.755,1,.992s.625.587,1.121,1.037c.571.519.978.9,1.24,1.15s.625.609,1.11,1.094a17.763,17.763,0,0,1,2.383,2.92.559.559,0,0,0,.485.282.573.573,0,0,0,.507-.282,18.435,18.435,0,0,1,1.531-2.074q.894-1.045,1.488-1.623c.4-.392.979-.938,1.725-1.634.461-.431.83-.755,1.078-.992s.571-.564.97-.981a13.01,13.01,0,0,0,.938-1.071c.229-.3.471-.667.744-1.1a7.067,7.067,0,0,0,1-2.593,7.657,7.657,0,0,0,.151-1.522A6.021,6.021,0,0,0,18.629,1.7Zm.345,5.287A7.582,7.582,0,0,1,17.1,10.675c-.455.527-1.291,1.367-2.512,2.5-.633.589-1.143,1.071-1.542,1.454s-.865.876-1.434,1.511S10.134,18,10.134,18,9.183,16.8,8.6,16.177s-1.035-1.1-1.369-1.42-.843-.786-1.542-1.432l-.744-.688-.679-.643c-.294-.278-.52-.5-.668-.676s-.334-.383-.571-.654a5.776,5.776,0,0,1-.539-.7,7.343,7.343,0,0,1-.819-1.477l-.248-.8a6.137,6.137,0,0,1-.237-1.849A4.486,4.486,0,0,1,2.48,2.6,4.19,4.19,0,0,1,5.606,1.251a4.146,4.146,0,0,1,2.361.721A4.5,4.5,0,0,1,9.606,3.9a.54.54,0,0,0,.528.349.562.562,0,0,0,.55-.349,4.51,4.51,0,0,1,1.606-1.928,4.277,4.277,0,0,1,5.487.62,4.494,4.494,0,0,1,1.294,3.247A7.051,7.051,0,0,1,18.974,6.989Z"
transform="translate(0 0)" stroke="#000" stroke-width="0.2"></path>
</g>
</svg> </wishlist-button> </div>
</div>
</div>
<div class="grid-product__meta"> <!-- ngIf: result.badgeBottom -->
<a ng-href="https://runwayscout.com/products/dakoda-mini-dress-black" intellisuggest="" class="grid-product__link" href="https://runwayscout.com/products/dakoda-mini-dress-black"> <h3 class="grid-product__title grid-product__title--body ng-binding">Dakoda Mini Dress (Black)</h3> </a>
<!-- ngIf: slideout.triggered -->
<div class="grid-product__price"> <!-- ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --><span ng-if="result.msrp && (result.msrp * 1) > (result.price * 1)" class="visually-hidden ng-scope">Regular
price</span><!-- end ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --> <!-- ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --><span
ng-if="result.msrp && (result.msrp * 1) > (result.price * 1)" class="grid-product__price--original grid-product__price--red ng-scope"> <span ng-bind-html="graphQL.markets.format(result.msrp) | trusted"
class="ng-binding">$88.00</span> </span><!-- end ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --> <!-- ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --><span
ng-if="result.msrp && (result.msrp * 1) > (result.price * 1)" class="visually-hidden ng-scope">Sale price</span><!-- end ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --> <span
ng-bind-html="graphQL.markets.format(result.price) | trusted" class="ng-binding">$62.00</span> </div>
<div class="grid-product__sizes">
<!-- ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="40385353941064" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> XS </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="40385353973832" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> S </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope out-of-stock" ng-href="#" data-variant-id="40385354006600" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> M </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope out-of-stock" ng-href="#" data-variant-id="40385354039368" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> L </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="40385354072136" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> XL </a><!-- end ngRepeat: size in result.ss_sizes track by $index -->
</div>
</div>
</div><!-- end ngIf: !result.isInlineBanner -->
</div><!-- end ngRepeat: result in results | limitTo:profile.itemLimit track by result.uid -->
<div ng-repeat="result in results | limitTo:profile.itemLimit track by result.uid"
class="ss-recommendations-item grid__item grid-product grid-product-custom small--one-half medium-up--one-quarter aos-init aos-animate ng-scope ss-targeted tns-item" aria-hidden="true" tabindex="-1">
<!-- Content for item goes here --> <!-- ngIf: result.isInlineBanner --> <!-- ngIf: !result.isInlineBanner -->
<div ng-if="!result.isInlineBanner" class="grid-product__content ng-scope"> <!-- ngIf: result.badge --> <!-- ngIf: result.badgesRight -->
<a ng-href="https://runwayscout.com/products/shipping-insurance" intellisuggest="" class="grid-product__link" href="https://runwayscout.com/products/shipping-insurance"></a>
<div class="grid-product__image-mask">
<!-- ngIf: !result.mfield_steadlane_plp_video --><a ng-if="!result.mfield_steadlane_plp_video" ng-href="https://runwayscout.com/products/shipping-insurance" intellisuggest="" class="grid-product__link ng-scope" href="https://runwayscout.com/products/shipping-insurance"> <div class="image-wrap" style="height: 0; padding-bottom: 149.936630037%;"> <!-- ngIf: recommendations --><img ng-if="recommendations" class="grid-product__image lazyautosizes lazyload ng-scope" data-aspectratio="0.66650390625" data-sizes="auto" alt="Shipping Insurance" ng-src="https://cdn.shopify.com/s/files/1/0323/1681/files/shipping-insurance-icon_600x600.png?v=1732256748" onerror="this.src='//cdn.searchspring.net/ajax_search/img/default_image.png';" src="https://cdn.shopify.com/s/files/1/0323/1681/files/shipping-insurance-icon_600x600.png?v=1732256748" style=""><!-- end ngIf: recommendations --> <!-- ngIf: !recommendations --> </div> <!-- ngIf: result.ss_image_hover --> </a><!-- end ngIf: !result.mfield_steadlane_plp_video -->
<!-- ngIf: !recommendations && result.mfield_steadlane_plp_video -->
<div class="grid-product__hover-content"> <a ng-href="https://runwayscout.com/products/shipping-insurance" intellisuggest="" class="grid-product__link" href="https://runwayscout.com/products/shipping-insurance"></a>
<div class="grid-product__sizes"> <a ng-href="https://runwayscout.com/products/shipping-insurance" intellisuggest="" class="grid-product__link" href="https://runwayscout.com/products/shipping-insurance"></a>
<!-- ngRepeat: size in result.ss_sizes track by $index --> </div>
<div class="grid-product__wishlist"> <wishlist-button class="swym-grid-item-btn" data-product-handle="shipping-insurance"> <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 20.468 19.916">
<g id="wichlist-icon" transform="translate(0.1 0.1)">
<path id="heart301"
d="M18.629,1.7A5.585,5.585,0,0,0,14.662,0a5.338,5.338,0,0,0-2.544.643A5.535,5.535,0,0,0,10.134,2.4,5.535,5.535,0,0,0,8.15.643,5.339,5.339,0,0,0,5.606,0,5.585,5.585,0,0,0,1.639,1.7,6.022,6.022,0,0,0,0,5.839,9.407,9.407,0,0,0,.5,8.793a6.235,6.235,0,0,0,.615,1.263c.276.442.528.812.744,1.1a10.257,10.257,0,0,0,.938,1.082c.415.423.755.755,1,.992s.625.587,1.121,1.037c.571.519.978.9,1.24,1.15s.625.609,1.11,1.094a17.763,17.763,0,0,1,2.383,2.92.559.559,0,0,0,.485.282.573.573,0,0,0,.507-.282,18.435,18.435,0,0,1,1.531-2.074q.894-1.045,1.488-1.623c.4-.392.979-.938,1.725-1.634.461-.431.83-.755,1.078-.992s.571-.564.97-.981a13.01,13.01,0,0,0,.938-1.071c.229-.3.471-.667.744-1.1a7.067,7.067,0,0,0,1-2.593,7.657,7.657,0,0,0,.151-1.522A6.021,6.021,0,0,0,18.629,1.7Zm.345,5.287A7.582,7.582,0,0,1,17.1,10.675c-.455.527-1.291,1.367-2.512,2.5-.633.589-1.143,1.071-1.542,1.454s-.865.876-1.434,1.511S10.134,18,10.134,18,9.183,16.8,8.6,16.177s-1.035-1.1-1.369-1.42-.843-.786-1.542-1.432l-.744-.688-.679-.643c-.294-.278-.52-.5-.668-.676s-.334-.383-.571-.654a5.776,5.776,0,0,1-.539-.7,7.343,7.343,0,0,1-.819-1.477l-.248-.8a6.137,6.137,0,0,1-.237-1.849A4.486,4.486,0,0,1,2.48,2.6,4.19,4.19,0,0,1,5.606,1.251a4.146,4.146,0,0,1,2.361.721A4.5,4.5,0,0,1,9.606,3.9a.54.54,0,0,0,.528.349.562.562,0,0,0,.55-.349,4.51,4.51,0,0,1,1.606-1.928,4.277,4.277,0,0,1,5.487.62,4.494,4.494,0,0,1,1.294,3.247A7.051,7.051,0,0,1,18.974,6.989Z"
transform="translate(0 0)" stroke="#000" stroke-width="0.2"></path>
</g>
</svg> </wishlist-button> </div>
</div>
</div>
<div class="grid-product__meta"> <!-- ngIf: result.badgeBottom -->
<div ng-if="result.badgeBottom" class="ss-bottom-badge ng-scope">
<a ng-href="https://runwayscout.com/products/shipping-insurance" intellisuggest="" class="grid-product__link ng-binding" href="https://runwayscout.com/products/shipping-insurance">JOIN THE WAITLIST</a> </div>
<!-- end ngIf: result.badgeBottom -->
<a ng-href="https://runwayscout.com/products/shipping-insurance" intellisuggest="" class="grid-product__link" href="https://runwayscout.com/products/shipping-insurance"> <h3 class="grid-product__title grid-product__title--body ng-binding">Shipping Insurance</h3> </a>
<!-- ngIf: slideout.triggered -->
<div class="grid-product__price"> <!-- ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --> <!-- ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) -->
<!-- ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --> <span ng-bind-html="graphQL.markets.format(result.price) | trusted" class="ng-binding">$3.99</span> </div>
<div class="grid-product__sizes"> <!-- ngRepeat: size in result.ss_sizes track by $index --> </div>
</div>
</div><!-- end ngIf: !result.isInlineBanner -->
</div>
<div ng-repeat="result in results | limitTo:profile.itemLimit track by result.uid"
class="ss-recommendations-item grid__item grid-product grid-product-custom small--one-half medium-up--one-quarter aos-init aos-animate ng-scope ss-targeted tns-item" aria-hidden="true" tabindex="-1">
<!-- Content for item goes here --> <!-- ngIf: result.isInlineBanner --> <!-- ngIf: !result.isInlineBanner -->
<div ng-if="!result.isInlineBanner" class="grid-product__content ng-scope"> <!-- ngIf: result.badge -->
<div ng-if="result.badge" class="grid-product__tag grid-product__tag--custom ng-binding ng-scope">EXCLUSIVE</div><!-- end ngIf: result.badge --> <!-- ngIf: result.badgesRight -->
<div ng-if="result.badgesRight" class="ss-badges-right grid-product__tag grid-product__tag--sold-out ng-binding ng-scope"
ng-style="{ 'color': result.badgesRight.hasOwnProperty('colorForeground') ? result.badgesRight.colorForeground : '', 'background-color': result.badgesRight.hasOwnProperty('colorBackground') ? result.badgesRight.colorBackground : '' }"
style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0);">30% OFF</div><!-- end ngIf: result.badgesRight -->
<a ng-href="https://runwayscout.com/products/val-knit-maxi-skirt-red" intellisuggest="" class="grid-product__link" href="https://runwayscout.com/products/val-knit-maxi-skirt-red"></a>
<div class="grid-product__image-mask">
<!-- ngIf: !result.mfield_steadlane_plp_video --><a ng-if="!result.mfield_steadlane_plp_video" ng-href="https://runwayscout.com/products/val-knit-maxi-skirt-red" intellisuggest="" class="grid-product__link ng-scope" href="https://runwayscout.com/products/val-knit-maxi-skirt-red"> <div class="image-wrap" style="height: 0; padding-bottom: 149.936630037%;"> <!-- ngIf: recommendations --><img ng-if="recommendations" class="grid-product__image lazyautosizes lazyload ng-scope" data-aspectratio="0.66650390625" data-sizes="auto" alt="Val Knit Maxi Skirt (Red)" ng-src="https://cdn.shopify.com/s/files/1/0323/1681/files/Bleu_Kiana_231219_BeachxRunway_SHOT9_1857_600x600.jpg?v=1711078254" onerror="this.src='//cdn.searchspring.net/ajax_search/img/default_image.png';" src="https://cdn.shopify.com/s/files/1/0323/1681/files/Bleu_Kiana_231219_BeachxRunway_SHOT9_1857_600x600.jpg?v=1711078254" style="visibility: hidden;"><!-- end ngIf: recommendations --> <!-- ngIf: !recommendations --> </div> <!-- ngIf: result.ss_image_hover --><div ng-if="result.ss_image_hover" class="grid-product__secondary-image small--hide ng-scope"> <!-- ngIf: recommendations --><img ng-if="recommendations" class="lazyautosizes lazyload ng-scope" data-aspectratio="0.66650390625" data-sizes="auto" alt="Val Knit Maxi Skirt (Red)" ng-src="https://cdn.shopify.com/s/files/1/0323/1681/files/Bleu_Kiana_231219_BeachxRunway_SHOT9_1874_600x600.jpg?v=1711078254" onerror="this.src='//cdn.searchspring.net/ajax_search/img/default_image.png';" src="https://cdn.shopify.com/s/files/1/0323/1681/files/Bleu_Kiana_231219_BeachxRunway_SHOT9_1874_600x600.jpg?v=1711078254" style="visibility: hidden;"><!-- end ngIf: recommendations --> <!-- ngIf: !recommendations --> </div><!-- end ngIf: result.ss_image_hover --> </a><!-- end ngIf: !result.mfield_steadlane_plp_video -->
<!-- ngIf: !recommendations && result.mfield_steadlane_plp_video -->
<div class="grid-product__hover-content"> <a ng-href="https://runwayscout.com/products/val-knit-maxi-skirt-red" intellisuggest="" class="grid-product__link" href="https://runwayscout.com/products/val-knit-maxi-skirt-red"></a>
<div class="grid-product__sizes"> <a ng-href="https://runwayscout.com/products/val-knit-maxi-skirt-red" intellisuggest="" class="grid-product__link" href="https://runwayscout.com/products/val-knit-maxi-skirt-red"></a>
<!-- ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope out-of-stock" ng-href="#" data-variant-id="40062425038920" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> 6 </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="40062425071688" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> 8 </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope out-of-stock" ng-href="#" data-variant-id="40062425104456" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> 10 </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="40062425137224" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> 12 </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope out-of-stock" ng-href="#" data-variant-id="40062425169992" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> 14 </a><!-- end ngRepeat: size in result.ss_sizes track by $index -->
</div>
<div class="grid-product__wishlist"> <wishlist-button class="swym-grid-item-btn" data-product-handle="val-knit-maxi-skirt-red"> <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 20.468 19.916">
<g id="wichlist-icon" transform="translate(0.1 0.1)">
<path id="heart301"
d="M18.629,1.7A5.585,5.585,0,0,0,14.662,0a5.338,5.338,0,0,0-2.544.643A5.535,5.535,0,0,0,10.134,2.4,5.535,5.535,0,0,0,8.15.643,5.339,5.339,0,0,0,5.606,0,5.585,5.585,0,0,0,1.639,1.7,6.022,6.022,0,0,0,0,5.839,9.407,9.407,0,0,0,.5,8.793a6.235,6.235,0,0,0,.615,1.263c.276.442.528.812.744,1.1a10.257,10.257,0,0,0,.938,1.082c.415.423.755.755,1,.992s.625.587,1.121,1.037c.571.519.978.9,1.24,1.15s.625.609,1.11,1.094a17.763,17.763,0,0,1,2.383,2.92.559.559,0,0,0,.485.282.573.573,0,0,0,.507-.282,18.435,18.435,0,0,1,1.531-2.074q.894-1.045,1.488-1.623c.4-.392.979-.938,1.725-1.634.461-.431.83-.755,1.078-.992s.571-.564.97-.981a13.01,13.01,0,0,0,.938-1.071c.229-.3.471-.667.744-1.1a7.067,7.067,0,0,0,1-2.593,7.657,7.657,0,0,0,.151-1.522A6.021,6.021,0,0,0,18.629,1.7Zm.345,5.287A7.582,7.582,0,0,1,17.1,10.675c-.455.527-1.291,1.367-2.512,2.5-.633.589-1.143,1.071-1.542,1.454s-.865.876-1.434,1.511S10.134,18,10.134,18,9.183,16.8,8.6,16.177s-1.035-1.1-1.369-1.42-.843-.786-1.542-1.432l-.744-.688-.679-.643c-.294-.278-.52-.5-.668-.676s-.334-.383-.571-.654a5.776,5.776,0,0,1-.539-.7,7.343,7.343,0,0,1-.819-1.477l-.248-.8a6.137,6.137,0,0,1-.237-1.849A4.486,4.486,0,0,1,2.48,2.6,4.19,4.19,0,0,1,5.606,1.251a4.146,4.146,0,0,1,2.361.721A4.5,4.5,0,0,1,9.606,3.9a.54.54,0,0,0,.528.349.562.562,0,0,0,.55-.349,4.51,4.51,0,0,1,1.606-1.928,4.277,4.277,0,0,1,5.487.62,4.494,4.494,0,0,1,1.294,3.247A7.051,7.051,0,0,1,18.974,6.989Z"
transform="translate(0 0)" stroke="#000" stroke-width="0.2"></path>
</g>
</svg> </wishlist-button> </div>
</div>
</div>
<div class="grid-product__meta"> <!-- ngIf: result.badgeBottom -->
<a ng-href="https://runwayscout.com/products/val-knit-maxi-skirt-red" intellisuggest="" class="grid-product__link" href="https://runwayscout.com/products/val-knit-maxi-skirt-red"> <h3 class="grid-product__title grid-product__title--body ng-binding">Val Knit Maxi Skirt (Red)</h3> </a>
<!-- ngIf: slideout.triggered -->
<div class="grid-product__price"> <!-- ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --><span ng-if="result.msrp && (result.msrp * 1) > (result.price * 1)" class="visually-hidden ng-scope">Regular
price</span><!-- end ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --> <!-- ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --><span
ng-if="result.msrp && (result.msrp * 1) > (result.price * 1)" class="grid-product__price--original grid-product__price--red ng-scope"> <span ng-bind-html="graphQL.markets.format(result.msrp) | trusted"
class="ng-binding">$79.99</span> </span><!-- end ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --> <!-- ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --><span
ng-if="result.msrp && (result.msrp * 1) > (result.price * 1)" class="visually-hidden ng-scope">Sale price</span><!-- end ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --> <span
ng-bind-html="graphQL.markets.format(result.price) | trusted" class="ng-binding">$55.99</span> </div>
<div class="grid-product__sizes">
<!-- ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope out-of-stock" ng-href="#" data-variant-id="40062425038920" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> 6 </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="40062425071688" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> 8 </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope out-of-stock" ng-href="#" data-variant-id="40062425104456" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> 10 </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="40062425137224" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> 12 </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope out-of-stock" ng-href="#" data-variant-id="40062425169992" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> 14 </a><!-- end ngRepeat: size in result.ss_sizes track by $index -->
</div>
</div>
</div><!-- end ngIf: !result.isInlineBanner -->
</div>
<div ng-repeat="result in results | limitTo:profile.itemLimit track by result.uid"
class="ss-recommendations-item grid__item grid-product grid-product-custom small--one-half medium-up--one-quarter aos-init aos-animate ng-scope ss-targeted tns-item" aria-hidden="true" tabindex="-1">
<!-- Content for item goes here --> <!-- ngIf: result.isInlineBanner --> <!-- ngIf: !result.isInlineBanner -->
<div ng-if="!result.isInlineBanner" class="grid-product__content ng-scope"> <!-- ngIf: result.badge -->
<div ng-if="result.badge" class="grid-product__tag grid-product__tag--custom ng-binding ng-scope">EXCLUSIVE</div><!-- end ngIf: result.badge --> <!-- ngIf: result.badgesRight -->
<div ng-if="result.badgesRight" class="ss-badges-right grid-product__tag grid-product__tag--sold-out ng-binding ng-scope"
ng-style="{ 'color': result.badgesRight.hasOwnProperty('colorForeground') ? result.badgesRight.colorForeground : '', 'background-color': result.badgesRight.hasOwnProperty('colorBackground') ? result.badgesRight.colorBackground : '' }"
style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0);">30% OFF</div><!-- end ngIf: result.badgesRight -->
<a ng-href="https://runwayscout.com/products/billie-pant-white" intellisuggest="" class="grid-product__link" href="https://runwayscout.com/products/billie-pant-white"></a>
<div class="grid-product__image-mask">
<!-- ngIf: !result.mfield_steadlane_plp_video --><a ng-if="!result.mfield_steadlane_plp_video" ng-href="https://runwayscout.com/products/billie-pant-white" intellisuggest="" class="grid-product__link ng-scope" href="https://runwayscout.com/products/billie-pant-white"> <div class="image-wrap" style="height: 0; padding-bottom: 149.936630037%;"> <!-- ngIf: recommendations --><img ng-if="recommendations" class="grid-product__image lazyautosizes lazyload ng-scope" data-aspectratio="0.66650390625" data-sizes="auto" alt="Billie Pant (White)" ng-src="https://cdn.shopify.com/s/files/1/0323/1681/files/24_08_15_Spiral_lilli_021A1161_600x600.jpg?v=1723763795" onerror="this.src='//cdn.searchspring.net/ajax_search/img/default_image.png';" src="https://cdn.shopify.com/s/files/1/0323/1681/files/24_08_15_Spiral_lilli_021A1161_600x600.jpg?v=1723763795" style="visibility: hidden;"><!-- end ngIf: recommendations --> <!-- ngIf: !recommendations --> </div> <!-- ngIf: result.ss_image_hover --><div ng-if="result.ss_image_hover" class="grid-product__secondary-image small--hide ng-scope"> <!-- ngIf: recommendations --><img ng-if="recommendations" class="lazyautosizes lazyload ng-scope" data-aspectratio="0.66650390625" data-sizes="auto" alt="Billie Pant (White)" ng-src="https://cdn.shopify.com/s/files/1/0323/1681/files/240104_Viccy_Runwayscout_240207_Lilli_Luce17426_5f23f15e-15c1-4d36-ad15-4c38ac627994_600x600.jpg?v=1722568810" onerror="this.src='//cdn.searchspring.net/ajax_search/img/default_image.png';" src="https://cdn.shopify.com/s/files/1/0323/1681/files/240104_Viccy_Runwayscout_240207_Lilli_Luce17426_5f23f15e-15c1-4d36-ad15-4c38ac627994_600x600.jpg?v=1722568810" style=""><!-- end ngIf: recommendations --> <!-- ngIf: !recommendations --> </div><!-- end ngIf: result.ss_image_hover --> </a><!-- end ngIf: !result.mfield_steadlane_plp_video -->
<!-- ngIf: !recommendations && result.mfield_steadlane_plp_video -->
<div class="grid-product__hover-content"> <a ng-href="https://runwayscout.com/products/billie-pant-white" intellisuggest="" class="grid-product__link" href="https://runwayscout.com/products/billie-pant-white"></a>
<div class="grid-product__sizes"> <a ng-href="https://runwayscout.com/products/billie-pant-white" intellisuggest="" class="grid-product__link" href="https://runwayscout.com/products/billie-pant-white"></a>
<!-- ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="39984434446408" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> XS </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="39984434479176" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> S </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="39984434511944" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> M </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="39984434544712" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> L </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="39984434577480" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> XL </a><!-- end ngRepeat: size in result.ss_sizes track by $index -->
</div>
<div class="grid-product__wishlist"> <wishlist-button class="swym-grid-item-btn" data-product-handle="billie-pant-white"> <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 20.468 19.916">
<g id="wichlist-icon" transform="translate(0.1 0.1)">
<path id="heart301"
d="M18.629,1.7A5.585,5.585,0,0,0,14.662,0a5.338,5.338,0,0,0-2.544.643A5.535,5.535,0,0,0,10.134,2.4,5.535,5.535,0,0,0,8.15.643,5.339,5.339,0,0,0,5.606,0,5.585,5.585,0,0,0,1.639,1.7,6.022,6.022,0,0,0,0,5.839,9.407,9.407,0,0,0,.5,8.793a6.235,6.235,0,0,0,.615,1.263c.276.442.528.812.744,1.1a10.257,10.257,0,0,0,.938,1.082c.415.423.755.755,1,.992s.625.587,1.121,1.037c.571.519.978.9,1.24,1.15s.625.609,1.11,1.094a17.763,17.763,0,0,1,2.383,2.92.559.559,0,0,0,.485.282.573.573,0,0,0,.507-.282,18.435,18.435,0,0,1,1.531-2.074q.894-1.045,1.488-1.623c.4-.392.979-.938,1.725-1.634.461-.431.83-.755,1.078-.992s.571-.564.97-.981a13.01,13.01,0,0,0,.938-1.071c.229-.3.471-.667.744-1.1a7.067,7.067,0,0,0,1-2.593,7.657,7.657,0,0,0,.151-1.522A6.021,6.021,0,0,0,18.629,1.7Zm.345,5.287A7.582,7.582,0,0,1,17.1,10.675c-.455.527-1.291,1.367-2.512,2.5-.633.589-1.143,1.071-1.542,1.454s-.865.876-1.434,1.511S10.134,18,10.134,18,9.183,16.8,8.6,16.177s-1.035-1.1-1.369-1.42-.843-.786-1.542-1.432l-.744-.688-.679-.643c-.294-.278-.52-.5-.668-.676s-.334-.383-.571-.654a5.776,5.776,0,0,1-.539-.7,7.343,7.343,0,0,1-.819-1.477l-.248-.8a6.137,6.137,0,0,1-.237-1.849A4.486,4.486,0,0,1,2.48,2.6,4.19,4.19,0,0,1,5.606,1.251a4.146,4.146,0,0,1,2.361.721A4.5,4.5,0,0,1,9.606,3.9a.54.54,0,0,0,.528.349.562.562,0,0,0,.55-.349,4.51,4.51,0,0,1,1.606-1.928,4.277,4.277,0,0,1,5.487.62,4.494,4.494,0,0,1,1.294,3.247A7.051,7.051,0,0,1,18.974,6.989Z"
transform="translate(0 0)" stroke="#000" stroke-width="0.2"></path>
</g>
</svg> </wishlist-button> </div>
</div>
</div>
<div class="grid-product__meta"> <!-- ngIf: result.badgeBottom -->
<a ng-href="https://runwayscout.com/products/billie-pant-white" intellisuggest="" class="grid-product__link" href="https://runwayscout.com/products/billie-pant-white"> <h3 class="grid-product__title grid-product__title--body ng-binding">Billie Pant (White)</h3> </a>
<!-- ngIf: slideout.triggered -->
<div class="grid-product__price"> <!-- ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --><span ng-if="result.msrp && (result.msrp * 1) > (result.price * 1)" class="visually-hidden ng-scope">Regular
price</span><!-- end ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --> <!-- ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --><span
ng-if="result.msrp && (result.msrp * 1) > (result.price * 1)" class="grid-product__price--original grid-product__price--red ng-scope"> <span ng-bind-html="graphQL.markets.format(result.msrp) | trusted"
class="ng-binding">$129.99</span> </span><!-- end ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --> <!-- ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --><span
ng-if="result.msrp && (result.msrp * 1) > (result.price * 1)" class="visually-hidden ng-scope">Sale price</span><!-- end ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --> <span
ng-bind-html="graphQL.markets.format(result.price) | trusted" class="ng-binding">$90.99</span> </div>
<div class="grid-product__sizes">
<!-- ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="39984434446408" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> XS </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="39984434479176" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> S </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="39984434511944" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> M </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="39984434544712" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> L </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="39984434577480" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> XL </a><!-- end ngRepeat: size in result.ss_sizes track by $index -->
</div>
</div>
</div><!-- end ngIf: !result.isInlineBanner -->
</div>
<div ng-repeat="result in results | limitTo:profile.itemLimit track by result.uid"
class="ss-recommendations-item grid__item grid-product grid-product-custom small--one-half medium-up--one-quarter aos-init aos-animate ng-scope ss-targeted tns-item" aria-hidden="true" tabindex="-1">
<!-- Content for item goes here --> <!-- ngIf: result.isInlineBanner --> <!-- ngIf: !result.isInlineBanner -->
<div ng-if="!result.isInlineBanner" class="grid-product__content ng-scope"> <!-- ngIf: result.badge -->
<div ng-if="result.badge" class="grid-product__tag grid-product__tag--custom ng-binding ng-scope">NEW ARRIVAL</div><!-- end ngIf: result.badge --> <!-- ngIf: result.badgesRight -->
<div ng-if="result.badgesRight" class="ss-badges-right grid-product__tag grid-product__tag--sold-out ng-binding ng-scope"
ng-style="{ 'color': result.badgesRight.hasOwnProperty('colorForeground') ? result.badgesRight.colorForeground : '', 'background-color': result.badgesRight.hasOwnProperty('colorBackground') ? result.badgesRight.colorBackground : '' }"
style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0);">30% OFF</div><!-- end ngIf: result.badgesRight -->
<a ng-href="https://runwayscout.com/products/billie-pant-cream" intellisuggest="" class="grid-product__link" href="https://runwayscout.com/products/billie-pant-cream"></a>
<div class="grid-product__image-mask">
<!-- ngIf: !result.mfield_steadlane_plp_video --><a ng-if="!result.mfield_steadlane_plp_video" ng-href="https://runwayscout.com/products/billie-pant-cream" intellisuggest="" class="grid-product__link ng-scope" href="https://runwayscout.com/products/billie-pant-cream"> <div class="image-wrap" style="height: 0; padding-bottom: 149.936630037%;"> <!-- ngIf: recommendations --><img ng-if="recommendations" class="grid-product__image lazyautosizes lazyload ng-scope" data-aspectratio="0.66650390625" data-sizes="auto" alt="Billie Pant (Cream)" ng-src="https://cdn.shopify.com/s/files/1/0323/1681/files/24_08_15_Spiral_lilli_021A1574_600x600.jpg?v=1726191298" onerror="this.src='//cdn.searchspring.net/ajax_search/img/default_image.png';" src="https://cdn.shopify.com/s/files/1/0323/1681/files/24_08_15_Spiral_lilli_021A1574_600x600.jpg?v=1726191298" style="visibility: hidden;"><!-- end ngIf: recommendations --> <!-- ngIf: !recommendations --> </div> <!-- ngIf: result.ss_image_hover --><div ng-if="result.ss_image_hover" class="grid-product__secondary-image small--hide ng-scope"> <!-- ngIf: recommendations --><img ng-if="recommendations" class="lazyautosizes lazyload ng-scope" data-aspectratio="0.66650390625" data-sizes="auto" alt="Billie Pant (Cream)" ng-src="https://cdn.shopify.com/s/files/1/0323/1681/files/24_08_19_Lilli_Spiral24_08_28_Imi1068_600x600.jpg?v=1724904893" onerror="this.src='//cdn.searchspring.net/ajax_search/img/default_image.png';" src="https://cdn.shopify.com/s/files/1/0323/1681/files/24_08_19_Lilli_Spiral24_08_28_Imi1068_600x600.jpg?v=1724904893" style="visibility: hidden;"><!-- end ngIf: recommendations --> <!-- ngIf: !recommendations --> </div><!-- end ngIf: result.ss_image_hover --> </a><!-- end ngIf: !result.mfield_steadlane_plp_video -->
<!-- ngIf: !recommendations && result.mfield_steadlane_plp_video -->
<div class="grid-product__hover-content"> <a ng-href="https://runwayscout.com/products/billie-pant-cream" intellisuggest="" class="grid-product__link" href="https://runwayscout.com/products/billie-pant-cream"></a>
<div class="grid-product__sizes"> <a ng-href="https://runwayscout.com/products/billie-pant-cream" intellisuggest="" class="grid-product__link" href="https://runwayscout.com/products/billie-pant-cream"></a>
<!-- ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="51020906201453" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> XS </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="51020906234221" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> S </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="51020906266989" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> M </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="51020906299757" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> L </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="51020906332525" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> XL </a><!-- end ngRepeat: size in result.ss_sizes track by $index -->
</div>
<div class="grid-product__wishlist"> <wishlist-button class="swym-grid-item-btn" data-product-handle="billie-pant-cream"> <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 20.468 19.916">
<g id="wichlist-icon" transform="translate(0.1 0.1)">
<path id="heart301"
d="M18.629,1.7A5.585,5.585,0,0,0,14.662,0a5.338,5.338,0,0,0-2.544.643A5.535,5.535,0,0,0,10.134,2.4,5.535,5.535,0,0,0,8.15.643,5.339,5.339,0,0,0,5.606,0,5.585,5.585,0,0,0,1.639,1.7,6.022,6.022,0,0,0,0,5.839,9.407,9.407,0,0,0,.5,8.793a6.235,6.235,0,0,0,.615,1.263c.276.442.528.812.744,1.1a10.257,10.257,0,0,0,.938,1.082c.415.423.755.755,1,.992s.625.587,1.121,1.037c.571.519.978.9,1.24,1.15s.625.609,1.11,1.094a17.763,17.763,0,0,1,2.383,2.92.559.559,0,0,0,.485.282.573.573,0,0,0,.507-.282,18.435,18.435,0,0,1,1.531-2.074q.894-1.045,1.488-1.623c.4-.392.979-.938,1.725-1.634.461-.431.83-.755,1.078-.992s.571-.564.97-.981a13.01,13.01,0,0,0,.938-1.071c.229-.3.471-.667.744-1.1a7.067,7.067,0,0,0,1-2.593,7.657,7.657,0,0,0,.151-1.522A6.021,6.021,0,0,0,18.629,1.7Zm.345,5.287A7.582,7.582,0,0,1,17.1,10.675c-.455.527-1.291,1.367-2.512,2.5-.633.589-1.143,1.071-1.542,1.454s-.865.876-1.434,1.511S10.134,18,10.134,18,9.183,16.8,8.6,16.177s-1.035-1.1-1.369-1.42-.843-.786-1.542-1.432l-.744-.688-.679-.643c-.294-.278-.52-.5-.668-.676s-.334-.383-.571-.654a5.776,5.776,0,0,1-.539-.7,7.343,7.343,0,0,1-.819-1.477l-.248-.8a6.137,6.137,0,0,1-.237-1.849A4.486,4.486,0,0,1,2.48,2.6,4.19,4.19,0,0,1,5.606,1.251a4.146,4.146,0,0,1,2.361.721A4.5,4.5,0,0,1,9.606,3.9a.54.54,0,0,0,.528.349.562.562,0,0,0,.55-.349,4.51,4.51,0,0,1,1.606-1.928,4.277,4.277,0,0,1,5.487.62,4.494,4.494,0,0,1,1.294,3.247A7.051,7.051,0,0,1,18.974,6.989Z"
transform="translate(0 0)" stroke="#000" stroke-width="0.2"></path>
</g>
</svg> </wishlist-button> </div>
</div>
</div>
<div class="grid-product__meta"> <!-- ngIf: result.badgeBottom -->
<a ng-href="https://runwayscout.com/products/billie-pant-cream" intellisuggest="" class="grid-product__link" href="https://runwayscout.com/products/billie-pant-cream"> <h3 class="grid-product__title grid-product__title--body ng-binding">Billie Pant (Cream)</h3> </a>
<!-- ngIf: slideout.triggered -->
<div class="grid-product__price"> <!-- ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --><span ng-if="result.msrp && (result.msrp * 1) > (result.price * 1)" class="visually-hidden ng-scope">Regular
price</span><!-- end ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --> <!-- ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --><span
ng-if="result.msrp && (result.msrp * 1) > (result.price * 1)" class="grid-product__price--original grid-product__price--red ng-scope"> <span ng-bind-html="graphQL.markets.format(result.msrp) | trusted"
class="ng-binding">$129.99</span> </span><!-- end ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --> <!-- ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --><span
ng-if="result.msrp && (result.msrp * 1) > (result.price * 1)" class="visually-hidden ng-scope">Sale price</span><!-- end ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --> <span
ng-bind-html="graphQL.markets.format(result.price) | trusted" class="ng-binding">$90.99</span> </div>
<div class="grid-product__sizes">
<!-- ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="51020906201453" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> XS </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="51020906234221" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> S </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="51020906266989" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> M </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="51020906299757" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> L </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="51020906332525" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> XL </a><!-- end ngRepeat: size in result.ss_sizes track by $index -->
</div>
</div>
</div><!-- end ngIf: !result.isInlineBanner -->
</div>
<div ng-repeat="result in results | limitTo:profile.itemLimit track by result.uid"
class="ss-recommendations-item grid__item grid-product grid-product-custom small--one-half medium-up--one-quarter aos-init aos-animate ng-scope ss-targeted tns-item" aria-hidden="true" tabindex="-1">
<!-- Content for item goes here --> <!-- ngIf: result.isInlineBanner --> <!-- ngIf: !result.isInlineBanner -->
<div ng-if="!result.isInlineBanner" class="grid-product__content ng-scope"> <!-- ngIf: result.badge -->
<div ng-if="result.badge" class="grid-product__tag grid-product__tag--custom ng-binding ng-scope">NEW ARRIVAL</div><!-- end ngIf: result.badge --> <!-- ngIf: result.badgesRight -->
<div ng-if="result.badgesRight" class="ss-badges-right grid-product__tag grid-product__tag--sold-out ng-binding ng-scope"
ng-style="{ 'color': result.badgesRight.hasOwnProperty('colorForeground') ? result.badgesRight.colorForeground : '', 'background-color': result.badgesRight.hasOwnProperty('colorBackground') ? result.badgesRight.colorBackground : '' }"
style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0);">30% OFF</div><!-- end ngIf: result.badgesRight -->
<a ng-href="https://runwayscout.com/products/amara-mini-dress-blue" intellisuggest="" class="grid-product__link" href="https://runwayscout.com/products/amara-mini-dress-blue"></a>
<div class="grid-product__image-mask">
<!-- ngIf: !result.mfield_steadlane_plp_video --><a ng-if="!result.mfield_steadlane_plp_video" ng-href="https://runwayscout.com/products/amara-mini-dress-blue" intellisuggest="" class="grid-product__link ng-scope" href="https://runwayscout.com/products/amara-mini-dress-blue"> <div class="image-wrap" style="height: 0; padding-bottom: 149.936630037%;"> <!-- ngIf: recommendations --><img ng-if="recommendations" class="grid-product__image lazyautosizes lazyload ng-scope" data-aspectratio="0.66650390625" data-sizes="auto" alt="Amara Mini Dress (Blue)" ng-src="https://cdn.shopify.com/s/files/1/0323/1681/files/24_09_02_Imi_Spiral24_09_04_spiral0544_600x600.jpg?v=1725947574" onerror="this.src='//cdn.searchspring.net/ajax_search/img/default_image.png';" src="https://cdn.shopify.com/s/files/1/0323/1681/files/24_09_02_Imi_Spiral24_09_04_spiral0544_600x600.jpg?v=1725947574" style=""><!-- end ngIf: recommendations --> <!-- ngIf: !recommendations --> </div> <!-- ngIf: result.ss_image_hover --><div ng-if="result.ss_image_hover" class="grid-product__secondary-image small--hide ng-scope"> <!-- ngIf: recommendations --><img ng-if="recommendations" class="lazyautosizes lazyload ng-scope" data-aspectratio="0.66650390625" data-sizes="auto" alt="Amara Mini Dress (Blue)" ng-src="https://cdn.shopify.com/s/files/1/0323/1681/files/24_09_02_Imi_Spiral24_09_04_spiral0584_600x600.jpg?v=1725947574" onerror="this.src='//cdn.searchspring.net/ajax_search/img/default_image.png';" src="https://cdn.shopify.com/s/files/1/0323/1681/files/24_09_02_Imi_Spiral24_09_04_spiral0584_600x600.jpg?v=1725947574" style=""><!-- end ngIf: recommendations --> <!-- ngIf: !recommendations --> </div><!-- end ngIf: result.ss_image_hover --> </a><!-- end ngIf: !result.mfield_steadlane_plp_video -->
<!-- ngIf: !recommendations && result.mfield_steadlane_plp_video -->
<div class="grid-product__hover-content"> <a ng-href="https://runwayscout.com/products/amara-mini-dress-blue" intellisuggest="" class="grid-product__link" href="https://runwayscout.com/products/amara-mini-dress-blue"></a>
<div class="grid-product__sizes"> <a ng-href="https://runwayscout.com/products/amara-mini-dress-blue" intellisuggest="" class="grid-product__link" href="https://runwayscout.com/products/amara-mini-dress-blue"></a>
<!-- ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope out-of-stock" ng-href="#" data-variant-id="40385351286856" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> XS </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="40385351319624" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> S </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="40385351352392" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> M </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="40385351385160" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> L </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="40385351417928" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> XL </a><!-- end ngRepeat: size in result.ss_sizes track by $index -->
</div>
<div class="grid-product__wishlist"> <wishlist-button class="swym-grid-item-btn" data-product-handle="amara-mini-dress-blue"> <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 20.468 19.916">
<g id="wichlist-icon" transform="translate(0.1 0.1)">
<path id="heart301"
d="M18.629,1.7A5.585,5.585,0,0,0,14.662,0a5.338,5.338,0,0,0-2.544.643A5.535,5.535,0,0,0,10.134,2.4,5.535,5.535,0,0,0,8.15.643,5.339,5.339,0,0,0,5.606,0,5.585,5.585,0,0,0,1.639,1.7,6.022,6.022,0,0,0,0,5.839,9.407,9.407,0,0,0,.5,8.793a6.235,6.235,0,0,0,.615,1.263c.276.442.528.812.744,1.1a10.257,10.257,0,0,0,.938,1.082c.415.423.755.755,1,.992s.625.587,1.121,1.037c.571.519.978.9,1.24,1.15s.625.609,1.11,1.094a17.763,17.763,0,0,1,2.383,2.92.559.559,0,0,0,.485.282.573.573,0,0,0,.507-.282,18.435,18.435,0,0,1,1.531-2.074q.894-1.045,1.488-1.623c.4-.392.979-.938,1.725-1.634.461-.431.83-.755,1.078-.992s.571-.564.97-.981a13.01,13.01,0,0,0,.938-1.071c.229-.3.471-.667.744-1.1a7.067,7.067,0,0,0,1-2.593,7.657,7.657,0,0,0,.151-1.522A6.021,6.021,0,0,0,18.629,1.7Zm.345,5.287A7.582,7.582,0,0,1,17.1,10.675c-.455.527-1.291,1.367-2.512,2.5-.633.589-1.143,1.071-1.542,1.454s-.865.876-1.434,1.511S10.134,18,10.134,18,9.183,16.8,8.6,16.177s-1.035-1.1-1.369-1.42-.843-.786-1.542-1.432l-.744-.688-.679-.643c-.294-.278-.52-.5-.668-.676s-.334-.383-.571-.654a5.776,5.776,0,0,1-.539-.7,7.343,7.343,0,0,1-.819-1.477l-.248-.8a6.137,6.137,0,0,1-.237-1.849A4.486,4.486,0,0,1,2.48,2.6,4.19,4.19,0,0,1,5.606,1.251a4.146,4.146,0,0,1,2.361.721A4.5,4.5,0,0,1,9.606,3.9a.54.54,0,0,0,.528.349.562.562,0,0,0,.55-.349,4.51,4.51,0,0,1,1.606-1.928,4.277,4.277,0,0,1,5.487.62,4.494,4.494,0,0,1,1.294,3.247A7.051,7.051,0,0,1,18.974,6.989Z"
transform="translate(0 0)" stroke="#000" stroke-width="0.2"></path>
</g>
</svg> </wishlist-button> </div>
</div>
</div>
<div class="grid-product__meta"> <!-- ngIf: result.badgeBottom -->
<a ng-href="https://runwayscout.com/products/amara-mini-dress-blue" intellisuggest="" class="grid-product__link" href="https://runwayscout.com/products/amara-mini-dress-blue"> <h3 class="grid-product__title grid-product__title--body ng-binding">Amara Mini Dress (Blue)</h3> </a>
<!-- ngIf: slideout.triggered -->
<div class="grid-product__price"> <!-- ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --><span ng-if="result.msrp && (result.msrp * 1) > (result.price * 1)" class="visually-hidden ng-scope">Regular
price</span><!-- end ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --> <!-- ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --><span
ng-if="result.msrp && (result.msrp * 1) > (result.price * 1)" class="grid-product__price--original grid-product__price--red ng-scope"> <span ng-bind-html="graphQL.markets.format(result.msrp) | trusted"
class="ng-binding">$89.99</span> </span><!-- end ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --> <!-- ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --><span
ng-if="result.msrp && (result.msrp * 1) > (result.price * 1)" class="visually-hidden ng-scope">Sale price</span><!-- end ngIf: result.msrp && (result.msrp * 1) > (result.price * 1) --> <span
ng-bind-html="graphQL.markets.format(result.price) | trusted" class="ng-binding">$62.99</span> </div>
<div class="grid-product__sizes">
<!-- ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope out-of-stock" ng-href="#" data-variant-id="40385351286856" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> XS </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="40385351319624" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> S </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="40385351352392" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> M </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="40385351385160" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> L </a><!-- end ngRepeat: size in result.ss_sizes track by $index --><a ng-repeat="size in result.ss_sizes track by $index" class="grid-product__sizes--size ng-binding ng-scope" ng-href="#" data-variant-id="40385351417928" intellisuggest="" ng-class="{'out-of-stock': size.available * 1 <= 0}" href="#"> XL </a><!-- end ngRepeat: size in result.ss_sizes track by $index -->
</div>
</div>
</div><!-- end ngIf: !result.isInlineBanner -->
</div>
</div>
</div>
</div>
</div>
</div><!-- end ngIf: results && results.length -->
</div>
<script type="searchspring/personalized-recommendations" profile="mini-cart" class="ss-module-triggered"> options = {
realtime : true
};
</script>
</div>
<div class="drawer__footer appear-animation appear-delay-4"><parcel-protection data-variant-id="51684009410925" style="--text-color: #000000; --accent-color: #4dd863;" class="">
<div class="cart-addon">
<div class="cart-addon__cta">
<label class="switch">
<input data-checkbox="" type="checkbox" checked="">
<span class="pp-slider round"></span>
</label>
</div>
<p class="cart-addon__message">Protect your order from theft or accidental damage for <span data-price="" class="price">$4.00</span></p>
</div>
<script data-settings="" type="application/json">
{
"auto_add": true,
"product_id": 14626977677677
}
</script>
</parcel-protection>
<script>
/* @class
// ParcelProtection
*/
if (!window.customElements.get('parcel-protection')) {
class ParcelProtection extends HTMLElement {
constructor() {
super();
this.variantId = this.dataset.variantId;
this.checkbox = this.querySelector('[data-checkbox]');
this.price = this.querySelector('[data-price]');
this.formSubmitted = false;
this.init();
}
init() {
this.checkCookie();
this.setupCheckboxListener();
}
async handleFormSubmission(event, cartForm) {
if (this.formSubmitted || !this.checkbox.checked) return;
event.preventDefault();
this.cartFormButton = document.querySelector('[name="checkout"]');
this.formSubmitted = true;
try {
let updates = {
[this.variantId]: 1
}
await this.updateProtectionItem(updates);
} catch (error) {
console.error('Error fetching cart for moving to checkout:', error);
}
}
async checkCookie() {
const disabled = this.getCookie('parcel_protection_disabled');
if (disabled === 'true') {
this.checkbox.checked = false;
} else {
// this.addParcelProtection();
this.checkbox.checked = true;
this.setCookie('parcel_protection_disabled', '', -1);
let updates = {
[this.variantId]: 1
}
this.updateProtectionItem(updates);
}
}
getCookie(name) {
const value = `; ${document.cookie}`;
const parts = value.split(`; ${name}=`);
if (parts.length === 2) return parts.pop().split(';').shift();
return null;
}
setupCheckboxListener() {
this.checkbox.addEventListener('change', (event) => {
console.log(this.checkbox.checked)
if (this.checkbox.checked) {
let updates = {
[this.variantId]: 1
};
this.updateProtectionItem(updates);
this.setCookie('parcel_protection_disabled', '', -1);
} else {
this.removeParcelProtection();
this.setCookie('parcel_protection_disabled', 'true', 7);
}
});
}
setCookie(name, value, days) {
const date = new Date();
date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
const expires = `expires=${date.toUTCString()}`;
document.cookie = `${name}=${value}; ${expires}; path=/`;
}
async getCart() {
return fetch(`${theme.routes.cart}`).then((response) => {
if (!response.ok) {
throw new Error('Network response was not ok');
}
return response.json();
}).then((cart) => {
return cart;
}).catch((error) => {
console.error('Error fetching cart:', error);
return null;
});
}
async removeParcelProtection() {
try {
this.settings = JSON.parse(this.querySelector('[data-settings]').innerHTML);
const cart = await this.getCart();
this.protectionItemInCart = cart.items.find((item) => item.product_id == this.settings.product_id);
if (this.protectionItemInCart) {
let updates = {
[this.protectionItemInCart.id]: 0
};
await this.updateProtectionItem(updates);
}
// this._updateCartElements(cart, 0);
} catch (error) {
console.error('Error fetching cart for removing parcel protection:', error);
}
}
async updateProtectionItem(updates) {
if (Object.keys(updates).length > 0) {
this.classList.add('loading');
const body = JSON.stringify({
updates: updates
});
fetch(`${theme.routes.cartUpdate}`, {
method: 'POST',
headers: {
'Content-Type': 'application/json'
},
body: JSON.stringify({
updates
})
}).then((response) => {
const parsedState = response.json();
document.dispatchEvent(new CustomEvent('cart:build', {
detail: {
product: parsedState
}
}));
}).finally(() => {
this.classList.remove('loading');
if (this.formSubmitted) this.cartFormButton.click();
});
}
}
/* Not required
async addParcelProtection() {
try {
this.settings = JSON.parse(this.querySelector('[data-settings]').innerHTML);
const cart = await this.getCart();
const parcelProtectionPrice = cart.items.find((item) => item.product_id === this.settings.product_id)?.price || 0;
this.cartTotal = (cart.total_price - parcelProtectionPrice) / 100;
this.parcelProtectionPrice = Math.floor(this.cartTotal * (this.settings.percentage / 100));
this._updateCartElements(cart, this.parcelProtectionPrice)
} catch (error) {
console.error('Error fetching cart for adding parcel protection:', error);
}
}
_updateCartElements(cart, price) {
// Get the base cart total by excluding parcel protection if it's in the cart
const protectionInCart = cart.items.find((item) => item.product_id === this.settings.product_id);
const baseCartTotal = protectionInCart
? (cart.total_price - protectionInCart.price)
: cart.total_price;
// Calculate the final total, adding the protection price if the checkbox is checked
const finalTotal = this.checkbox.checked ? baseCartTotal + price : baseCartTotal;
// Update the cart total element in the UI
this.cartTotalElement = document.querySelector('[data-cart-total-el]');
if (this.cartTotalElement) {
this.cartTotalElement.innerText = `$${(finalTotal / 100).toFixed(2)}`;
}
this.classList.remove('loading');
}
handleCartError(parsedState) {
document.dispatchEvent(
new CustomEvent('product-ajax:error', {
detail: {
errorMessage: parsedState.description,
},
})
);
}
*/
};
window.customElements.define('parcel-protection', ParcelProtection);
}
const parcelProtection = document.querySelector('parcel-protection');
document.addEventListener('DOMContentLoaded', () => {
if (parcelProtection) {
const cartForm = document.querySelector('form[action="/cart"]');
if (cartForm) {
cartForm.addEventListener('submit', (event) => parcelProtection.handleFormSubmission(event, cartForm));
}
}
})
</script>
<div data-discounts="">
<div class="cart__discounts cart__item-sub cart__item-row hide">
<div>Discounts</div>
<div>
</div>
</div>
</div>
<div class="cart__item-sub cart__item-row" style="visibility: hidden; height: 0;">
<div class="ajaxcart__subtotal">Subtotal</div>
<div data-subtotal="">$4.00</div>
</div>
<div class="cart__checkout-wrapper"><button type="submit" name="checkout" data-terms-required="false" class="btn cart__checkout">Checkout - $4.00</button>
</div>
<div class="cart__item-row--margin-top text-center">
<small> Shipping, taxes, and discount codes calculated at checkout.<br>
</small>
</div>
</div>
</div>
<div class="drawer__cart-empty appear-animation appear-delay-2">
<div class="drawer__scrollable"> Your cart is currently empty. </div>
</div>
</form>POST /localization
<form method="post" action="/localization" id="localization_formtoolbar" accept-charset="UTF-8" class="multi-selectors" enctype="multipart/form-data" data-disclosure-form=""><input type="hidden" name="form_type" value="localization"><input
type="hidden" name="utf8" value="✓"><input type="hidden" name="_method" value="put"><input type="hidden" name="return_to" value="/">
<div class="multi-selectors__item">
<h2 class="visually-hidden" id="CurrencyHeading-toolbar"> Currency </h2>
<div class="disclosure" data-disclosure-currency="">
<button type="button" class="faux-select disclosure__toggle" aria-expanded="false" aria-controls="CurrencyList-toolbar" aria-describedby="CurrencyHeading-toolbar" data-disclosure-toggle=""><span class="disclosure-list__label"> CAD $</span>
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16">
<path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"></path>
</svg>
</button>
<ul id="CurrencyList-toolbar" class="disclosure-list disclosure-list--down disclosure-list--left" data-disclosure-list="">
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="AED" data-disclosure-option=""><span class="disclosure-list__label">
AED د.إ</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="AFN" data-disclosure-option=""><span class="disclosure-list__label">
AFN ؋</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="ALL" data-disclosure-option=""><span class="disclosure-list__label">
ALL L</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="AMD" data-disclosure-option=""><span class="disclosure-list__label">
AMD դր.</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="ANG" data-disclosure-option=""><span class="disclosure-list__label">
ANG ƒ</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="AUD" data-disclosure-option=""><span class="disclosure-list__label">
AUD $</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="AWG" data-disclosure-option=""><span class="disclosure-list__label">
AWG ƒ</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="AZN" data-disclosure-option=""><span class="disclosure-list__label">
AZN ₼</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="BAM" data-disclosure-option=""><span class="disclosure-list__label">
BAM КМ</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="BBD" data-disclosure-option=""><span class="disclosure-list__label">
BBD $</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="BDT" data-disclosure-option=""><span class="disclosure-list__label">
BDT ৳</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="BGN" data-disclosure-option=""><span class="disclosure-list__label">
BGN лв.</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="BIF" data-disclosure-option=""><span class="disclosure-list__label">
BIF Fr</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="BND" data-disclosure-option=""><span class="disclosure-list__label">
BND $</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="BOB" data-disclosure-option=""><span class="disclosure-list__label">
BOB Bs.</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="BSD" data-disclosure-option=""><span class="disclosure-list__label">
BSD $</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="BWP" data-disclosure-option=""><span class="disclosure-list__label">
BWP P</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="BZD" data-disclosure-option=""><span class="disclosure-list__label">
BZD $</span>
</a>
</li>
<li class="disclosure-list__item disclosure-list__item--current">
<a class="disclosure-list__option" href="#" aria-current="true" data-value="CAD" data-disclosure-option=""><span class="disclosure-list__label">
CAD $</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="CDF" data-disclosure-option=""><span class="disclosure-list__label">
CDF Fr</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="CHF" data-disclosure-option=""><span class="disclosure-list__label">
CHF CHF</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="CNY" data-disclosure-option=""><span class="disclosure-list__label">
CNY ¥</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="CRC" data-disclosure-option=""><span class="disclosure-list__label">
CRC ₡</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="CVE" data-disclosure-option=""><span class="disclosure-list__label">
CVE $</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="CZK" data-disclosure-option=""><span class="disclosure-list__label">
CZK Kč</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="DJF" data-disclosure-option=""><span class="disclosure-list__label">
DJF Fdj</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="DKK" data-disclosure-option=""><span class="disclosure-list__label">
DKK kr.</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="DOP" data-disclosure-option=""><span class="disclosure-list__label">
DOP $</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="DZD" data-disclosure-option=""><span class="disclosure-list__label">
DZD د.ج</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="ETB" data-disclosure-option=""><span class="disclosure-list__label">
ETB Br</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="EUR" data-disclosure-option=""><span class="disclosure-list__label">
EUR €</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="FJD" data-disclosure-option=""><span class="disclosure-list__label">
FJD $</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="FKP" data-disclosure-option=""><span class="disclosure-list__label">
FKP £</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="GBP" data-disclosure-option=""><span class="disclosure-list__label">
GBP £</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="GMD" data-disclosure-option=""><span class="disclosure-list__label">
GMD D</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="GNF" data-disclosure-option=""><span class="disclosure-list__label">
GNF Fr</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="GTQ" data-disclosure-option=""><span class="disclosure-list__label">
GTQ Q</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="GYD" data-disclosure-option=""><span class="disclosure-list__label">
GYD $</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="HKD" data-disclosure-option=""><span class="disclosure-list__label">
HKD $</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="HNL" data-disclosure-option=""><span class="disclosure-list__label">
HNL L</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="HUF" data-disclosure-option=""><span class="disclosure-list__label">
HUF Ft</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="IDR" data-disclosure-option=""><span class="disclosure-list__label">
IDR Rp</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="ILS" data-disclosure-option=""><span class="disclosure-list__label">
ILS ₪</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="INR" data-disclosure-option=""><span class="disclosure-list__label">
INR ₹</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="ISK" data-disclosure-option=""><span class="disclosure-list__label">
ISK kr</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="JMD" data-disclosure-option=""><span class="disclosure-list__label">
JMD $</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="JPY" data-disclosure-option=""><span class="disclosure-list__label">
JPY ¥</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="KES" data-disclosure-option=""><span class="disclosure-list__label">
KES KSh</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="KGS" data-disclosure-option=""><span class="disclosure-list__label">
KGS som</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="KHR" data-disclosure-option=""><span class="disclosure-list__label">
KHR ៛</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="KMF" data-disclosure-option=""><span class="disclosure-list__label">
KMF Fr</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="KRW" data-disclosure-option=""><span class="disclosure-list__label">
KRW ₩</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="KYD" data-disclosure-option=""><span class="disclosure-list__label">
KYD $</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="KZT" data-disclosure-option=""><span class="disclosure-list__label">
KZT 〒</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="LAK" data-disclosure-option=""><span class="disclosure-list__label">
LAK ₭</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="LBP" data-disclosure-option=""><span class="disclosure-list__label">
LBP ل.ل</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="LKR" data-disclosure-option=""><span class="disclosure-list__label">
LKR ₨</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="MAD" data-disclosure-option=""><span class="disclosure-list__label">
MAD د.م.</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="MDL" data-disclosure-option=""><span class="disclosure-list__label">
MDL L</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="MKD" data-disclosure-option=""><span class="disclosure-list__label">
MKD ден</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="MMK" data-disclosure-option=""><span class="disclosure-list__label">
MMK K</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="MNT" data-disclosure-option=""><span class="disclosure-list__label">
MNT ₮</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="MOP" data-disclosure-option=""><span class="disclosure-list__label">
MOP P</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="MUR" data-disclosure-option=""><span class="disclosure-list__label">
MUR ₨</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="MVR" data-disclosure-option=""><span class="disclosure-list__label">
MVR MVR</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="MWK" data-disclosure-option=""><span class="disclosure-list__label">
MWK MK</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="MYR" data-disclosure-option=""><span class="disclosure-list__label">
MYR RM</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="NGN" data-disclosure-option=""><span class="disclosure-list__label">
NGN ₦</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="NIO" data-disclosure-option=""><span class="disclosure-list__label">
NIO C$</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="NPR" data-disclosure-option=""><span class="disclosure-list__label">
NPR ₨</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="NZD" data-disclosure-option=""><span class="disclosure-list__label">
NZD $</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="PEN" data-disclosure-option=""><span class="disclosure-list__label">
PEN S/.</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="PGK" data-disclosure-option=""><span class="disclosure-list__label">
PGK K</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="PHP" data-disclosure-option=""><span class="disclosure-list__label">
PHP ₱</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="PKR" data-disclosure-option=""><span class="disclosure-list__label">
PKR ₨</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="PLN" data-disclosure-option=""><span class="disclosure-list__label">
PLN zł</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="PYG" data-disclosure-option=""><span class="disclosure-list__label">
PYG ₲</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="QAR" data-disclosure-option=""><span class="disclosure-list__label">
QAR ر.ق</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="RON" data-disclosure-option=""><span class="disclosure-list__label">
RON Lei</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="RSD" data-disclosure-option=""><span class="disclosure-list__label">
RSD РСД</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="RWF" data-disclosure-option=""><span class="disclosure-list__label">
RWF FRw</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="SAR" data-disclosure-option=""><span class="disclosure-list__label">
SAR ر.س</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="SBD" data-disclosure-option=""><span class="disclosure-list__label">
SBD $</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="SEK" data-disclosure-option=""><span class="disclosure-list__label">
SEK kr</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="SGD" data-disclosure-option=""><span class="disclosure-list__label">
SGD $</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="SHP" data-disclosure-option=""><span class="disclosure-list__label">
SHP £</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="SLL" data-disclosure-option=""><span class="disclosure-list__label">
SLL Le</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="STD" data-disclosure-option=""><span class="disclosure-list__label">
STD Db</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="THB" data-disclosure-option=""><span class="disclosure-list__label">
THB ฿</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="TJS" data-disclosure-option=""><span class="disclosure-list__label">
TJS ЅМ</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="TOP" data-disclosure-option=""><span class="disclosure-list__label">
TOP T$</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="TTD" data-disclosure-option=""><span class="disclosure-list__label">
TTD $</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="TWD" data-disclosure-option=""><span class="disclosure-list__label">
TWD $</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="TZS" data-disclosure-option=""><span class="disclosure-list__label">
TZS Sh</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="UGX" data-disclosure-option=""><span class="disclosure-list__label">
UGX USh</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="USD" data-disclosure-option=""><span class="disclosure-list__label">
USD $</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="UYU" data-disclosure-option=""><span class="disclosure-list__label">
UYU $</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="UZS" data-disclosure-option=""><span class="disclosure-list__label">
UZS </span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="VND" data-disclosure-option=""><span class="disclosure-list__label">
VND ₫</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="VUV" data-disclosure-option=""><span class="disclosure-list__label">
VUV Vt</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="WST" data-disclosure-option=""><span class="disclosure-list__label">
WST T</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="XAF" data-disclosure-option=""><span class="disclosure-list__label">
XAF Fr</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="XCD" data-disclosure-option=""><span class="disclosure-list__label">
XCD $</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="XOF" data-disclosure-option=""><span class="disclosure-list__label">
XOF Fr</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="XPF" data-disclosure-option=""><span class="disclosure-list__label">
XPF Fr</span>
</a>
</li>
<li class="disclosure-list__item">
<a class="disclosure-list__option" href="#" data-value="YER" data-disclosure-option=""><span class="disclosure-list__label">
YER ﷼</span>
</a>
</li>
</ul>
<input type="hidden" name="currency_code" value="CAD" data-disclosure-input="">
</div>
</div>
</form>GET /collections/shop
<form action="/collections/shop" method="get" role="search" id="HeaderSearchForm" class="site-header__search-form ng-pristine ng-valid ng-scope" ss-nav="">
<button type="submit" class="text-link site-header__search-btn site-header__search-btn--submit">
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64">
<path d="M47.16 28.58A18.58 18.58 0 1 1 28.58 10a18.58 18.58 0 0 1 18.58 18.58zM54 54L41.94 42"></path>
</svg>
<span class="icon__fallback-text">Search</span>
</button>
<input type="search" name="q" value="" placeholder="Search" class="site-header__search-input ng-scope" aria-label="Search" ss-nav-input="" ng-non-bindable="" spellcheck="false" autocomplete="off"><!-- ngIf: ac.ready -->
</form>POST /contact#newsletter-footer
<form method="post" action="/contact#newsletter-footer" id="newsletter-footer" accept-charset="UTF-8" class="contact-form"><input type="hidden" name="form_type" value="customer"><input type="hidden" name="utf8" value="✓"><label
for="Email-1494292487693" class="hidden-label">Enter your email here</label>
<input type="hidden" name="contact[tags]" value="prospect,newsletter">
<input type="hidden" name="contact[context]" value="footer">
<div class="footer__newsletter">
<input type="email" value="" placeholder="Enter your email here" name="contact[email]" id="Email-1494292487693" class="footer__newsletter-input" autocorrect="off" autocapitalize="off">
<button type="submit" class="footer__newsletter-btn" name="commit" aria-label="Subscribe">
<i class="fas fa-arrow-right" style="font-size: 16px;"></i>
<!-- <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-email" viewBox="0 0 64 64"><path d="M63 52H1V12h62zM1 12l25.68 24h9.72L63 12M21.82 31.68L1.56 51.16m60.78.78L41.27 31.68"/></svg> -->
<span class="footer__newsletter-btn-label"> Subscribe </span>
</button>
</div>
</form>Text Content
Skip to content
Close menu
Search
* New Arrivals
* Back Soon
* Best Sellers
* Exclusives
* Back in Stock
* Dresses
* All Dresses
* By Length
* Mini Dresses
* Midi Dresses
* Maxi Dresses
* Maternity
* Bump Friendly
* Clothing
* All Products
* Tops
* Pants
* Skirts
* Shorts
* Sets
* Playsuits
* Denim
* Knitwear
* Outerwear
* Accessories
* All Accessories
* SALE
* Gift Cards
* Contact Us
* Shipping
* Returns
* About Us
* CURRENCY
CAD $
* AED د.إ
* AFN ؋
* ALL L
* AMD դր.
* ANG ƒ
* AUD $
* AWG ƒ
* AZN ₼
* BAM КМ
* BBD $
* BDT ৳
* BGN лв.
* BIF Fr
* BND $
* BOB Bs.
* BSD $
* BWP P
* BZD $
* CAD $
* CDF Fr
* CHF CHF
* CNY ¥
* CRC ₡
* CVE $
* CZK Kč
* DJF Fdj
* DKK kr.
* DOP $
* DZD د.ج
* ETB Br
* EUR €
* FJD $
* FKP £
* GBP £
* GMD D
* GNF Fr
* GTQ Q
* GYD $
* HKD $
* HNL L
* HUF Ft
* IDR Rp
* ILS ₪
* INR ₹
* ISK kr
* JMD $
* JPY ¥
* KES KSh
* KGS som
* KHR ៛
* KMF Fr
* KRW ₩
* KYD $
* KZT 〒
* LAK ₭
* LBP ل.ل
* LKR ₨
* MAD د.م.
* MDL L
* MKD ден
* MMK K
* MNT ₮
* MOP P
* MUR ₨
* MVR MVR
* MWK MK
* MYR RM
* NGN ₦
* NIO C$
* NPR ₨
* NZD $
* PEN S/.
* PGK K
* PHP ₱
* PKR ₨
* PLN zł
* PYG ₲
* QAR ر.ق
* RON Lei
* RSD РСД
* RWF FRw
* SAR ر.س
* SBD $
* SEK kr
* SGD $
* SHP £
* SLL Le
* STD Db
* THB ฿
* TJS ЅМ
* TOP T$
* TTD $
* TWD $
* TZS Sh
* UGX USh
* USD $
* UYU $
* UZS
* VND ₫
* VUV Vt
* WST T
* XAF Fr
* XCD $
* XOF Fr
* XPF Fr
* YER ﷼
* Log in
* WISHLIST
* BAG
* Instagram
* TikTok
Close cart
YOU MIGHT LIKE TO ADD
slide 5 to 8 of 20
NEW ARRIVAL
30% OFF
XS S M L XL
ELOWEN MAXI DRESS (BLUE)
Regular price $109.99 Sale price $76.99
XS S M L XL
NEW ARRIVAL
30% OFF
XS S M L XL
MARIGOLD SET (LEMON)
Regular price $139.99 Sale price $97.99
XS S M L XL
NEW ARRIVAL
30% OFF
XS S M L
LYSANDRA MINI DRESS (RED)
Regular price $109.99 Sale price $76.99
XS S M L
NEW ARRIVAL
30% OFF
6 8 10 12 14
AMARA MINI DRESS (RED)
Regular price $89.99 Sale price $62.99
6 8 10 12 14
NEW ARRIVAL
30% OFF
XS S M L XL
DAKODA MINI DRESS (BLACK)
Regular price $94.99 Sale price $66.49
XS S M L XL
JOIN THE WAITLIST
SHIPPING INSURANCE
$3.99
EXCLUSIVE
30% OFF
6 8 10 12 14
VAL KNIT MAXI SKIRT (RED)
Regular price $75.00 Sale price $52.00
6 8 10 12 14
EXCLUSIVE
30% OFF
XS S M L XL
BILLIE PANT (WHITE)
Regular price $121.00 Sale price $85.00
XS S M L XL
NEW ARRIVAL
30% OFF
XS S M L XL
BILLIE PANT (CREAM)
Regular price $121.00 Sale price $85.00
XS S M L XL
NEW ARRIVAL
30% OFF
XS S M L XL
AMARA MINI DRESS (BLUE)
Regular price $84.00 Sale price $59.00
XS S M L XL
EXCLUSIVE
30% OFF
6 8 10 12 14
EL CAMINO KNIT SHORTS (RED)
Regular price $65.00 Sale price $46.00
6 8 10 12 14
EXCLUSIVE
30% OFF
6 8 10 12 14
SUNSET HILLS KNIT SHORTS (BEIGE)
Regular price $75.00 Sale price $52.00
6 8 10 12 14
NEW ARRIVAL
30% OFF
6 8 10 12 14
HARPER MINI DRESS (RED)
Regular price $75.00 Sale price $52.00
6 8 10 12 14
EXCLUSIVE
30% OFF
6 8 10 12 14
ALEXI KNIT SKIRT (BEIGE)
Regular price $65.00 Sale price $46.00
6 8 10 12 14
EXCLUSIVE
30% OFF
6 8 10 12 14
THE BEVERLY KNIT VEST (CREAM)
Regular price $79.00 Sale price $56.00
6 8 10 12 14
NEW ARRIVAL
30% OFF
6 8 10 12 14
DEVIN MAXI DRESS (PINK)
Regular price $130.00 Sale price $91.00
6 8 10 12 14
NEW ARRIVAL
30% OFF
6 8 10 12 14
ISOBEL MINI DRESS (RED)
Regular price $75.00 Sale price $52.00
6 8 10 12 14
NEW ARRIVAL
30% OFF
6 8 10 12 14
RHIANNON SET (WHITE)
Regular price $102.00 Sale price $72.00
6 8 10 12 14
NEW ARRIVAL
30% OFF
XS S M L XL
JULES DENIM SET (BLACK)
Regular price $102.00 Sale price $72.00
XS S M L XL
NEW ARRIVAL
30% OFF
XS S M L XL
NICOLE MAXI DRESS (BLACK)
Regular price $130.00 Sale price $91.00
XS S M L XL
NEW ARRIVAL
30% OFF
XS S M L XL
ELOWEN MAXI DRESS (BLUE)
Regular price $102.00 Sale price $72.00
XS S M L XL
NEW ARRIVAL
30% OFF
XS S M L XL
MARIGOLD SET (LEMON)
Regular price $130.00 Sale price $91.00
XS S M L XL
NEW ARRIVAL
30% OFF
XS S M L
LYSANDRA MINI DRESS (RED)
Regular price $102.00 Sale price $72.00
XS S M L
NEW ARRIVAL
30% OFF
6 8 10 12 14
AMARA MINI DRESS (RED)
Regular price $84.00 Sale price $59.00
6 8 10 12 14
NEW ARRIVAL
30% OFF
XS S M L XL
DAKODA MINI DRESS (BLACK)
Regular price $88.00 Sale price $62.00
XS S M L XL
JOIN THE WAITLIST
SHIPPING INSURANCE
$3.99
EXCLUSIVE
30% OFF
6 8 10 12 14
VAL KNIT MAXI SKIRT (RED)
Regular price $79.99 Sale price $55.99
6 8 10 12 14
EXCLUSIVE
30% OFF
XS S M L XL
BILLIE PANT (WHITE)
Regular price $129.99 Sale price $90.99
XS S M L XL
NEW ARRIVAL
30% OFF
XS S M L XL
BILLIE PANT (CREAM)
Regular price $129.99 Sale price $90.99
XS S M L XL
NEW ARRIVAL
30% OFF
XS S M L XL
AMARA MINI DRESS (BLUE)
Regular price $89.99 Sale price $62.99
XS S M L XL
Protect your order from theft or accidental damage for $4.00
Discounts
Subtotal
$4.00
Checkout - $4.00
Shipping, taxes, and discount codes calculated at checkout.
Your cart is currently empty.
- 30% Off Sitewide! - Spend $200 receive a free Tote Bag ($70 Value) - Spend
$250 receive a Free Tote Bag & Cap ($100 Value)
- 30% Off Sitewide! - Spend $200 receive a free Tote Bag ($70 Value) - Spend
$250 receive a Free Tote Bag & Cap ($100 Value)
- 30% Off Sitewide! - Spend $200 receive a free Tote Bag ($70 Value) - Spend
$250 receive a Free Tote Bag & Cap ($100 Value)
- 30% Off Sitewide! - Spend $200 receive a free Tote Bag ($70 Value) - Spend
$250 receive a Free Tote Bag & Cap ($100 Value)
- 30% Off Sitewide! - Spend $200 receive a free Tote Bag ($70 Value) - Spend
$250 receive a Free Tote Bag & Cap ($100 Value)
- 30% Off Sitewide! - Spend $200 receive a free Tote Bag ($70 Value) - Spend
$250 receive a Free Tote Bag & Cap ($100 Value)
- 30% Off Sitewide! - Spend $200 receive a free Tote Bag ($70 Value) - Spend
$250 receive a Free Tote Bag & Cap ($100 Value)
- 30% Off Sitewide! - Spend $200 receive a free Tote Bag ($70 Value) - Spend
$250 receive a Free Tote Bag & Cap ($100 Value)
- 30% Off Sitewide! - Spend $200 receive a free Tote Bag ($70 Value) - Spend
$250 receive a Free Tote Bag & Cap ($100 Value)
- 30% Off Sitewide! - Spend $200 receive a free Tote Bag ($70 Value) - Spend
$250 receive a Free Tote Bag & Cap ($100 Value)
Search
Site navigation
RUNWAY SCOUT
Search
CURRENCY
CAD $
* AED د.إ
* AFN ؋
* ALL L
* AMD դր.
* ANG ƒ
* AUD $
* AWG ƒ
* AZN ₼
* BAM КМ
* BBD $
* BDT ৳
* BGN лв.
* BIF Fr
* BND $
* BOB Bs.
* BSD $
* BWP P
* BZD $
* CAD $
* CDF Fr
* CHF CHF
* CNY ¥
* CRC ₡
* CVE $
* CZK Kč
* DJF Fdj
* DKK kr.
* DOP $
* DZD د.ج
* ETB Br
* EUR €
* FJD $
* FKP £
* GBP £
* GMD D
* GNF Fr
* GTQ Q
* GYD $
* HKD $
* HNL L
* HUF Ft
* IDR Rp
* ILS ₪
* INR ₹
* ISK kr
* JMD $
* JPY ¥
* KES KSh
* KGS som
* KHR ៛
* KMF Fr
* KRW ₩
* KYD $
* KZT 〒
* LAK ₭
* LBP ل.ل
* LKR ₨
* MAD د.م.
* MDL L
* MKD ден
* MMK K
* MNT ₮
* MOP P
* MUR ₨
* MVR MVR
* MWK MK
* MYR RM
* NGN ₦
* NIO C$
* NPR ₨
* NZD $
* PEN S/.
* PGK K
* PHP ₱
* PKR ₨
* PLN zł
* PYG ₲
* QAR ر.ق
* RON Lei
* RSD РСД
* RWF FRw
* SAR ر.س
* SBD $
* SEK kr
* SGD $
* SHP £
* SLL Le
* STD Db
* THB ฿
* TJS ЅМ
* TOP T$
* TTD $
* TWD $
* TZS Sh
* UGX USh
* USD $
* UYU $
* UZS
* VND ₫
* VUV Vt
* WST T
* XAF Fr
* XCD $
* XOF Fr
* XPF Fr
* YER ﷼
Log in Cart
* New Arrivals
* Back Soon
* Best Sellers
* Exclusives
* Back In Stock
* Dresses
All Dresses
By Length
Mini Dresses
Midi Dresses
Maxi Dresses
* Maternity
* Bump Friendly
* Clothing
All Products
Tops
Pants
Skirts
Shorts
Sets
Playsuits
Denim
Knitwear
Outerwear
AW 2024
SS 2024
Bump Friendly
Maternity Dresses
Breast Feeding Friendly
Exclusives
Gift Card
Sale
Evening Dresses
Exclusives
* Accessories
* All Accessories
* SALE
* Gift Cards
Search
"Close (esc)"
View more
LATEST ARRIVALS
slide 6 to 9 of 20
EXCLUSIVE
30% OFF
6 8 10 12 14
BLAKE VEST (NAVY)
Regular price $79.99 Sale price $55.99
6 8 10 12 14
NEW ARRIVAL
30% OFF
6 8 10 12 14
JENSEN MAXI DRESS (CREAM)
Regular price $139.99 Sale price $97.99
6 8 10 12 14
EXCLUSIVE
30% OFF
6 8 10 12 14
BLAKE PANT (NAVY)
Regular price $79.99 Sale price $55.99
6 8 10 12 14
EXCLUSIVE
30% OFF
6 8 10 12 14
CAMERON PANT (GREY)
Regular price $79.99 Sale price $55.99
6 8 10 12 14
EXCLUSIVE
30% OFF
6 8 10 12 14
CAMERON VEST (GREY)
Regular price $79.99 Sale price $55.99
6 8 10 12 14
NEW ARRIVAL
30% OFF
O/S
SAMPAIO SUNGLASSES (GOLD)
Regular price $75.00 Sale price $52.00
O/S
NEW ARRIVAL
30% OFF
6 8 10 12 14 16
VIVIAN DENIM MINI DRESS (BLUE)
Regular price $84.00 Sale price $59.00
6 8 10 12 14 16
NEW ARRIVAL
30% OFF
6 8 10 12 14
RHIANNON SET (YELLOW)
Regular price $102.00 Sale price $72.00
6 8 10 12 14
NEW ARRIVAL
30% OFF
6 8 10 12 14
ROSAMUND MINI DRESS (BLACK)
Regular price $102.00 Sale price $72.00
6 8 10 12 14
NEW ARRIVAL
30% OFF
O/S
MILAN EARRINGS (GOLD)
Regular price $19.00 Sale price $13.00
O/S
NEW ARRIVAL
30% OFF
O/S
ASHER EARRINGS (GOLD)
Regular price $19.00 Sale price $13.00
O/S
NEW ARRIVAL
30% OFF
O/S
LEANNE EARRINGS (GOLD)
Regular price $19.00 Sale price $13.00
O/S
NEW ARRIVAL
30% OFF
O/S
TAHLIA EARRINGS (SILVER/GOLD)
Regular price $19.00 Sale price $13.00
O/S
NEW ARRIVAL
30% OFF
6 8 10 12 14
MARLIE MINI DRESS (BLUE)
Regular price $102.00 Sale price $72.00
6 8 10 12 14
NEW ARRIVAL
30% OFF
XS S M L
KENNEDY MINI SKORT (BLUE)
Regular price $65.00 Sale price $46.00
XS S M L
NEW ARRIVAL
30% OFF
6 8 10 12 14
XAN MINI DRESS (BLACK)
Regular price $102.00 Sale price $72.00
6 8 10 12 14
NEW ARRIVAL
30% OFF
6 8 10 12 14
LEILA VEST (BEIGE)
Regular price $65.00 Sale price $46.00
6 8 10 12 14
NEW ARRIVAL
30% OFF
6 8 10 12 14
LEILA SHORTS (BEIGE)
Regular price $65.00 Sale price $46.00
6 8 10 12 14
EXCLUSIVE
30% OFF
6 8 10 12 14
BLAKE VEST (BEIGE)
Regular price $75.00 Sale price $52.00
6 8 10 12 14
EXCLUSIVE
30% OFF
6 8 10 12 14
BLAKE PANT (BEIGE)
Regular price $75.00 Sale price $52.00
6 8 10 12 14
EXCLUSIVE
30% OFF
6 8 10 12 14
BLAKE VEST (NAVY)
Regular price $75.00 Sale price $52.00
6 8 10 12 14
NEW ARRIVAL
30% OFF
6 8 10 12 14
JENSEN MAXI DRESS (CREAM)
Regular price $130.00 Sale price $91.00
6 8 10 12 14
EXCLUSIVE
30% OFF
6 8 10 12 14
BLAKE PANT (NAVY)
Regular price $75.00 Sale price $52.00
6 8 10 12 14
EXCLUSIVE
30% OFF
6 8 10 12 14
CAMERON PANT (GREY)
Regular price $75.00 Sale price $52.00
6 8 10 12 14
EXCLUSIVE
30% OFF
6 8 10 12 14
CAMERON VEST (GREY)
Regular price $75.00 Sale price $52.00
6 8 10 12 14
NEW ARRIVAL
30% OFF
O/S
SAMPAIO SUNGLASSES (GOLD)
Regular price $79.99 Sale price $55.99
O/S
NEW ARRIVAL
30% OFF
6 8 10 12 14 16
VIVIAN DENIM MINI DRESS (BLUE)
Regular price $89.99 Sale price $62.99
6 8 10 12 14 16
NEW ARRIVAL
30% OFF
6 8 10 12 14
RHIANNON SET (YELLOW)
Regular price $109.99 Sale price $76.99
6 8 10 12 14
NEW ARRIVAL
30% OFF
6 8 10 12 14
ROSAMUND MINI DRESS (BLACK)
Regular price $109.99 Sale price $76.99
6 8 10 12 14
NEW ARRIVAL
30% OFF
O/S
MILAN EARRINGS (GOLD)
Regular price $19.99 Sale price $13.99
O/S
Follow us on instagram @runwayscout
WE ARE LIVE. Shop our Black Friday Sale online now - 30% OFF SITEWIDE.
#runwayscout #blackfriday #blackfridaysale #bfcm
26 NOVEMBER 2024
Website locked. We are prepping the website for our BIGGEST ever sale! See you
tomorrow at 10am AEST/ 11am AEDT #runwayscout #blackfriday #blackfridaysale #...
25 NOVEMBER 2024
Just landed. Discover our new arrivals online now #runwayscout
22 NOVEMBER 2024
Just landed. Shop our new arrivals online now #runwayscout #newarrivals
#fashionbrand #outfitideas
19 NOVEMBER 2024
Just landed. Shop our latest arrivals online now #runwayscout
15 NOVEMBER 2024
New arrivals just landed. Shop our latest styles online now #runwayscout
12 NOVEMBER 2024
Plus symbol
Shop
Shop
* New Arrivals
* Back In Stock
* Sale
Customer Care
Customer Care
* Delivery
* Returns
* Size Guide
* Security
Quick Links
Quick Links
* About Us
* Contact Us
* Sustainability
email updates
email updates
Subscribe to receive VIP early access to new arrivals and special offers
Enter your email here
Subscribe
* Instagram
* TikTok
* American Express
* Apple Pay
* Google Pay
* Mastercard
* PayPal
* Shop Pay
* Union Pay
* Visa
Copyright © 2024 Runway Scout
* Instagram
* TikTok
Copyright © 2024 Runway Scout
Website By Arkhi
"Close (esc)"
"Close (esc)"
ADD TO WISHLIST