p.margin-none { margin: 0 !important; } .how-pashions-work-steps h4 { font-weight: 500; margin-bottom: 40px !important; line-height: 1.3; } .how-pashions-work-steps { margin-top: 20px; position: relative; } .how-pashions-work-steps__line { background: #69c5c5; content: ''; height: 100%; left: 50%; margin-left: -1px; position: absolute; top: 0; width: 2px; } .how-pashions-work-steps__line__chevron { background: #fff; border-radius: 100%; border: 2px solid #2f3a3c; height: 40px; left: -20px; position: absolute; top: 0; width: 40px; display:none !important; } .how-pashions-work-steps__line__chevron .svg-icon { transform: rotate(90deg); width: 8px; } .how-pashions-work-steps__title { position: relative; } .how-pashions-work-steps__floating { overflow: visible; position: -webkit-sticky; position: sticky; top: 100px; transition: opacity .3s ease; } .how-pashions-work-steps__wrapper { position: relative; } .how-pashions-work-steps__floating-wrapper { height: 100%; left: 0; pointer-events: none; position: absolute; top: 0; width: 100%; } @media (min-width: 1023px) { .how-pashions-work-steps__container { min-height: 600px; } } @media (min-width: 769px) { .how-pashions-work-steps__container { min-height: 500px; } .how-pashions-work-steps__item { opacity: 0; } .how-pashions-work-steps__title::after { background: #fff; border-radius: 100%; box-shadow: inset 0 0 0 2px #2f3a3c; content: ''; height: 16px; left: -16.666666666666668%; position: absolute; top: 22px; transition: box-shadow .3s ease; width: 16px; z-index: 2; } .how-pashions-work-steps__container.visible .how-pashions-work-steps__title::after { box-shadow: inset 0 0 0 8px #2f3a3c; } } @media (min-width: 769px) and (max-width: 1049px) { .how-pashions-work-steps__title::after { left: -28px; } } @media (max-width: 768px) { .how-pashions-work-steps__item { margin-bottom: 30px; } } $(document).ready(function() { var containers = $('.how-pashions-work-steps__container'); var containersData = []; var floatingEl = $('.how-pashions-work-steps__floating'); var floatingElStart = null; var currentElStart = null; var isMobile = function() { return window.matchMedia('(max-width: 768px)').matches; } var scrollTop = function() { return window.pageYOffset || document.documentElement.scrollTop; }; var recalculate = function() { var scrolltop = scrollTop(); var startElDimension = floatingEl.get(0).getBoundingClientRect(); containersData = []; floatingElStart = scrolltop - startElDimension.top; containers.each(function(index, container) { var dimensions = container.getBoundingClientRect(); containersData.push({ el: container, top: scrolltop + dimensions.top - (dimensions.height / 2) - (startElDimension.height / 2) }) }) } $(window).on('resize', function() { recalculate(); }); var onScroll = function() { var scrolltop = scrollTop(); if (isMobile() || (scrolltop < floatingElStart)) { return; } var match = containersData.filter(function(container) { return scrolltop >= container.top; }).slice(-1); if (match.length) { var el = match[0]; if (el.top !== currentElStart) { currentElStart = el.top; containers.removeClass('visible'); var img = $(el.el).addClass('visible').find('img').clone(); floatingEl.html(img); } } }; $(window).on('scroll', onScroll); $(document).ready(function () { $(window).delay(400).trigger('resize'); }); });

Health Benefits

Always Supported

Our patent-pending Stelo™ support provides the stability you need to walk in heels with confidence.

Absorbs Impact

Our polyurethane sole absorbs impact like an athletic shoe, making our shoes exceptionally comfortable as both heels and flats.

Adapts to Fit

Our flexible sole adapts to fit your foot as a flat.

Heels to Flats in Seconds

Easily switch from heels to flats to adapt to anything the day may throw your way.

.trusted-by { background-color: #2f3a3c; color: #fff; position: relative; margin-bottom: 200px; padding-top: 60px; padding-bottom: 60px; } .trusted-by__content { padding-right: 50px; } .trusted-by__content-wrapper { width: 50%; } .trusted-by__title { color: #fff; font-size: 60px; letter-spacing: 0; line-height: 1; } .trusted-by__copy { font-size: 20px; letter-spacing: 0; line-height: 34px; } .trusted-by__list-title { font-size: 14px; color: #FFFFFF; letter-spacing: 2px; line-height: 23px; } .trusted-by__list-title::before, .trusted-by__list-title::after { background-color: #fff; } .trusted-by__list { list-style: none; padding: 0; margin: 0; } .trusted-by__list img { max-width: 100%; } .trusted-by__video { position: absolute; right: 0; top: 0; width: 50%; height: 100%; object-fit: cover; } @media (max-width: 768px) { .trusted-by { margin-bottom: 100px; } .trusted-by__title { font-size: 38px; } .trusted-by__content-wrapper { width: 100%; } .trusted-by__video { position: static; width: 100%; margin-bottom: 50px; margin-top: -60px; } .trusted-by__video::after { content: ''; display: block; padding-top: 56.25%; } .trusted-by__content { padding-right: 0; } }

Tested by Heeluxe

Pashion heels are vigorously tested according to Heeluxe's industry-leading methods, including force plate analysis, durability testing, fit assessment, and custom testing unique to our mechanism. Heeluxe is an internationally trusted partner, having experience with many other renowned footwear brands.

Trusted by Brands Alike
  • allbirds
  • Salvatore Ferragamo
  • Keen
  • Rothy's
.be-ready { margin-bottom: 135px; } .be-ready__copy { font-size: 20px; letter-spacing: 0; line-height: 34px; } .be-ready__image { border-radius: 3px; } .be-ready__image::after { content: ''; display: block; padding-bottom: 100%; } .be-ready__image--featured { width: 100%; margin-bottom: 14px; } .be-ready__image--left, .be-ready__image--right { width: 50%; } .be-ready__image--left { margin-right: 13px; } @media (max-width: 768px) { .be-ready__images-wrapper { margin-bottom: 40px; } }

Be ready for anything.

  • Work
  • Travel
  • Date Nights

However you spend your time, the right shoe is critical for comfort. We also know style is important. That's why we make sure you not only can feel good, but look good at the end of the day. It’s time to put you back in control.

.how-pashions-work__style__content { opacity: 0; transform: translate3d(-15%, 0, 0); transition: opacity .3s ease, transform .4s ease; } .how-pashions-work__style.visible .how-pashions-work__style__content { opacity: 1; transform: translate3d(0, 0, 0); } .how-pashions-work__style__operator { color: #008484; margin: -31px 17px 0 17px; } .how-pashions-work__style__image { margin: 0 auto 15px auto; } @media (max-width: 768px) { .how-pashions-work__style__aside-image { margin-top: 40px; } }

More styles,
less money

Sandal photo

1 shoe

+
heel photo

1 extra heel

=
foot wear type

3 styles

With multiple heels that can be paired with any convertible shoe, you’ve got endless combinations to choose from.

// on page load // intersection observer (function() { // if (!__sections__["how-pashions-work-features"]) return; try { $(document).ready(function() { var containers = $('.how-pashions-work-steps__container'); var containersData = []; var floatingEl = $('.how-pashions-work-steps__floating'); var floatingElStart = null; var currentElStart = null; var isMobile = function() { return window.matchMedia('(max-width: 768px)').matches; } var scrollTop = function() { return window.pageYOffset || document.documentElement.scrollTop; }; var recalculate = function() { var scrolltop = scrollTop(); var startElDimension = floatingEl.get(0).getBoundingClientRect(); containersData = []; floatingElStart = scrolltop - startElDimension.top; containers.each(function(index, container) { var dimensions = container.getBoundingClientRect(); containersData.push({ el: container, top: scrolltop + dimensions.top - (dimensions.height / 2) - (startElDimension.height / 2) }) }) } $(window).on('resize', function() { recalculate(); }); var onScroll = function() { var scrolltop = scrollTop(); if (isMobile() || (scrolltop < floatingElStart)) { return; } var match=containersData.filter(function(container) { return scrolltop>= container.top; }).slice(-1); if (match.length) { var el = match[0]; if (el.top !== currentElStart) { currentElStart = el.top; containers.removeClass('visible'); var img = $(el.el).addClass('visible').find('img').clone(); floatingEl.html(img); } } }; $(window).on('scroll', onScroll); $(document).ready(function () { $(window).delay(400).trigger('resize'); }); }); } catch(e) { console.error(e); } })();