Accessories

<div class="detail-box">
										<div class="title" if="item.title" style="{{styles.title}}"><a href="{{item.url}}" target="_blank" title="{{item.title}}">{{item.title}}</a></div>

<div class="horizontal wrap justified no-flexbox-legacy">
											<div class="price" if="item.price">{{item.price}}</div>

<div class="specprice" if="item.specprice"><i class="glyph glyph-mobile">{{item.specprice}}</i></div>

<div class="listprice" if="item.listprice"><del>{{item.listprice}}</del></div>

<div class="discount self-center" if="item.discount" style="{{styles.discount}}">{{'xx% off'.replace('xx', item.discount)}}</div>

<div class="stock" if="item.stock"><i>{{item.stock}}</i> left</div>

<div class="sold" if="item.sold">{{'xx Orders'.replace('xx', item.sold)}}</div>
										</div>
									</div>

<div class="handle-box"><a class="coupon" data-spm-protocol="i" href="{{item.storeURL || item.url}}" if="item.coupon" target="_blank">{{'Get xx coupon'.replace('xx', item.coupon)}}</a> <a ai-class="soldout:item.soldout" class="purchase" data-locale="Sold Out" href="{{item.url}}" if="behavior.handle" style="{{styles.handle}}" target="_blank">{{properties.handle ? properties.handle.textContent : 'Shop Now'}}</a></div>
								</div>
							</li>
						</ul>