1/3

Modern Charcoal Asymmetric Pant Set

$25.09
Color:  Charcoal
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

Description

This Modern Charcoal Asymmetric Pant Set is a contemporary two-piece ensemble defined by clean lines and an architectural silhouette. The deep charcoal tone offers a refined, versatile base while the asymmetric details — on the top and the pant hem — introduce a fashion-forward edge. Crafted from a mid-weight, slightly stretch fabric, the set drapes smoothly for a polished yet comfortable look suitable for day-to-night wear.

Key Features

  • Asymmetric design: visually striking angled hem and neckline create modern interest.
  • Deep charcoal color: easy to style and flattering on many skin tones.
  • Tailored yet comfortable fit: structured top with a relaxed, high-rise pant for balance.
  • Stretch fabric: offers ease of movement and all-day comfort.
  • Functional details: discreet side closures and practical pockets on the pants.
  • Versatile length: ankle-grazing pant that works with both flats and heels.

Styling Suggestions

  • Evening: Pair with strappy heels, a sleek clutch and minimal metallic jewelry to highlight the asymmetric lines.
  • Office: Add a fitted blazer and pointed-toe loafers for a professional, contemporary look.
  • Casual: Dress down with white sneakers and a crossbody bag for weekend errands with polish.
  • Layering: Top a long wool coat or an oversized trench for cooler days; a slim belt can define the waist when desired.

Fit & Care

  • Fit: True to size with a tailored top and relaxed, high-rise pant — consider your usual size for the best fit.
  • Care: Gentle machine wash cold or hand wash recommended; lay flat to dry or dry clean for longevity.

Summary

The Modern Charcoal Asymmetric Pant Set is a minimalist yet statement-making outfit that blends comfort with contemporary tailoring. Ideal for versatile dressing—work, travel or evening—the set updates your wardrobe with subtle architectural details and effortless styling potential.