1/3

Asymmetric Ruffle Crop Top & Pants Set

$24.60
Color:  Taupe
Size:  XS
Quantity
/** @private {string} */ class SpzCustomAnchorScroll extends SPZ.BaseElement { static deferredMount() { return false; } constructor(element) { super(element); /** @private {Element} */ this.scrollableContainer_ = null; } isLayoutSupported(layout) { return layout == SPZCore.Layout.LOGIC; } buildCallback() { this.viewport_ = this.getViewport(); this.initActions_(); } setTarget(containerId, targetId) { this.containerId = '#' + containerId; this.targetId = '#' + targetId; } scrollToTarget() { const container = document.querySelector(this.containerId); const target = container.querySelector(this.targetId); const {scrollTop} = container; const eleOffsetTop = this.getOffsetTop_(target, container); this.viewport_ .interpolateScrollIntoView_( container, scrollTop, scrollTop + eleOffsetTop ); } initActions_() { this.registerAction( 'scrollToTarget', (invocation) => this.scrollToTarget(invocation?.caller) ); this.registerAction( 'setTarget', (invocation) => this.setTarget(invocation?.args?.containerId, invocation?.args?.targetId) ); } /** * @param {Element} element * @param {Element} container * @return {number} * @private */ getOffsetTop_(element, container) { if (!element./*OK*/ getClientRects().length) { return 0; } const rect = element./*OK*/ getBoundingClientRect(); if (rect.width || rect.height) { return rect.top - container./*OK*/ getBoundingClientRect().top; } return rect.top; } } SPZ.defineElement('spz-custom-anchor-scroll', SpzCustomAnchorScroll); const STRENGTHEN_TRUST_URL = "/api/strengthen_trust/settings"; class SpzCustomStrengthenTrust extends SPZ.BaseElement { constructor(element) { super(element); this.renderElement_ = null; } isLayoutSupported(layout) { return layout == SPZCore.Layout.CONTAINER; } buildCallback() { this.xhr_ = SPZServices.xhrFor(this.win); const renderId = this.element.getAttribute('render-id'); SPZCore.Dom.waitForChild( document.body, () => !!document.getElementById(renderId), () => { this.renderElement_ = SPZCore.Dom.scopedQuerySelector( document.body, `#${renderId}` ); if (this.renderElement_) { this.render_(); } this.registerAction('track', (invocation) => { this.track_(invocation.args); }); } ); } render_() { this.fetchData_().then((data) => { if (!data) { return; } SPZ.whenApiDefined(this.renderElement_).then((apis) => { apis?.render(data); document.querySelector('#strengthen-trust-render-1539149753700').addEventListener('click',(event)=>{ if(event.target.nodeName == 'A'){ this.track_({type: 'trust_content_click'}); } }) }); }); } track_(data = {}) { const track = window.sa && window.sa.track; if (!track) { return; } track('trust_enhancement_event', data); } parseJSON_(string) { let result = {}; try { result = JSON.parse(string); } catch (e) {} return result; } fetchData_() { return this.xhr_ .fetchJson(STRENGTHEN_TRUST_URL) .then((responseData) => { if (!responseData || !responseData.data) { return null; } const data = responseData.data; const moduleSettings = (data.module_settings || []).reduce((result, moduleSetting) => { return result.concat(Object.assign(moduleSetting, { logos: (moduleSetting.logos || []).map((item) => { return moduleSetting.logos_type == 'custom' ? this.parseJSON_(item) : item; }) })); }, []); return Object.assign(data, { module_settings: moduleSettings, isEditor: window.self !== window.top, }); }); } } SPZ.defineElement('spz-custom-strengthen-trust', SpzCustomStrengthenTrust);

Description

Product Description

A modern two-piece designed to balance playful femininity with clean tailoring. The crop top features an asymmetric neckline and cascading ruffle that adds movement and visual interest, while the matching pants present a high-rise, streamlined silhouette to elongate the leg. Together the set creates a cohesive, contemporary look that’s equally suited to dressed-up occasions or elevated daytime outings.

Key Features

  • Asymmetric neckline with cascading ruffle detail for a flattering, fashion-forward profile.
  • Cropped top silhouette that pairs perfectly with high-rise bottoms to define the waist.
  • Coordinating pants with a tailored, clean-line leg to balance the top’s volume.
  • Lightweight, structured fabric that holds shape while remaining comfortable for all-day wear.
  • Versatile set that can be worn together for an instant outfit or mixed into your wardrobe for multiple looks.

Styling Suggestions

  • Evening look: Pair with strappy heels, a sleek clutch and statement earrings for a polished night-out outfit.
  • Daytime chic: Add flat mules or white sneakers and a minimalist crossbody for a relaxed, modern vibe.
  • Layering: Throw on a fitted blazer or cropped denim jacket to transition from day to evening while maintaining structure.
  • Accessorize: Keep jewelry simple to let the ruffle be the focal point—thin bangles or a delicate necklace work well.

Summary

The Asymmetric Ruffle Crop Top & Pants Set is a versatile, on-trend ensemble that combines eye-catching ruffle detail with tailored pants for a balanced silhouette. Easy to style and suitable for many occasions, this set offers instant polish—wear it together for a coordinated look or mix each piece into your wardrobe for added flexibility. For best fit, consider your preferred fit for the crop top (snug vs. relaxed) when selecting a size.