Special Offer

9 products

Mass & Slim Shapewear Shorts - TheBlackPurple

(161)

~~$99.95~~ $79.95

The Best-Selling Anti-Cellulite Shapewear

Step into complete confidence with our Mass & Slim Shorts—short for massaging + slimming technology. Unlike any other shapewear, our clinically tested design features exclusive Tourmaline bead technology to gently massage, boost circulation, and smooth your silhouette the moment you put them on. And with consistent wear, Mass & Slim doesn’t just shape—it helps reduce inches and cellulite, giving you results you can see and feel.

</noiframe></span></strong></h2> <p class="h2"><strong><span data-preserver-spaces="true">Why Choose Mass & Slim Shorts?</span></strong></h2> <p><span data-preserver-spaces="true">Our best-selling anti-cellulite shapewear shorts </span><span data-preserver-spaces="true">are designed</span><span data-preserver-spaces="true"> to give you the slimming, toning, and reshaping effects you need to feel your best, no matter where your day takes you. From running errands to dancing the night away, these shorts provide the support and comfort your body deserves.</span></p> <p class="h3"><strong><span data-preserver-spaces="true">Key Benefits:</span></strong></h3> <ul> <li> <p><strong><span data-preserver-spaces="true">All-Day Comfort:</span></strong><span data-preserver-spaces="true"> Light as air, the cooling Bamboo Viscose fabric feels like a soothing second skin, taming your tummy and providing all-day comfort.</span></p> </li> <li> <p><strong><span data-preserver-spaces="true">360° Firmness:</span></strong><span data-preserver-spaces="true"> Sculpt your thighs with a firm yet gentle hug, perfect for wearing under your favorite jeans or dresses.</span></p> </li> <li> <p><strong><span data-preserver-spaces="true">Chafe-Free Confidence:</span></strong><span data-preserver-spaces="true"> Eliminate inner thigh chafing and sweat, allowing you to move effortlessly and confidently in any outfit.</span></p> </li> <li> <p><strong><span data-preserver-spaces="true">Ultimate Versatility:</span></strong><span data-preserver-spaces="true"> Whether </span><span data-preserver-spaces="true">you're</span><span data-preserver-spaces="true"> headed</span><span data-preserver-spaces="true"> to the grocery store, brunch, or lounging at home, these shorts offer the perfect balance of style and functionality.</span></p> </li> </ul> <p class="h3"><strong><span data-preserver-spaces="true">Revolutionary Fabric Technology:</span></strong></h3> <p><span data-preserver-spaces="true">Experience the TheBlackPurple difference with our innovative fabric, featuring tiny Tourmaline® ceramic beads that create a micro-massaging effect to stimulate blood flow. This technology helps reduce cellulite and promotes increased circulation for long-term benefits.</span></p> <p class="h3"><strong><span data-preserver-spaces="true">How It Works:</span></strong></h3> <ul> <li> <p><strong><span data-preserver-spaces="true">Slimming Bamboo Viscose:</span></strong><span data-preserver-spaces="true"> The snug yet cozy fabric targets your stomach, thighs, and hips for an immediate slimming effect.</span></p> </li> <li> <p><strong><span data-preserver-spaces="true">Micro-Massaging Tourmaline® Beads:</span></strong><span data-preserver-spaces="true"> Strategically placed beads work continuously to </span><span data-preserver-spaces="true">give your skin a gentle massage</span><span data-preserver-spaces="true">, enhancing the benefits of movement and exercise.</span><span data-preserver-spaces="true"> </span><span data-preserver-spaces="true">This</span><span data-preserver-spaces="true"> helps burn more calories, reduce cellulite, and improve circulation over time.</span></p> </li> <li> <p><strong><span data-preserver-spaces="true">Clinically Tested Results:</span></strong><span data-preserver-spaces="true"> Our shapewear </span><span data-preserver-spaces="true">is clinically tested</span><span data-preserver-spaces="true"> to help reduce cellulite and inches over time. By wearing our Mass & Slim Shorts and leggings for 30 days consecutively for 8 hours a day, you will see visible results in </span><span data-preserver-spaces="true">terms of</span><span data-preserver-spaces="true"> losing inches and reducing cellulite, along with improved circulation.</span></p> </li> </ul> <p><strong><span data-preserver-spaces="true"><img alt="" nosrc="https://cdn.shopify.com/s/files/1/2046/3683/files/close-up-beads-pattern_theblackpurple.com.webp?v=1716338920" style="display: block; margin-left: auto; margin-right: auto;"></span></strong></p> <p><span data-sheets-value="{" love="" the="" shapewear="" leggings="" and="" shorts="" .="" i="" am="" going="" to="" purchase="" newer="" now="" too="" think="" they="" are="" amazing="" certainly="" make="" for="" a="" great="" undergarment="" that="" give="" you="" sleek="" silhouette="" helped="" me="" feel="" confindent="" at="" my="" son="" wedding="" data-sheets-userformat="{">★★★★★</span></p> <p>I love my Black Purple shorts. They hold everything in without feeling tight. I am able to breath and the material is also breathable. They are very comfortable to wear under all clothing. I haven’t had mine very long so I can’t give you results. I have back problems and they help support it. There is nothing bad I can say about them. I just love them.</p> <p><span>- Nancy Bowe, USA.<br><a class="in-cell-link" href="https://theblackpurple.com/products/mass-slim-anti-cellulite-shorts" rel="noopener" target="_blank">Mass & Slim Shapewear Shorts</a></span></p> <p><strong><span data-preserver-spaces="true">Material Composition:</span></strong></p> <ul> <li> <p><span data-preserver-spaces="true">53% Polyamide</span></p> </li> <li> <p><span data-preserver-spaces="true">33% Polyester</span></p> </li> <li> <p><span data-preserver-spaces="true">14% Elastane</span></p> </li> </ul> <p><strong><span data-preserver-spaces="true">Care Instructions:</span></strong></p> <p><span data-preserver-spaces="true">Machine washable and dryer safe. We recommend using a gentle cycle and low temperature for best results.</span></p> <p><strong><span data-preserver-spaces="true">Ideal for Everyday Wear:</span></strong></p> <p><span data-preserver-spaces="true">Our shorts are perfect for wearing under your regular clothes, jeans, leggings, or dresses. Many </span><span data-preserver-spaces="true">of our</span><span data-preserver-spaces="true"> customers, including new moms, nurses, and health practitioners, rely on Mass & Slim Shorts for enhanced circulation and comfort during long shifts. Our innovative garments </span><span data-preserver-spaces="true">are meticulously crafted</span><span data-preserver-spaces="true"> to aid in reducing cellulite and inches, making them ideal for managing lymphedema, lipedema, or the natural progression of aging combined with busy lifestyles.</span></p> <p><strong><span data-preserver-spaces="true">Personalized Customer Service:</span></strong></p> <p style="text-align: center;"><span data-preserver-spaces="true">We are committed to providing a personalized customer service experience tailored to your </span><span data-preserver-spaces="true">unique</span><span data-preserver-spaces="true"> needs. Whether </span><span data-preserver-spaces="true">you're</span><span data-preserver-spaces="true"> a hardworking mom, a dedicated nurse, or a professional navigating the complexities of age and work commitments, we are here to guide and support you.</span></p> <p style="text-align: center;"><span data-preserver-spaces="true"><iframe nosrc="https://www.youtube.com/embed/9HwrZomnilw?rel=0" width="560" height="315"></noiframe></span></p> <p><span>⭐️</span><span>⭐️</span><span>⭐️</span><span>⭐️</span><span>⭐️</span><span> <strong>5/5</strong> </span></p> <p>"I love this item! It helps with my circulation and cellulite. The shorts are comfortable and I wear them everyday underneath my clothes" -<span>Giulia White</span></p> <p><span>⭐️</span><span>⭐️</span><span>⭐️</span><span>⭐️</span><span>⭐️</span><span> <strong>5/5</strong> </span></p> <p>"I love my BlackPurple!! I have been wearing mine for about a month and I definitely can see a difference in cellulite on the back of my legs. They also help keep my thighs from rubbing together in my workout clothes. They give me a slimming look and feel great everyday!! ❤❤❤ "<span>- Teresa Pulido</span></p> <p><span></span><strong><a href="https://theblackpurple.com/pages/reviews" class="button">SEE MORE REVIEWS</a></strong></p> </div> </div> <div class="x-variants-data x-variants-data-js pt-3 border-t mt-3" x-data='xVariantSelectCard($el,"template--25179264844056__product-grid-11", "8094264389", "/products/mass-slim-anti-cellulite-shorts", false, false, false, "")' data-option1="S (6/8)" x-intersect.margin.200px="if ($el.querySelector('#variant-update-template--25179264844056__product-grid-11').innerHTML.trim() == '') $el.classList.add('hidden');" > <div id="current-variant-template--25179264844056__product-grid-8094264389-11" class="current-variant hidden" > 30909860677 </div> <div id="variant-update-template--25179264844056__product-grid-11" class="variant-update-template--25179264844056__product-grid-11 list-layout:md:text-left rtl:list-layout:md:text-right options-container" > </div> </div> <script src="//theblackpurple.com/cdn/shop/t/70/assets/variant-select-card.aio.min.js?v=68671393451214742311760147609" defer></script> <div class="bottom-card card-info ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end gap-1 empty:hidden"></div> <template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)" class="card-info bottom_atc md:list-layout:hidden hide-icon" :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}" x-cloak > <button type="submit" name="add" @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--25179264844056__product-grid-8094264389-11', $el); }, 0)" x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/special-offer/products/mass-slim-anti-cellulite-shorts', $el, 'template--25179264844056__product-grid-8094264389-11', 21); }, 0)" data-id="template--25179264844056__product-grid-8094264389-11" class="button button--quickview button-solid not-icon leading-normal mt-2 w-full pr-5 pl-5 py-2.5 lg:py-3 h-full text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60" :class="errorMessage && 'opacity-60 cursor-not-allowed'" aria-label="Choose options" > <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> <span class="flex items-center justify-center"> <span class="button-text is-focus-button:opacity-0">Choose options</span> </span> </span> <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak> <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" fill="currentcolor" stroke="none"> <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> </g> </svg> </div> </button> </div></template> <template x-if="$store.xQuickView"> <div class="hidden md:list-layout:flex gap-3 mt-4" x-show="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''"> <button type="submit" name="add" @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--25179264844056__product-grid-8094264389-11', $el); }, 0)" x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/special-offer/products/mass-slim-anti-cellulite-shorts', $el, 'template--25179264844056__product-grid-8094264389-11', 21); }, 0)" data-id="template--25179264844056__product-grid-8094264389-11" class="button button--quickview button-solid not-icon leading-normal w-full py-2.5 lg:pl-5 lg:pr-5 lg:py-3 h-full text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block" :class="errorMessage && 'opacity-60 cursor-not-allowed'" aria-label="Choose options" > <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> <span class="flex items-center justify-center"> <span class="button-text is-focus-button:opacity-0">Choose options</span> </span> </span> <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak> <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" fill="currentcolor" stroke="none"> <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> </g> </svg> </div> </button> </div><button x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/special-offer/products/mass-slim-anti-cellulite-shorts', $el, 'template--25179264844056__product-grid-8094264389-11')" x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/special-offer/products/mass-slim-anti-cellulite-shorts', $el, 'template--25179264844056__product-grid-8094264389-11')" @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' class="button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3" aria-label="Button quickview" x-customer-event-data="{ "product": { "title": "Mass &amp; Slim Shapewear Shorts", "listName": "Special Offer", "sku": "8094264389", "currencyCode": "USD", "price": 7995, "vendor": "TheBlackPurple" } }" x-show="$store.xQuickView.enabled" > <span class="flex justify-center items-center"> <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span> </span> </button> </div> </template> </div> </div> </div> <div class="grid-item"> <div x-data="xProductCard('template--25179264844056__product-grid-12', '/collections/special-offer/products/mass-slim-anti-cellulite-leggings', '8147713925')" class="card-product overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 h-full" x-slide-index="-1" > <div class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-8" > <style data-shopify> </style> <style data-shopify> </style> <a href="/collections/special-offer/products/mass-slim-anti-cellulite-leggings" x-data="{ lastWindowWidth: 0 }" x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })' x-labels-data="[ { "variant_id": 31538210885, "product_id": 8147713925, "available": true, "title": "Mass &amp; Slim Shapewear Leggings", "compare_at_price": 10995, "price": 8995, "price_with_currency": "$89.95", "sale_amount": "$20.00", "collections": "||384562885||138224631896||504680546584||156178186328||477319364888||", "inventory_management": "shopify", "qty": 34, "container": "card", "can_show_preorder": false, "diff_day_create": 3042.97, "diff_day_publish": 3050.23 } ]" aria-label="Mass & Slim Shapewear Leggings" id="8147713925-template--25179264844056__product-grid" class="x-labels-data ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage" style="height: 0; padding-bottom: 127.58620689655172%;"> <div x-data="xDoubleTouch('/collections/special-offer/products/mass-slim-anti-cellulite-leggings')" class="w-full h-full z-0 overflow-hidden absolute top-0 left-0"> <div id="x-slideshow-card-product-template--25179264844056__product-grid-12--1" class="block h-full" @click='$store.xCustomerEvent.fire("product_selected", $el)' x-customer-event-data="{ "product": { "title": "Mass &amp; Slim Shapewear Leggings", "listName": "Special Offer", "sku": "8147713925", "currencyCode": "USD", "price": 8995, "vendor": "TheBlackPurple" } }" ><div class="absolute inset-0 z-10 pointer-events-auto dbtap-overlay" @touchstart="onTouchStart($event)" @touchend.prevent="onTouchEnd($el.closest('.x-splide'))" @touchmove="onTouchMove($event)" ></div> <div class="hidden"> <img src="//theblackpurple.com/cdn/shop/products/mass_slim_legging_TheBlackPurple.com.jpg?v=1737096289&width=1500" alt="Mass & Slim Shapewear Leggings - TheBlackPurple" srcset="//theblackpurple.com/cdn/shop/products/mass_slim_legging_TheBlackPurple.com.jpg?v=1737096289&width=250 250w, //theblackpurple.com/cdn/shop/products/mass_slim_legging_TheBlackPurple.com.jpg?v=1737096289&width=350 350w, //theblackpurple.com/cdn/shop/products/mass_slim_legging_TheBlackPurple.com.jpg?v=1737096289&width=450 450w, //theblackpurple.com/cdn/shop/products/mass_slim_legging_TheBlackPurple.com.jpg?v=1737096289&width=750 750w, //theblackpurple.com/cdn/shop/products/mass_slim_legging_TheBlackPurple.com.jpg?v=1737096289&width=900 900w, //theblackpurple.com/cdn/shop/products/mass_slim_legging_TheBlackPurple.com.jpg?v=1737096289&width=1100 1100w, //theblackpurple.com/cdn/shop/products/mass_slim_legging_TheBlackPurple.com.jpg?v=1737096289&width=1500 1500w" width="1500" height="1914" loading="eager" onload="this.closest(".skeleton-image")?.classList.remove("animate-Xpulse", "skeleton-image");" sizes="(min-width: 1400px) calc(100vw / 3), (min-width: 1024px) calc((100vw) / 3), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)"> </div><div class="w-full z-0 top-0 left-0 absolute" > <picture> <img srcset=" //theblackpurple.com/cdn/shop/products/mass_slim_legging_TheBlackPurple.com.jpg?v=1737096289&width=250 250w, //theblackpurple.com/cdn/shop/products/mass_slim_legging_TheBlackPurple.com.jpg?v=1737096289&width=350 350w, //theblackpurple.com/cdn/shop/products/mass_slim_legging_TheBlackPurple.com.jpg?v=1737096289&width=450 450w, //theblackpurple.com/cdn/shop/products/mass_slim_legging_TheBlackPurple.com.jpg?v=1737096289&width=750 750w, //theblackpurple.com/cdn/shop/products/mass_slim_legging_TheBlackPurple.com.jpg?v=1737096289&width=900 900w, //theblackpurple.com/cdn/shop/products/mass_slim_legging_TheBlackPurple.com.jpg?v=1737096289&width=1100 1100w, //theblackpurple.com/cdn/shop/products/mass_slim_legging_TheBlackPurple.com.jpg?v=1737096289&width=1500 1500w,//theblackpurple.com/cdn/shop/products/mass_slim_legging_TheBlackPurple.com.jpg?v=1737096289 870w" src="//theblackpurple.com/cdn/shop/products/mass_slim_legging_TheBlackPurple.com.jpg?v=1737096289&width=1500" sizes="(min-width: 1400px) calc(100vw / 3), (min-width: 1024px) calc((100vw) / 3), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)" alt="Mass & Slim Shapewear Leggings - TheBlackPurple" :class="showSecond ? 'first-img' : ''" class="w-full preview-img motion-reduce aspect-natural relative animate-Xpulse skeleton-image object-cover image-first-hover lg:group-hover:opacity-0" loading="lazy" width="870" height="1110" onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);" /> </picture> </div><div class="w-full h-full top-0 left-0 absolute lg:block"> <picture> <img loading="lazy" srcset="//theblackpurple.com/cdn/shop/products/mass-slim-legging-v2.jpg?v=1737096289&width=250 250w, //theblackpurple.com/cdn/shop/products/mass-slim-legging-v2.jpg?v=1737096289&width=350 350w, //theblackpurple.com/cdn/shop/products/mass-slim-legging-v2.jpg?v=1737096289&width=450 450w, //theblackpurple.com/cdn/shop/products/mass-slim-legging-v2.jpg?v=1737096289&width=750 750w, //theblackpurple.com/cdn/shop/products/mass-slim-legging-v2.jpg?v=1737096289&width=900 900w, //theblackpurple.com/cdn/shop/products/mass-slim-legging-v2.jpg?v=1737096289&width=1100 1100w, //theblackpurple.com/cdn/shop/products/mass-slim-legging-v2.jpg?v=1737096289&width=1500 1500w,//theblackpurple.com/cdn/shop/products/mass-slim-legging-v2.jpg?v=1737096289 650w" src="//theblackpurple.com/cdn/shop/products/mass-slim-legging-v2.jpg?v=1737096289&width=1500" sizes="(min-width: 1400px) calc(100vw / 3), (min-width: 1024px) calc((100vw) / 3), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)" alt="Mass & Slim Leggings | Anti Cellulite Leggings" :class="showSecond ? 'second-img' : ''" class="motion-reduce min-w-full h-full object-cover group-hover:cursor-pointer aspect-auto image-second-hover opacity-0 lg:group-hover:opacity-100" loading="lazy" width="650" height="650" onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);" /> </picture> </div></div> </div> <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-4 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0" x-show="$store.xQuickView" x-cloak > <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-full hide-icon lg:px-4" :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }" x-cloak > <button type="submit" name="add" @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--25179264844056__product-grid-8147713925-12', $el); }, 0)" x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/special-offer/products/mass-slim-anti-cellulite-leggings', $el, 'template--25179264844056__product-grid-8147713925-12', 22); }, 0)" data-id="template--25179264844056__product-grid-8147713925-12" class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 py-2.5 lg:py-3 h-full text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block" :class="errorMessage && 'opacity-60 cursor-not-allowed'" aria-label="Choose options" > <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> <span class="flex items-center justify-center"> <span class="button-text is-focus-button:opacity-0">Choose options</span> </span> </span> <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak> <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" fill="currentcolor" stroke="none"> <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> </g> </svg> </div> </button> <button type="submit" name="add" @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--25179264844056__product-grid-8147713925-12', $el); }, 0)" x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/special-offer/products/mass-slim-anti-cellulite-leggings', $el, 'template--25179264844056__product-grid-8147713925-12', 22); }, 0)" class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60" data-id="template--25179264844056__product-grid-8147713925-12" :class="errorMessage && 'opacity-60 cursor-not-allowed'"aria-label="Add to cart"x-customer-event-data="{ "product": { "title": "Mass &amp; Slim Shapewear Leggings", "listName": "Special Offer", "sku": "8147713925", "currencyCode": "USD", "price": 8995, "vendor": "TheBlackPurple" } }" > <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg class="" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;"> <g> <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> </g> </svg></span> <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak> <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" fill="currentcolor" stroke="none"> <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> </g> </svg> </span> </button> </div> </div><div class="button-quickview-icon absolute z-[15] lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0" :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd bottom-11 md:bottom-12 right-2 lg:top-4 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'" x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak > <div> <button @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/special-offer/products/mass-slim-anti-cellulite-leggings', $el, 'template--25179264844056__product-grid-8147713925-12')" x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/special-offer/products/mass-slim-anti-cellulite-leggings', $el, 'template--25179264844056__product-grid-8147713925-12')" class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full" :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'p-1.5 md:p-2.5 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'" x-customer-event-data="{ "product": { "title": "Mass &amp; Slim Shapewear Leggings", "listName": "Special Offer", "sku": "8147713925", "currencyCode": "USD", "price": 8995, "vendor": "TheBlackPurple" } }" aria-label="Button quickview" > <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;"> <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center"> <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span> </span> </button> <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/special-offer/products/mass-slim-anti-cellulite-leggings", $el, "template--25179264844056__product-grid-8147713925-12"); $store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-2" aria-label="Button quickview" x-customer-event-data="{ "product": { "title": "Mass &amp; Slim Shapewear Leggings", "listName": "Special Offer", "sku": "8147713925", "currencyCode": "USD", "price": 8995, "vendor": "TheBlackPurple" } }" > <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;"> <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> </button> </div> </div> </div> </a> <div class="md:list-layout:hidden"> <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0"> <div class="no-collage:mb-2 text-center md:list-layout:text-left"> <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div><p class="card__heading h5 no-collage:mb-2 mb-2.5 leading-tight" id="title-template--25179264844056__product-grid-8147713925"> <a href="/collections/special-offer/products/mass-slim-anti-cellulite-leggings" class="x-card-title full-unstyled-link link-product-variant text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words" @click='$store.xCustomerEvent.fire("product_selected", $el)' x-customer-event-data="{ "product": { "title": "Mass &amp; Slim Shapewear Leggings", "listName": "Special Offer", "sku": "8147713925", "currencyCode": "USD", "price": 8995, "vendor": "TheBlackPurple" } }" > Mass & Slim Shapewear Leggings </a> </p> <div class="x-review-product other flex w-full items-center justify-center ltr mb-2.5 md:list-layout:justify-start" ><div class="rating gap-1 flex leading-tight" role="img" aria-label="4.27 out of 5.0 stars"> <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> <g> <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> </g> </svg> <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> <g> <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> </g> </svg> <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> <g> <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> </g> </svg> <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> <g> <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> </g> </svg><svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> <g> <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> </g> </svg> </div> <p class="rating-count leading-none caption ml-1 text-[0.49rem]">(86) </p></div> <div class="x-card-price flex items-center mb-2.5 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start"> <div class=" price leading-none"> <div class=""> <div class="target-price hidden">8995</div> <div class="target-compare-at-price hidden">10995</div> <div class=""> <small class="cap rtl:inline-block"> <s class="price-compare rtl:leading-tight">$109.95</s> </small><span class="price-sale selection:bg-text-[rgb(var(--colors-price-sale),0.2)] ml-1 rtl:mr-1 rtl:ml-0">$89.95</span> </div><small class="text-[70%] hidden"> <span class="hidden">Unit price</span> <span class="up price-item price-item--last"> <span class="unit-price"> </span> <span aria-hidden="true">/</span> <span class="hidden"> per </span> <span> </span> </span> </small> </div> </div> <div class="leading-none next-price empty:hidden"></div> </div> <template x-if="localStorage.getItem('selectedStore')"> <div id="x-availability-notice-template--25179264844056__product-grid" class="flex mb-2.5 items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start justify-center" x-show="$store.xStoreSelector?.canShow('8147713925', [384562885, 138224631896, 504680546584, 156178186328, 477319364888])"> <div x-data='{ storeAvailabilites: { }, pickupLocation: [ ] }' x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())" > <style data-shopify> .text-available, .text-unavailable { font-size: 0.4685625rem; font-family: var(--font-body-family); } @media (min-width: 768px) { .text-available, .text-unavailable { font-size: 0.520625rem; } } .text-available { color: #6abe34; } .dark .text-available { color: #6abe34; } .text-unavailable { color: #767474; } .dark .text-unavailable { color: #867F7F; } </style> <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]"> <span class="flex h-4 w-4 relative"> <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> </svg> </span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span> </div> <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]"> <span class="flex h-4 w-4 relative"> <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> </svg> </span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span> </div> </div> </div> </template> </div> </div> </div> </div><div id="choose-options-template--25179264844056__product-grid-8147713925-12" class="hidden md:block absolute w-full min-h-full h-full left-0 top-0 bg-[rgba(var(--background-color))] z-[15] md:list-layout:w-3/5 list-layout:lg:w-3/4 md:list-layout:left-auto md:list-layout:right-0" x-show="showOptions" x-transition:enter="transition-all ease-in-out duration-300" x-transition:enter-start="opacity-0 transform translate-y-full" x-transition:enter-end="opacity-100 transform translate-y-0" x-transition:leave="transition-all ease-in-out duration-300" x-transition:leave-start="opacity-100 transform translate-y-0" x-transition:leave-end="opacity-0 transform translate-y-full" x-cloak > <div :class="listLayout ? 'list-layout' : 'grid-layout'" class="choose-options relative w-full min-h-full h-full"></div> <div class="icon-loading hidden absolute top-0 left-0 right-0 h-full w-full z-20 bg-[rgba(var(--background-color))]"> <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]"> <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" fill="currentcolor" stroke="none"> <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> </g> </svg> </div> </div> </div> <div id="x-product-template-8147713925-template--25179264844056__product-grid-12" class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0 text-center" > <div class="hidden md:list-layout:block"> <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0"> <div class="no-collage:mb-2 text-center md:list-layout:text-left"> <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div><p class="card__heading h5 no-collage:mb-2 mb-2.5 leading-tight" id="title-template--25179264844056__product-grid-8147713925"> <a href="/collections/special-offer/products/mass-slim-anti-cellulite-leggings" class="x-card-title full-unstyled-link link-product-variant text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words" @click='$store.xCustomerEvent.fire("product_selected", $el)' x-customer-event-data="{ "product": { "title": "Mass &amp; Slim Shapewear Leggings", "listName": "Special Offer", "sku": "8147713925", "currencyCode": "USD", "price": 8995, "vendor": "TheBlackPurple" } }" > Mass & Slim Shapewear Leggings </a> </p> <div class="x-review-product other flex w-full items-center justify-center ltr mb-2.5 md:list-layout:justify-start" ><div class="rating gap-1 flex leading-tight" role="img" aria-label="4.27 out of 5.0 stars"> <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> <g> <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> </g> </svg> <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> <g> <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> </g> </svg> <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> <g> <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> </g> </svg> <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> <g> <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> </g> </svg><svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> <g> <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> </g> </svg> </div> <p class="rating-count leading-none caption ml-1 text-[0.49rem]">(86) </p></div> <div class="x-card-price flex items-center mb-2.5 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start"> <div class=" price leading-none"> <div class=""> <div class="target-price hidden">8995</div> <div class="target-compare-at-price hidden">10995</div> <div class=""> <small class="cap rtl:inline-block"> <s class="price-compare rtl:leading-tight">$109.95</s> </small><span class="price-sale selection:bg-text-[rgb(var(--colors-price-sale),0.2)] ml-1 rtl:mr-1 rtl:ml-0">$89.95</span> </div><small class="text-[70%] hidden"> <span class="hidden">Unit price</span> <span class="up price-item price-item--last"> <span class="unit-price"> </span> <span aria-hidden="true">/</span> <span class="hidden"> per </span> <span> </span> </span> </small> </div> </div> <div class="leading-none next-price empty:hidden"></div> </div> <template x-if="localStorage.getItem('selectedStore')"> <div id="x-availability-notice-template--25179264844056__product-grid" class="flex mb-2.5 items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start justify-center" x-show="$store.xStoreSelector?.canShow('8147713925', [384562885, 138224631896, 504680546584, 156178186328, 477319364888])"> <div x-data='{ storeAvailabilites: { }, pickupLocation: [ ] }' x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())" > <style data-shopify> .text-available, .text-unavailable { font-size: 0.4685625rem; font-family: var(--font-body-family); } @media (min-width: 768px) { .text-available, .text-unavailable { font-size: 0.520625rem; } } .text-available { color: #6abe34; } .dark .text-available { color: #6abe34; } .text-unavailable { color: #767474; } .dark .text-unavailable { color: #867F7F; } </style> <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]"> <span class="flex h-4 w-4 relative"> <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> </svg> </span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span> </div> <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]"> <span class="flex h-4 w-4 relative"> <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> </svg> </span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span> </div> </div> </div> </template> </div> </div> </div> <div class="hidden md:list-layout:block md:list-layout:mt-0 mt-4 md:list-layout:text-left"> <div class="rte line-clamp-3">  <p class="h2">The Best Anti-Cellulite Slimming Shapewear Leggings</h2> <p>Unlock the secret to a smoother, more confident you with our top-selling anti-cellulite shapewear leggings. Discover the exceptional benefits and comfort of our Mass & Slim Leggings designed to enhance your daily routine.</p>  <p class="h3">Why Choose Mass & Slim Leggings?</h3> <p>Designed to feel like a second skin, these leggings are perfect for running errands, enhancing your workouts, or providing discreet support under your office attire or scrubs. Smooth out bumps, enhance your curves, and define your legs, thighs, and hips effortlessly.</p> <p class="h3">Key Benefits:</h3> <ul> <li> <strong>All-Day Comfort:</strong> Crafted from soft, cooling, and breathable Bamboo Viscose fabric, ensuring ultimate comfort and flexibility for everyday wear.</li> <li> <strong>360° Firmness:</strong> Tone your thighs with a firm yet gentle embrace, ideal for wearing under your favorite jeans.</li> <li> <strong>Workout Enhancer:</strong> Boost your exercise routine with complete freedom of movement, maximizing calorie burn and improving blood flow.</li> <li> <strong>Sculpt and Shape:</strong> Contour and highlight your legs, hips, and bum, boosting your confidence wherever you go.</li> </ul>  <p class="h3">Revolutionary Fabric Technology:</h3> <p>Experience the TheBlackPurple difference with our innovative fabric, featuring tiny cooling Tourmaline® ceramic beads. These beads create a micro-massaging effect that stimulates blood flow, helping to reduce cellulite and promote increased circulation for long-term benefits.</p> <p><img style="display: block; margin: 0 auto;" alt="Close-up view of Tourmaline beads in Mass & Slim leggings" nosrc="https://cdn.shopify.com/s/files/1/2046/3683/files/close-up-beads-pattern_theblackpurple.com.webp?v=1716338920"></p>  <p class="h3">How It Works:</h3> <ul> <li> <strong>Slimming Bamboo Viscose:</strong> Our snug yet cozy fabric targets your stomach, thighs, and hips for an immediate slimming effect.</li> <li> <strong>Micro-Massaging Tourmaline® Beads:</strong> Strategically placed beads work continuously to give your skin a gentle massage, enhancing the benefits of movement and exercise. This helps burn more calories, reduce cellulite, and improve circulation over time.</li> </ul>  <p class="h3">Ideal for Everyday Wear:</h3> <p>Our leggings are perfect for wearing under your regular clothes, jeans, leggings, or scrubs. Many of our customers, including nurses and health practitioners, love wearing them under their scrubs for added comfort and support throughout their busy days.</p>  <p class="h3">Tailored for Your Needs:</h3> <p>We understand the unique challenges you face, whether it's lymphedema, lipedema, or the natural progression of aging combined with work and life commitments. Our focus is on providing personalized customer service to meet your individual needs. Whether you’re a hardworking mom, nurse, professional, or anyone navigating the complexities of age and work commitments, we’re here to support you.</p>  <p class="h3">Material Composition:</h3> <ul> <li>53% Polyamide</li> <li>33% Polyester</li> <li>14% Elastane</li> </ul>  <p class="h3">Care Instructions:</h3> <p>Machine washable and dryer safe. We recommend using a gentle cycle and low temperature for best results.</p>  <p class="h3">Experience the TheBlackPurple Difference:</h3> <p>Slip into a pair of our anti-cellulite leggings and feel the difference. Enjoy the best in comfort, style, and slimming technology every day.</p>  <p class="h5"><iframe nosrc="https://www.youtube.com/embed/9HwrZomnilw?rel=0" width="560" height="315"></noiframe></h5>  <p class="h3">What Customers Are Saying:</h3> <div> <p><strong>⭐️⭐️⭐️⭐️⭐️ 5/5</strong></p> <blockquote>"What an amazing product. I have leg lymphedema from having lymph nodes removed, due to cervical cancer. Leg Lymphedema is normally treated by wearing an uncomfortable compression stocking. They don't work for me. This product stimulates lymphatic flow and is perfect for my needs!" <br><strong>- Cheryl Couch</strong> </blockquote> <p><strong>⭐️⭐️⭐️⭐️⭐️ 5/5</strong></p> <blockquote>"I am a critical care nurse and these leggings are saving my legs. I am no longer feeling leg fatigue at the end of my shift which has alleviated my knee pain. In addition, my legs look smoother. My husband noticed the back of my thighs appeared less dimpled, and he was a skeptic. I am ordering a second pair and trying the bra this time too." <br><strong>- Leann Kolovitz, USA</strong> </blockquote> </div> <p style="text-align: center;"><a style="text-decoration: none; padding: 10px 20px; background-color: #000; color: #fff; border-radius: 5px;" class="button" href="https://theblackpurple.com/pages/reviews">SEE MORE REVIEWS</a></p> </div> </div> <div class="x-variants-data x-variants-data-js pt-3 border-t mt-3" x-data='xVariantSelectCard($el,"template--25179264844056__product-grid-12", "8147713925", "/products/mass-slim-anti-cellulite-leggings", false, false, false, "")' data-option1="S (6/8)" x-intersect.margin.200px="if ($el.querySelector('#variant-update-template--25179264844056__product-grid-12').innerHTML.trim() == '') $el.classList.add('hidden');" > <div id="current-variant-template--25179264844056__product-grid-8147713925-12" class="current-variant hidden" > 31538210885 </div> <div id="variant-update-template--25179264844056__product-grid-12" class="variant-update-template--25179264844056__product-grid-12 list-layout:md:text-left rtl:list-layout:md:text-right options-container" > </div> </div> <script src="//theblackpurple.com/cdn/shop/t/70/assets/variant-select-card.aio.min.js?v=68671393451214742311760147609" defer></script> <div class="bottom-card card-info ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end gap-1 empty:hidden"></div> <template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)" class="card-info bottom_atc md:list-layout:hidden hide-icon" :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}" x-cloak > <button type="submit" name="add" @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--25179264844056__product-grid-8147713925-12', $el); }, 0)" x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/special-offer/products/mass-slim-anti-cellulite-leggings', $el, 'template--25179264844056__product-grid-8147713925-12', 22); }, 0)" data-id="template--25179264844056__product-grid-8147713925-12" class="button button--quickview button-solid not-icon leading-normal mt-2 w-full pr-5 pl-5 py-2.5 lg:py-3 h-full text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60" :class="errorMessage && 'opacity-60 cursor-not-allowed'" aria-label="Choose options" > <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> <span class="flex items-center justify-center"> <span class="button-text is-focus-button:opacity-0">Choose options</span> </span> </span> <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak> <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" fill="currentcolor" stroke="none"> <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> </g> </svg> </div> </button> </div></template> <template x-if="$store.xQuickView"> <div class="hidden md:list-layout:flex gap-3 mt-4" x-show="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''"> <button type="submit" name="add" @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--25179264844056__product-grid-8147713925-12', $el); }, 0)" x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/special-offer/products/mass-slim-anti-cellulite-leggings', $el, 'template--25179264844056__product-grid-8147713925-12', 22); }, 0)" data-id="template--25179264844056__product-grid-8147713925-12" class="button button--quickview button-solid not-icon leading-normal w-full py-2.5 lg:pl-5 lg:pr-5 lg:py-3 h-full text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block" :class="errorMessage && 'opacity-60 cursor-not-allowed'" aria-label="Choose options" > <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> <span class="flex items-center justify-center"> <span class="button-text is-focus-button:opacity-0">Choose options</span> </span> </span> <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak> <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" fill="currentcolor" stroke="none"> <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> </g> </svg> </div> </button> </div><button x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/special-offer/products/mass-slim-anti-cellulite-leggings', $el, 'template--25179264844056__product-grid-8147713925-12')" x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/special-offer/products/mass-slim-anti-cellulite-leggings', $el, 'template--25179264844056__product-grid-8147713925-12')" @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' class="button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3" aria-label="Button quickview" x-customer-event-data="{ "product": { "title": "Mass &amp; Slim Shapewear Leggings", "listName": "Special Offer", "sku": "8147713925", "currencyCode": "USD", "price": 8995, "vendor": "TheBlackPurple" } }" x-show="$store.xQuickView.enabled" > <span class="flex justify-center items-center"> <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span> </span> </button> </div> </template> </div> </div> </div> <div class="grid-item"> <div x-data="xProductCard('template--25179264844056__product-grid-13', '/collections/special-offer/products/mass-slim-waist-shaper-slimming-belt', '8147830533')" class="card-product overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 h-full" x-slide-index="-1" > <div class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-8" > <style data-shopify> </style> <style data-shopify> </style> <a x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')" href="/collections/special-offer/products/mass-slim-waist-shaper-slimming-belt" x-data="{ lastWindowWidth: 0 }" x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })' x-labels-data="[ { "variant_id": 31539011781, "product_id": 8147830533, "available": true, "title": "Mass &amp; Slim Waist Shaper", "compare_at_price": 0, "price": 6995, "price_with_currency": "$69.95", "sale_amount": "$-69.95", "collections": "||384562885||138224631896||504680546584||156178186328||477319364888||", "inventory_management": "shopify", "qty": 4, "container": "card", "can_show_preorder": false, "diff_day_create": 3042.95, "diff_day_publish": 3050.23 } ]" aria-label="Mass & Slim Waist Shaper" id="8147830533-template--25179264844056__product-grid" class="x-labels-data ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage" style="height: 0; padding-bottom: 100.0%;"> <div x-data="xDoubleTouch('/collections/special-offer/products/mass-slim-waist-shaper-slimming-belt')" class="w-full h-full z-0 overflow-hidden absolute top-0 left-0 animate_transition_card__image"> <div id="x-slideshow-card-product-template--25179264844056__product-grid-13--1" class="block h-full" @click='$store.xCustomerEvent.fire("product_selected", $el)' x-customer-event-data="{ "product": { "title": "Mass &amp; Slim Waist Shaper", "listName": "Special Offer", "sku": "8147830533", "currencyCode": "USD", "price": 6995, "vendor": "TheBlackPurple" } }" ><div class="absolute inset-0 z-10 pointer-events-auto dbtap-overlay" @touchstart="onTouchStart($event)" @touchend.prevent="onTouchEnd($el.closest('.x-splide'))" @touchmove="onTouchMove($event)" ></div> <div class="w-full z-0 top-0 left-0 absolute" > <picture> <img srcset=" //theblackpurple.com/cdn/shop/files/gps_generated_3d470c23-76a5-4b6c-832d-454839918108.png?v=1728583930&width=250 250w, //theblackpurple.com/cdn/shop/files/gps_generated_3d470c23-76a5-4b6c-832d-454839918108.png?v=1728583930&width=350 350w, //theblackpurple.com/cdn/shop/files/gps_generated_3d470c23-76a5-4b6c-832d-454839918108.png?v=1728583930&width=450 450w, //theblackpurple.com/cdn/shop/files/gps_generated_3d470c23-76a5-4b6c-832d-454839918108.png?v=1728583930&width=750 750w, //theblackpurple.com/cdn/shop/files/gps_generated_3d470c23-76a5-4b6c-832d-454839918108.png?v=1728583930&width=900 900w, //theblackpurple.com/cdn/shop/files/gps_generated_3d470c23-76a5-4b6c-832d-454839918108.png?v=1728583930&width=1100 1100w, //theblackpurple.com/cdn/shop/files/gps_generated_3d470c23-76a5-4b6c-832d-454839918108.png?v=1728583930&width=1500 1500w,//theblackpurple.com/cdn/shop/files/gps_generated_3d470c23-76a5-4b6c-832d-454839918108.png?v=1728583930 1024w" src="//theblackpurple.com/cdn/shop/files/gps_generated_3d470c23-76a5-4b6c-832d-454839918108.png?v=1728583930&width=1500" sizes="(min-width: 1400px) calc(100vw / 3), (min-width: 1024px) calc((100vw) / 3), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)" alt="Mass & Slim Waist Shaper" :class="showSecond ? 'first-img' : ''" class="w-full preview-img motion-reduce aspect-natural relative animate-Xpulse skeleton-image object-cover image-first-hover lg:group-hover:opacity-0 animate_transition_image" loading="lazy" width="1024" height="1024" onload="this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);" /> </picture> </div><div class="w-full h-full top-0 left-0 absolute lg:block"> <picture> <img loading="lazy" srcset="//theblackpurple.com/cdn/shop/products/mass-slim-belt-2.jpg?v=1740715611&width=250 250w, //theblackpurple.com/cdn/shop/products/mass-slim-belt-2.jpg?v=1740715611&width=350 350w, //theblackpurple.com/cdn/shop/products/mass-slim-belt-2.jpg?v=1740715611&width=450 450w, //theblackpurple.com/cdn/shop/products/mass-slim-belt-2.jpg?v=1740715611&width=750 750w, //theblackpurple.com/cdn/shop/products/mass-slim-belt-2.jpg?v=1740715611&width=900 900w, //theblackpurple.com/cdn/shop/products/mass-slim-belt-2.jpg?v=1740715611&width=1100 1100w, //theblackpurple.com/cdn/shop/products/mass-slim-belt-2.jpg?v=1740715611&width=1500 1500w,//theblackpurple.com/cdn/shop/products/mass-slim-belt-2.jpg?v=1740715611 600w" src="//theblackpurple.com/cdn/shop/products/mass-slim-belt-2.jpg?v=1740715611&width=1500" sizes="(min-width: 1400px) calc(100vw / 3), (min-width: 1024px) calc((100vw) / 3), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)" alt="Mass & Slim Waist Shaper | Cellulite Slimming Belt | The Black Purple" :class="showSecond ? 'second-img' : ''" class="motion-reduce min-w-full h-full object-cover group-hover:cursor-pointer aspect-auto image-second-hover opacity-0 lg:group-hover:opacity-100" loading="lazy" width="600" height="600" onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);" /> </picture> </div></div> </div> <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-4 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0" x-show="$store.xQuickView" x-cloak > <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-full hide-icon lg:px-4" :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }" x-cloak > <button type="submit" name="add" @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--25179264844056__product-grid-8147830533-13', $el); }, 0)" x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/special-offer/products/mass-slim-waist-shaper-slimming-belt', $el, 'template--25179264844056__product-grid-8147830533-13', 23); }, 0)" data-id="template--25179264844056__product-grid-8147830533-13" class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 py-2.5 lg:py-3 h-full text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block" :class="errorMessage && 'opacity-60 cursor-not-allowed'" aria-label="Choose options" > <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> <span class="flex items-center justify-center"> <span class="button-text is-focus-button:opacity-0">Choose options</span> </span> </span> <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak> <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" fill="currentcolor" stroke="none"> <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> </g> </svg> </div> </button> <button type="submit" name="add" @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--25179264844056__product-grid-8147830533-13', $el); }, 0)" x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/special-offer/products/mass-slim-waist-shaper-slimming-belt', $el, 'template--25179264844056__product-grid-8147830533-13', 23); }, 0)" class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60" data-id="template--25179264844056__product-grid-8147830533-13" :class="errorMessage && 'opacity-60 cursor-not-allowed'"aria-label="Add to cart"x-customer-event-data="{ "product": { "title": "Mass &amp; Slim Waist Shaper", "listName": "Special Offer", "sku": "8147830533", "currencyCode": "USD", "price": 6995, "vendor": "TheBlackPurple" } }" > <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg class="" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;"> <g> <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> </g> </svg></span> <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak> <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" fill="currentcolor" stroke="none"> <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> </g> </svg> </span> </button> </div> </div><div class="button-quickview-icon absolute z-[15] lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0" :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd bottom-11 md:bottom-12 right-2 lg:top-4 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'" x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak > <div> <button @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/special-offer/products/mass-slim-waist-shaper-slimming-belt', $el, 'template--25179264844056__product-grid-8147830533-13')" x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/special-offer/products/mass-slim-waist-shaper-slimming-belt', $el, 'template--25179264844056__product-grid-8147830533-13')" class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full" :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'p-1.5 md:p-2.5 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'" x-customer-event-data="{ "product": { "title": "Mass &amp; Slim Waist Shaper", "listName": "Special Offer", "sku": "8147830533", "currencyCode": "USD", "price": 6995, "vendor": "TheBlackPurple" } }" aria-label="Button quickview" > <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;"> <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center"> <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span> </span> </button> <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/special-offer/products/mass-slim-waist-shaper-slimming-belt", $el, "template--25179264844056__product-grid-8147830533-13"); $store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-2" aria-label="Button quickview" x-customer-event-data="{ "product": { "title": "Mass &amp; Slim Waist Shaper", "listName": "Special Offer", "sku": "8147830533", "currencyCode": "USD", "price": 6995, "vendor": "TheBlackPurple" } }" > <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;"> <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> </button> </div> </div> </div> </a> <div class="md:list-layout:hidden"> <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0"> <div class="no-collage:mb-2 text-center md:list-layout:text-left"> <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div><p class="card__heading h5 no-collage:mb-2 mb-2.5 leading-tight" id="title-template--25179264844056__product-grid-8147830533"> <a href="/collections/special-offer/products/mass-slim-waist-shaper-slimming-belt" class="x-card-title full-unstyled-link link-product-variant text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words" @click='$store.xCustomerEvent.fire("product_selected", $el)' x-customer-event-data="{ "product": { "title": "Mass &amp; Slim Waist Shaper", "listName": "Special Offer", "sku": "8147830533", "currencyCode": "USD", "price": 6995, "vendor": "TheBlackPurple" } }" > Mass & Slim Waist Shaper </a> </p> <div class="x-review-product other flex w-full items-center justify-center ltr mb-2.5 md:list-layout:justify-start" ><div class="rating gap-1 flex leading-tight" role="img" aria-label="4.04 out of 5.0 stars"> <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> <g> <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> </g> </svg> <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> <g> <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> </g> </svg> <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> <g> <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> </g> </svg> <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> <g> <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> </g> </svg><svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> <g> <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> </g> </svg> </div> <p class="rating-count leading-none caption ml-1 text-[0.49rem]">(25) </p></div> <div class="x-card-price flex items-center mb-2.5 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start"> <div class=" price leading-none"> <div class=""> <div class="target-price hidden">6995</div> <div class="target-compare-at-price hidden"></div> <p class="price "> <span>$69.95</span> </p><small class="text-[70%] hidden"> <span class="hidden">Unit price</span> <span class="up price-item price-item--last"> <span class="unit-price"> </span> <span aria-hidden="true">/</span> <span class="hidden"> per </span> <span> </span> </span> </small> </div> </div> <div class="leading-none next-price empty:hidden"></div> </div> <template x-if="localStorage.getItem('selectedStore')"> <div id="x-availability-notice-template--25179264844056__product-grid" class="flex mb-2.5 items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start justify-center" x-show="$store.xStoreSelector?.canShow('8147830533', [384562885, 138224631896, 504680546584, 156178186328, 477319364888])"> <div x-data='{ storeAvailabilites: { }, pickupLocation: [ ] }' x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())" > <style data-shopify> .text-available, .text-unavailable { font-size: 0.4685625rem; font-family: var(--font-body-family); } @media (min-width: 768px) { .text-available, .text-unavailable { font-size: 0.520625rem; } } .text-available { color: #6abe34; } .dark .text-available { color: #6abe34; } .text-unavailable { color: #767474; } .dark .text-unavailable { color: #867F7F; } </style> <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]"> <span class="flex h-4 w-4 relative"> <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> </svg> </span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span> </div> <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]"> <span class="flex h-4 w-4 relative"> <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> </svg> </span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span> </div> </div> </div> </template> </div> </div> </div> </div><div id="choose-options-template--25179264844056__product-grid-8147830533-13" class="hidden md:block absolute w-full min-h-full h-full left-0 top-0 bg-[rgba(var(--background-color))] z-[15] md:list-layout:w-3/5 list-layout:lg:w-3/4 md:list-layout:left-auto md:list-layout:right-0" x-show="showOptions" x-transition:enter="transition-all ease-in-out duration-300" x-transition:enter-start="opacity-0 transform translate-y-full" x-transition:enter-end="opacity-100 transform translate-y-0" x-transition:leave="transition-all ease-in-out duration-300" x-transition:leave-start="opacity-100 transform translate-y-0" x-transition:leave-end="opacity-0 transform translate-y-full" x-cloak > <div :class="listLayout ? 'list-layout' : 'grid-layout'" class="choose-options relative w-full min-h-full h-full"></div> <div class="icon-loading hidden absolute top-0 left-0 right-0 h-full w-full z-20 bg-[rgba(var(--background-color))]"> <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]"> <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" fill="currentcolor" stroke="none"> <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> </g> </svg> </div> </div> </div> <div id="x-product-template-8147830533-template--25179264844056__product-grid-13" class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0 text-center" > <div class="hidden md:list-layout:block"> <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0"> <div class="no-collage:mb-2 text-center md:list-layout:text-left"> <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div><p class="card__heading h5 no-collage:mb-2 mb-2.5 leading-tight" id="title-template--25179264844056__product-grid-8147830533"> <a href="/collections/special-offer/products/mass-slim-waist-shaper-slimming-belt" class="x-card-title full-unstyled-link link-product-variant text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words" @click='$store.xCustomerEvent.fire("product_selected", $el)' x-customer-event-data="{ "product": { "title": "Mass &amp; Slim Waist Shaper", "listName": "Special Offer", "sku": "8147830533", "currencyCode": "USD", "price": 6995, "vendor": "TheBlackPurple" } }" > Mass & Slim Waist Shaper </a> </p> <div class="x-review-product other flex w-full items-center justify-center ltr mb-2.5 md:list-layout:justify-start" ><div class="rating gap-1 flex leading-tight" role="img" aria-label="4.04 out of 5.0 stars"> <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> <g> <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> </g> </svg> <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> <g> <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> </g> </svg> <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> <g> <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> </g> </svg> <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> <g> <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> </g> </svg><svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> <g> <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> </g> </svg> </div> <p class="rating-count leading-none caption ml-1 text-[0.49rem]">(25) </p></div> <div class="x-card-price flex items-center mb-2.5 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start"> <div class=" price leading-none"> <div class=""> <div class="target-price hidden">6995</div> <div class="target-compare-at-price hidden"></div> <p class="price "> <span>$69.95</span> </p><small class="text-[70%] hidden"> <span class="hidden">Unit price</span> <span class="up price-item price-item--last"> <span class="unit-price"> </span> <span aria-hidden="true">/</span> <span class="hidden"> per </span> <span> </span> </span> </small> </div> </div> <div class="leading-none next-price empty:hidden"></div> </div> <template x-if="localStorage.getItem('selectedStore')"> <div id="x-availability-notice-template--25179264844056__product-grid" class="flex mb-2.5 items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start justify-center" x-show="$store.xStoreSelector?.canShow('8147830533', [384562885, 138224631896, 504680546584, 156178186328, 477319364888])"> <div x-data='{ storeAvailabilites: { }, pickupLocation: [ ] }' x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())" > <style data-shopify> .text-available, .text-unavailable { font-size: 0.4685625rem; font-family: var(--font-body-family); } @media (min-width: 768px) { .text-available, .text-unavailable { font-size: 0.520625rem; } } .text-available { color: #6abe34; } .dark .text-available { color: #6abe34; } .text-unavailable { color: #767474; } .dark .text-unavailable { color: #867F7F; } </style> <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]"> <span class="flex h-4 w-4 relative"> <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> </svg> </span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span> </div> <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]"> <span class="flex h-4 w-4 relative"> <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> </svg> </span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span> </div> </div> </div> </template> </div> </div> </div> <div class="hidden md:list-layout:block md:list-layout:mt-0 mt-4 md:list-layout:text-left"> <div class="rte line-clamp-3">  <p class="h2">THE ANTI-CELLULITE SLIMMING WAIST SHAPER / BELT</h2> <p>Achieve the waist definition you’ve always dreamed of with our Anti-Cellulite Slimming Waist Shaper. Crafted from breathable bamboo viscose fabric, this shaper offers unparalleled comfort for all-day wear, helping to smooth and gently flatten your tummy while accentuating your figure. The lightweight fabric ensures you'll forget you're even wearing it, all while delivering incredible benefits:</p> <ul> <li> <strong>Sculpt and Define</strong>: Provides discreet definition for your waist and hips, enhancing your silhouette under any outfit.</li> <li> <strong>Slim and Smooth</strong>: Delivers an all-around smoothing effect to slim your stomach.</li> <li> <strong>Shape and Tone</strong>: Shapes your lower back and promotes a toned appearance.</li> </ul> <p class="h3"><strong>Ideal for Everyday Wear</strong></h3> <p>This product is perfect for wearing under your shirt, T-shirt, or work attire. It discreetly provides a flatter tummy while improving circulation to reduce inches over time.</p> <p class="h3"><strong>Experience TheBlackPurple Difference</strong></h3> <p>Our Waist Shaper is made with revolutionary fabric containing tiny Tourmaline® (ceramic) beads that create a micro-massaging effect, stimulating blood flow. This innovative feature is integrated into breathable Bamboo Viscose, ensuring comfortable, everyday wear.</p> <p class="h3">MICRO-MASSAGING WITH TOURMALINE®</h3> <p>Slip into our anti-cellulite waist shaper and feel the TheBlackPurple difference. The fabric, embedded with Tourmaline® beads, provides a gentle micro-massage to stimulate blood flow, aiding in cellulite reduction. Designed for daily wear, the breathable Bamboo Viscose fabric ensures you stay comfortable while experiencing the shaper's full benefits.</p> <p><img alt="" nosrc="https://cdn.shopify.com/s/files/1/2046/3683/files/close-up-beads-pattern_theblackpurple.com.webp?v=1716338920" style="display: block; margin-left: auto; margin-right: auto;"></p> <ul> <li> <strong>Tone and Firm</strong>: The 360° embrace tones your waist and hips, providing added firmness under your favorite clothes.</li> <li> <strong>Enhance Silhouette</strong>: The flexible design supports complete freedom of movement, maximizing calorie burn and improving blood flow during exercise.</li> <li> <strong>Contour and Highlight</strong>: Beautifully contours and shapes your waist, boosting your confidence wherever you go.</li> </ul> <p>Feel confident and comfortable with our Mass & Slim Waist Shaper, designed to deliver noticeable results and enhance your natural shape.<span data-mce-fragment="1"></span></p> <p class="h5"> <span data-mce-fragment="1">⭐️</span><span data-mce-fragment="1">⭐️</span><span data-mce-fragment="1">⭐️</span><span data-mce-fragment="1">⭐️</span><span data-mce-fragment="1">⭐️</span><span data-mce-fragment="1"> <strong>5/5</strong> </span> </h5> <div class="shg-c"> <div class="shg-rich-text shg-theme-text-content"> <p>"I normally do not comment on these or believe in these products. I ordered a pair and I am amazed at how they fit, how comfortable they are and an amazing difference under a summer dress. They do not feel hot at all. Let's see what the next 30 days do. I am impressed so far!" -SOPHIA MARIANNA GRAZIANO</p> </div> </div> <p><span></span><strong><a href="https://theblackpurple.com/pages/reviews" class="button">SEE MORE REVIEWS</a></strong><span></span></p> </div> </div> <div class="x-variants-data x-variants-data-js pt-3 border-t mt-3" x-data='xVariantSelectCard($el,"template--25179264844056__product-grid-13", "8147830533", "/products/mass-slim-waist-shaper-slimming-belt", false, false, false, "")' data-option1="S (6/8)" x-intersect.margin.200px="if ($el.querySelector('#variant-update-template--25179264844056__product-grid-13').innerHTML.trim() == '') $el.classList.add('hidden');" > <div id="current-variant-template--25179264844056__product-grid-8147830533-13" class="current-variant hidden" > 31539011781 </div> <div id="variant-update-template--25179264844056__product-grid-13" class="variant-update-template--25179264844056__product-grid-13 list-layout:md:text-left rtl:list-layout:md:text-right options-container" > </div> </div> <script src="//theblackpurple.com/cdn/shop/t/70/assets/variant-select-card.aio.min.js?v=68671393451214742311760147609" defer></script> <div class="bottom-card card-info ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end gap-1 empty:hidden"></div> <template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)" class="card-info bottom_atc md:list-layout:hidden hide-icon" :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}" x-cloak > <button type="submit" name="add" @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--25179264844056__product-grid-8147830533-13', $el); }, 0)" x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/special-offer/products/mass-slim-waist-shaper-slimming-belt', $el, 'template--25179264844056__product-grid-8147830533-13', 23); }, 0)" data-id="template--25179264844056__product-grid-8147830533-13" class="button button--quickview button-solid not-icon leading-normal mt-2 w-full pr-5 pl-5 py-2.5 lg:py-3 h-full text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60" :class="errorMessage && 'opacity-60 cursor-not-allowed'" aria-label="Choose options" > <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> <span class="flex items-center justify-center"> <span class="button-text is-focus-button:opacity-0">Choose options</span> </span> </span> <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak> <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" fill="currentcolor" stroke="none"> <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> </g> </svg> </div> </button> </div></template> <template x-if="$store.xQuickView"> <div class="hidden md:list-layout:flex gap-3 mt-4" x-show="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''"> <button type="submit" name="add" @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--25179264844056__product-grid-8147830533-13', $el); }, 0)" x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/special-offer/products/mass-slim-waist-shaper-slimming-belt', $el, 'template--25179264844056__product-grid-8147830533-13', 23); }, 0)" data-id="template--25179264844056__product-grid-8147830533-13" class="button button--quickview button-solid not-icon leading-normal w-full py-2.5 lg:pl-5 lg:pr-5 lg:py-3 h-full text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block" :class="errorMessage && 'opacity-60 cursor-not-allowed'" aria-label="Choose options" > <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> <span class="flex items-center justify-center"> <span class="button-text is-focus-button:opacity-0">Choose options</span> </span> </span> <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak> <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" fill="currentcolor" stroke="none"> <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> </g> </svg> </div> </button> </div><button x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/special-offer/products/mass-slim-waist-shaper-slimming-belt', $el, 'template--25179264844056__product-grid-8147830533-13')" x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/special-offer/products/mass-slim-waist-shaper-slimming-belt', $el, 'template--25179264844056__product-grid-8147830533-13')" @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' class="button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3" aria-label="Button quickview" x-customer-event-data="{ "product": { "title": "Mass &amp; Slim Waist Shaper", "listName": "Special Offer", "sku": "8147830533", "currencyCode": "USD", "price": 6995, "vendor": "TheBlackPurple" } }" x-show="$store.xQuickView.enabled" > <span class="flex justify-center items-center"> <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span> </span> </button> </div> </template> </div> </div> </div> <div class="grid-item"> <div x-data="xProductCard('template--25179264844056__product-grid-14', '/collections/special-offer/products/compression-leggings', '3932439576664')" class="card-product overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 h-full" x-slide-index="-1" > <div class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-8" > <style data-shopify> </style> <style data-shopify> </style> <a x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')" href="/collections/special-offer/products/compression-leggings" x-data="{ lastWindowWidth: 0 }" x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })' x-labels-data="[ { "variant_id": 45492877295896, "product_id": 3932439576664, "available": false, "title": "Active Slim Compression Leggings", "compare_at_price": 12995, "price": 9995, "price_with_currency": "$99.95", "sale_amount": "$30.00", "collections": "||138224861272||504680546584||156178186328||477319364888||", "inventory_management": "shopify", "qty": 0, "container": "card", "can_show_preorder": false, "diff_day_create": 2286.02, "diff_day_publish": 2286.02 } ]" aria-label="Active Slim Compression Leggings" id="3932439576664-template--25179264844056__product-grid" class="x-labels-data ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage" style="height: 0; padding-bottom: 127.58620689655172%;"> <div x-data="xDoubleTouch('/collections/special-offer/products/compression-leggings')" class="w-full h-full z-0 overflow-hidden absolute top-0 left-0 animate_transition_card__image"> <div id="x-slideshow-card-product-template--25179264844056__product-grid-14--1" class="block h-full" @click='$store.xCustomerEvent.fire("product_selected", $el)' x-customer-event-data="{ "product": { "title": "Active Slim Compression Leggings", "listName": "Special Offer", "sku": "3932439576664", "currencyCode": "USD", "price": 9995, "vendor": "TheBlackPurple" } }" ><div class="absolute inset-0 z-10 pointer-events-auto dbtap-overlay" @touchstart="onTouchStart($event)" @touchend.prevent="onTouchEnd($el.closest('.x-splide'))" @touchmove="onTouchMove($event)" ></div> <div class="w-full z-0 top-0 left-0 absolute" > <picture> <img srcset=" //theblackpurple.com/cdn/shop/products/745197_IMAGE3_061520.jpg?v=1710443300&width=250 250w, //theblackpurple.com/cdn/shop/products/745197_IMAGE3_061520.jpg?v=1710443300&width=350 350w, //theblackpurple.com/cdn/shop/products/745197_IMAGE3_061520.jpg?v=1710443300&width=450 450w, //theblackpurple.com/cdn/shop/products/745197_IMAGE3_061520.jpg?v=1710443300&width=750 750w, //theblackpurple.com/cdn/shop/products/745197_IMAGE3_061520.jpg?v=1710443300&width=900 900w, //theblackpurple.com/cdn/shop/products/745197_IMAGE3_061520.jpg?v=1710443300&width=1100 1100w, //theblackpurple.com/cdn/shop/products/745197_IMAGE3_061520.jpg?v=1710443300&width=1500 1500w,//theblackpurple.com/cdn/shop/products/745197_IMAGE3_061520.jpg?v=1710443300 870w" src="//theblackpurple.com/cdn/shop/products/745197_IMAGE3_061520.jpg?v=1710443300&width=1500" sizes="(min-width: 1400px) calc(100vw / 3), (min-width: 1024px) calc((100vw) / 3), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)" alt="Active Slim Compression Leggings - TheBlackPurple" :class="showSecond ? 'first-img' : ''" class="w-full preview-img motion-reduce aspect-natural relative animate-Xpulse skeleton-image object-cover image-first-hover lg:group-hover:opacity-0 animate_transition_image" loading="lazy" width="870" height="1110" onload="this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);" /> </picture> </div><div class="w-full h-full top-0 left-0 absolute lg:block"> <picture> <img loading="lazy" srcset="//theblackpurple.com/cdn/shop/products/theblackpurple-active_slim_leggings_01.jpg?v=1710443303&width=250 250w, //theblackpurple.com/cdn/shop/products/theblackpurple-active_slim_leggings_01.jpg?v=1710443303&width=350 350w, //theblackpurple.com/cdn/shop/products/theblackpurple-active_slim_leggings_01.jpg?v=1710443303&width=450 450w, //theblackpurple.com/cdn/shop/products/theblackpurple-active_slim_leggings_01.jpg?v=1710443303&width=750 750w, //theblackpurple.com/cdn/shop/products/theblackpurple-active_slim_leggings_01.jpg?v=1710443303&width=900 900w, //theblackpurple.com/cdn/shop/products/theblackpurple-active_slim_leggings_01.jpg?v=1710443303&width=1100 1100w, //theblackpurple.com/cdn/shop/products/theblackpurple-active_slim_leggings_01.jpg?v=1710443303&width=1500 1500w,//theblackpurple.com/cdn/shop/products/theblackpurple-active_slim_leggings_01.jpg?v=1710443303 870w" src="//theblackpurple.com/cdn/shop/products/theblackpurple-active_slim_leggings_01.jpg?v=1710443303&width=1500" sizes="(min-width: 1400px) calc(100vw / 3), (min-width: 1024px) calc((100vw) / 3), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)" alt="Active Slim Compression Leggings - TheBlackPurple" :class="showSecond ? 'second-img' : ''" class="motion-reduce min-w-full h-full object-cover group-hover:cursor-pointer aspect-auto image-second-hover opacity-0 lg:group-hover:opacity-100" loading="lazy" width="870" height="1110" onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);" /> </picture> </div></div> </div> <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-4 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0" x-show="$store.xQuickView" x-cloak > <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-full hide-icon lg:px-4" :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }" x-cloak > <button type="submit" name="add" @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--25179264844056__product-grid-3932439576664-14', $el); }, 0)" x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/special-offer/products/compression-leggings', $el, 'template--25179264844056__product-grid-3932439576664-14', 24); }, 0)" data-id="template--25179264844056__product-grid-3932439576664-14" class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 py-2.5 lg:py-3 h-full text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block" :class="errorMessage && 'opacity-60 cursor-not-allowed'" disabled aria-label="Sold out" > <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> <span class="flex items-center justify-center"> <span class="button-text is-focus-button:opacity-0">Sold out</span> </span> </span> <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak> <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" fill="currentcolor" stroke="none"> <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> </g> </svg> </div> </button> <button type="submit" name="add" @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--25179264844056__product-grid-3932439576664-14', $el); }, 0)" x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/special-offer/products/compression-leggings', $el, 'template--25179264844056__product-grid-3932439576664-14', 24); }, 0)" class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60" data-id="template--25179264844056__product-grid-3932439576664-14" :class="errorMessage && 'opacity-60 cursor-not-allowed'"disabled aria-label="Sold out"x-customer-event-data="{ "product": { "title": "Active Slim Compression Leggings", "listName": "Special Offer", "sku": "3932439576664", "currencyCode": "USD", "price": 9995, "vendor": "TheBlackPurple" } }" > <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg class="" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;"> <g> <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> </g> </svg></span> <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak> <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" fill="currentcolor" stroke="none"> <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> </g> </svg> </span> </button> </div> </div><div class="button-quickview-icon absolute z-[15] lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0" :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd bottom-11 md:bottom-12 right-2 lg:top-4 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'" x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak > <div> <button @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/special-offer/products/compression-leggings', $el, 'template--25179264844056__product-grid-3932439576664-14')" x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/special-offer/products/compression-leggings', $el, 'template--25179264844056__product-grid-3932439576664-14')" class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full" :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'p-1.5 md:p-2.5 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'" x-customer-event-data="{ "product": { "title": "Active Slim Compression Leggings", "listName": "Special Offer", "sku": "3932439576664", "currencyCode": "USD", "price": 9995, "vendor": "TheBlackPurple" } }" aria-label="Button quickview" > <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;"> <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center"> <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span> </span> </button> <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/special-offer/products/compression-leggings", $el, "template--25179264844056__product-grid-3932439576664-14"); $store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-2" aria-label="Button quickview" x-customer-event-data="{ "product": { "title": "Active Slim Compression Leggings", "listName": "Special Offer", "sku": "3932439576664", "currencyCode": "USD", "price": 9995, "vendor": "TheBlackPurple" } }" > <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;"> <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> </button> </div> </div> </div> </a> <div class="md:list-layout:hidden"> <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0"> <div class="no-collage:mb-2 text-center md:list-layout:text-left"> <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div><p class="card__heading h5 no-collage:mb-2 mb-2.5 leading-tight" id="title-template--25179264844056__product-grid-3932439576664"> <a href="/collections/special-offer/products/compression-leggings" class="x-card-title full-unstyled-link link-product-variant text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words" @click='$store.xCustomerEvent.fire("product_selected", $el)' x-customer-event-data="{ "product": { "title": "Active Slim Compression Leggings", "listName": "Special Offer", "sku": "3932439576664", "currencyCode": "USD", "price": 9995, "vendor": "TheBlackPurple" } }" > Active Slim Compression Leggings </a> </p> <div class="x-review-product other flex w-full items-center justify-center ltr mb-2.5 md:list-layout:justify-start" ><div class="rating gap-1 flex leading-tight" role="img" aria-label="2.44 out of 5.0 stars"> <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> <g> <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> </g> </svg> <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> <g> <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> </g> </svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class=" text-[rgb(var(--colors-text),0.3)] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" stroke-width="2"> <defs> <linearGradient id="grad"> <stop offset="50%" style="stop-color: rgba(var(--colors-icon-rating));"/> <stop offset="50%" stop-color="currentColor"/> </linearGradient> </defs> <g> <path fill="url(#grad)" d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> </g> </svg><svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> <g> <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> </g> </svg> <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> <g> <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> </g> </svg> </div> <p class="rating-count leading-none caption ml-1 text-[0.49rem]">(9) </p></div> <div class="x-card-price flex items-center mb-2.5 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start"> <div class=" price leading-none"> <div class=""> <div class="target-price hidden">9995</div> <div class="target-compare-at-price hidden">12995</div> <div class=""> <small class="cap rtl:inline-block"> <s class="price-compare rtl:leading-tight">$129.95</s> </small><span class="price-sale selection:bg-text-[rgb(var(--colors-price-sale),0.2)] ml-1 rtl:mr-1 rtl:ml-0">$99.95</span> </div><small class="text-[70%] hidden"> <span class="hidden">Unit price</span> <span class="up price-item price-item--last"> <span class="unit-price"> </span> <span aria-hidden="true">/</span> <span class="hidden"> per </span> <span> </span> </span> </small> </div> </div> <div class="leading-none next-price empty:hidden"></div> </div> <template x-if="localStorage.getItem('selectedStore')"> <div id="x-availability-notice-template--25179264844056__product-grid" class="flex mb-2.5 items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start justify-center" x-show="$store.xStoreSelector?.canShow('3932439576664', [138224861272, 504680546584, 156178186328, 477319364888])"> <div x-data='{ storeAvailabilites: { }, pickupLocation: [ ] }' x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())" > <style data-shopify> .text-available, .text-unavailable { font-size: 0.4685625rem; font-family: var(--font-body-family); } @media (min-width: 768px) { .text-available, .text-unavailable { font-size: 0.520625rem; } } .text-available { color: #6abe34; } .dark .text-available { color: #6abe34; } .text-unavailable { color: #767474; } .dark .text-unavailable { color: #867F7F; } </style> <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]"> <span class="flex h-4 w-4 relative"> <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> </svg> </span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span> </div> <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]"> <span class="flex h-4 w-4 relative"> <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> </svg> </span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span> </div> </div> </div> </template> </div> </div> </div> </div> <div id="x-product-template-3932439576664-template--25179264844056__product-grid-14" class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0 text-center" > <div class="hidden md:list-layout:block"> <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0"> <div class="no-collage:mb-2 text-center md:list-layout:text-left"> <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div><p class="card__heading h5 no-collage:mb-2 mb-2.5 leading-tight" id="title-template--25179264844056__product-grid-3932439576664"> <a href="/collections/special-offer/products/compression-leggings" class="x-card-title full-unstyled-link link-product-variant text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words" @click='$store.xCustomerEvent.fire("product_selected", $el)' x-customer-event-data="{ "product": { "title": "Active Slim Compression Leggings", "listName": "Special Offer", "sku": "3932439576664", "currencyCode": "USD", "price": 9995, "vendor": "TheBlackPurple" } }" > Active Slim Compression Leggings </a> </p> <div class="x-review-product other flex w-full items-center justify-center ltr mb-2.5 md:list-layout:justify-start" ><div class="rating gap-1 flex leading-tight" role="img" aria-label="2.44 out of 5.0 stars"> <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> <g> <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> </g> </svg> <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> <g> <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> </g> </svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class=" text-[rgb(var(--colors-text),0.3)] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" stroke-width="2"> <defs> <linearGradient id="grad"> <stop offset="50%" style="stop-color: rgba(var(--colors-icon-rating));"/> <stop offset="50%" stop-color="currentColor"/> </linearGradient> </defs> <g> <path fill="url(#grad)" d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> </g> </svg><svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> <g> <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> </g> </svg> <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> <g> <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> </g> </svg> </div> <p class="rating-count leading-none caption ml-1 text-[0.49rem]">(9) </p></div> <div class="x-card-price flex items-center mb-2.5 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start"> <div class=" price leading-none"> <div class=""> <div class="target-price hidden">9995</div> <div class="target-compare-at-price hidden">12995</div> <div class=""> <small class="cap rtl:inline-block"> <s class="price-compare rtl:leading-tight">$129.95</s> </small><span class="price-sale selection:bg-text-[rgb(var(--colors-price-sale),0.2)] ml-1 rtl:mr-1 rtl:ml-0">$99.95</span> </div><small class="text-[70%] hidden"> <span class="hidden">Unit price</span> <span class="up price-item price-item--last"> <span class="unit-price"> </span> <span aria-hidden="true">/</span> <span class="hidden"> per </span> <span> </span> </span> </small> </div> </div> <div class="leading-none next-price empty:hidden"></div> </div> <template x-if="localStorage.getItem('selectedStore')"> <div id="x-availability-notice-template--25179264844056__product-grid" class="flex mb-2.5 items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start justify-center" x-show="$store.xStoreSelector?.canShow('3932439576664', [138224861272, 504680546584, 156178186328, 477319364888])"> <div x-data='{ storeAvailabilites: { }, pickupLocation: [ ] }' x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())" > <style data-shopify> .text-available, .text-unavailable { font-size: 0.4685625rem; font-family: var(--font-body-family); } @media (min-width: 768px) { .text-available, .text-unavailable { font-size: 0.520625rem; } } .text-available { color: #6abe34; } .dark .text-available { color: #6abe34; } .text-unavailable { color: #767474; } .dark .text-unavailable { color: #867F7F; } </style> <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]"> <span class="flex h-4 w-4 relative"> <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> </svg> </span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span> </div> <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]"> <span class="flex h-4 w-4 relative"> <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> </svg> </span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span> </div> </div> </div> </template> </div> </div> </div> <div class="hidden md:list-layout:block md:list-layout:mt-0 mt-4 md:list-layout:text-left"> <div class="rte line-clamp-3"> <p><em><span data-preserver-spaces="true"></span></em></p> <p class="h5"><strong>+100 of people reviewed this product</strong></h5> <p class="h5"> <span>⭐️</span><span>⭐️</span><span>⭐️</span><span>⭐️</span><span>⭐️ </span><span> <strong>5/5</strong> </span> </h5> <p>"I'd been looking for a pair like this for a long time for the gym. The compression on these is very effective, and really works to reduce stubborn cellulite. Even just wearing them at home all day I have noticed a considerable difference in the texture of my thighs. They wash really well and don't shrink. I highly recommend these. On top of that the customer service is top notch! I had an issue with the 1st pair and it was replaced immediately!" <span>- Jude Birnbaum</span></p> <p class="h5"> <span>⭐️</span><span>⭐️</span><span>⭐️</span><span>⭐️</span><span>⭐️ <strong>5/5</strong> </span> </h5> <p><span data-sheets-userformat="{" for="" data-sheets-value="{">"I am so super excited to try TheBlackPurple! I have read amazing reviews and have been looking for a good compression pant to help with circulation and lymph! "</span><span>- Aubrey V</span></p> <p><span></span><strong><a href="https://theblackpurple.com/pages/reviews" class="button">SEE MORE REVIEWS</a></strong></p> <p><strong><iframe height="315" width="560" nosrc="https://www.youtube.com/embed/U18NjgVpomw?rel=0"></noiframe></strong></p> <p class="h2"><span data-preserver-spaces="true">Active Slim Leggings: Your Secret to a Sculpted Figure</span></h2> <p><span data-preserver-spaces="true">Quick and Natural Cellulite Reduction While You Exercise </span></p> <p class="h4"><span data-preserver-spaces="true">Instant Sculpting for a Confident Workout!</span></h4> <p><span data-preserver-spaces="true">Feel confident and look slimmer with our</span><span data-preserver-spaces="true"> wide- and high-waisted Active Slim Leggings.</span><span data-preserver-spaces="true"> </span><span data-preserver-spaces="true">Designed with a shaping effect</span><span data-preserver-spaces="true">, these leggings refine your figure and provide support during your workout.</span></p> <ul> <li> <strong><span data-preserver-spaces="true">75%</span></strong><span data-preserver-spaces="true"> of users noticed a flatter stomach and a slimmer figure.</span> </li> </ul> <p class="h4"><span data-preserver-spaces="true">Firm Skin and Reduced Soreness</span></h4> <p><span data-preserver-spaces="true">Experience complete freedom of movement and unmatched comfort with our stretch, knitted fabric. These leggings feel like a second skin, allowing you to move effortlessly.</span></p> <ul> <li> <strong><span data-preserver-spaces="true">90%</span></strong><span data-preserver-spaces="true"> of users reported a ‘second skin’ effect and ultimate comfort.</span> </li> </ul> <p class="h4"><span data-preserver-spaces="true">Tone Muscles and Boost Recovery</span></h4> <p><span data-preserver-spaces="true">Our leggings feature bio-ceramic fiber and light compression to tone your muscles and enhance recovery after exercise. Reduce muscle fatigue and enjoy firmer skin.</span></p> <p class="h4"><span data-preserver-spaces="true">Say Goodbye to Cellulite</span></h4> <p><span data-preserver-spaces="true">The bio-ceramic fiber combined with the relief structure helps eliminate fat cells and reduce cellulite, especially during workouts.</span></p> <ul> <li> <strong><span data-preserver-spaces="true">70%</span></strong><span data-preserver-spaces="true"> of users saw a reduction in orange peel skin and cellulite.</span> </li> </ul> <p class="h4"><span data-preserver-spaces="true">Enhanced Blood Circulation</span></h4> <p><span data-preserver-spaces="true">Bio-ceramic crystals boost blood circulation, helping to eliminate the orange peel effect on the skin. The 3D honeycomb structure mimics a palpation-rolling massage, targeting hips, thighs, and stomach for softer, more elastic skin.</span></p> <ul> <li> <strong><span data-preserver-spaces="true">75%</span></strong><span data-preserver-spaces="true"> of users found their skin softer, more elastic, and firmer.</span> </li> </ul> <p><em><span data-preserver-spaces="true">Study</span><span data-preserver-spaces="true"> conducted over 28 days with 20 women aged 18 to 55</span><span data-preserver-spaces="true">, performing</span><span data-preserver-spaces="true"> 3 weekly workouts of at least 1 hour.</span></em></p> <p style="text-align: left;"><img nosrc="https://cdn2.shopify.com/s/files/1/2046/3683/files/active-slim_large.jpg?v=1563191063" alt="Active Slim" style="display: block; margin-left: auto; margin-right: auto;"></p> <p style="text-align: left;"> </p> </div> </div> <div class="x-variants-data x-variants-data-js pt-3 border-t mt-3" x-data='xVariantSelectCard($el,"template--25179264844056__product-grid-14", "3932439576664", "/products/compression-leggings", false, false, false, "")' data-option1="(0/2)" x-intersect.margin.200px="if ($el.querySelector('#variant-update-template--25179264844056__product-grid-14').innerHTML.trim() == '') $el.classList.add('hidden');" > <div id="current-variant-template--25179264844056__product-grid-3932439576664-14" class="current-variant hidden" > 45492877295896 </div> <div id="variant-update-template--25179264844056__product-grid-14" class="variant-update-template--25179264844056__product-grid-14 list-layout:md:text-left rtl:list-layout:md:text-right options-container" > </div> </div> <script src="//theblackpurple.com/cdn/shop/t/70/assets/variant-select-card.aio.min.js?v=68671393451214742311760147609" defer></script> <div class="bottom-card card-info ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end gap-1 empty:hidden"></div> <template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)" class="card-info bottom_atc md:list-layout:hidden hide-icon" :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}" x-cloak > <button type="submit" name="add" @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--25179264844056__product-grid-3932439576664-14', $el); }, 0)" x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/special-offer/products/compression-leggings', $el, 'template--25179264844056__product-grid-3932439576664-14', 24); }, 0)" data-id="template--25179264844056__product-grid-3932439576664-14" class="button button--quickview button-solid not-icon leading-normal mt-2 w-full pr-5 pl-5 py-2.5 lg:py-3 h-full text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60" :class="errorMessage && 'opacity-60 cursor-not-allowed'" aria-label="Choose options" > <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> <span class="flex items-center justify-center"> <span class="button-text is-focus-button:opacity-0">Choose options</span> </span> </span> <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak> <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" fill="currentcolor" stroke="none"> <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> </g> </svg> </div> </button> </div></template> <template x-if="$store.xQuickView"> <div class="hidden md:list-layout:flex gap-3 mt-4" x-show="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''"> <button type="submit" name="add" @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--25179264844056__product-grid-3932439576664-14', $el); }, 0)" x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/special-offer/products/compression-leggings', $el, 'template--25179264844056__product-grid-3932439576664-14', 24); }, 0)" data-id="template--25179264844056__product-grid-3932439576664-14" class="button button--quickview button-solid not-icon leading-normal w-full py-2.5 lg:pl-5 lg:pr-5 lg:py-3 h-full text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block" :class="errorMessage && 'opacity-60 cursor-not-allowed'" aria-label="Choose options" > <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> <span class="flex items-center justify-center"> <span class="button-text is-focus-button:opacity-0">Choose options</span> </span> </span> <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak> <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" fill="currentcolor" stroke="none"> <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> </g> </svg> </div> </button> </div><button x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/special-offer/products/compression-leggings', $el, 'template--25179264844056__product-grid-3932439576664-14')" x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/special-offer/products/compression-leggings', $el, 'template--25179264844056__product-grid-3932439576664-14')" @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' class="button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3" aria-label="Button quickview" x-customer-event-data="{ "product": { "title": "Active Slim Compression Leggings", "listName": "Special Offer", "sku": "3932439576664", "currencyCode": "USD", "price": 9995, "vendor": "TheBlackPurple" } }" x-show="$store.xQuickView.enabled" > <span class="flex justify-center items-center"> <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span> </span> </button> </div> </template> </div> </div> </div> <div class="grid-item"> <div x-data="xProductCard('template--25179264844056__product-grid-15', '/collections/special-offer/products/compression-shorts', '3932488958040')" class="card-product overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 h-full" x-slide-index="-1" > <div class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-8" > <style data-shopify> </style> <style data-shopify> </style> <a x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')" href="/collections/special-offer/products/compression-shorts" x-data="{ lastWindowWidth: 0 }" x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })' x-labels-data="[ { "variant_id": 29425777770584, "product_id": 3932488958040, "available": false, "title": "Secret Slim Compression Shorts", "compare_at_price": 0, "price": 9495, "price_with_currency": "$94.95", "sale_amount": "$-94.95", "collections": "||138224861272||504680546584||156178186328||477319364888||", "inventory_management": "shopify", "qty": 0, "container": "card", "can_show_preorder": false, "diff_day_create": 2285.98, "diff_day_publish": 2285.98 } ]" aria-label="Secret Slim Compression Shorts" id="3932488958040-template--25179264844056__product-grid" class="x-labels-data ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage" style="height: 0; padding-bottom: 100.0%;"> <div x-data="xDoubleTouch('/collections/special-offer/products/compression-shorts')" class="w-full h-full z-0 overflow-hidden absolute top-0 left-0 animate_transition_card__image"> <div id="x-slideshow-card-product-template--25179264844056__product-grid-15--1" class="block h-full" @click='$store.xCustomerEvent.fire("product_selected", $el)' x-customer-event-data="{ "product": { "title": "Secret Slim Compression Shorts", "listName": "Special Offer", "sku": "3932488958040", "currencyCode": "USD", "price": 9495, "vendor": "TheBlackPurple" } }" ><div class="absolute inset-0 z-10 pointer-events-auto dbtap-overlay" @touchstart="onTouchStart($event)" @touchend.prevent="onTouchEnd($el.closest('.x-splide'))" @touchmove="onTouchMove($event)" ></div> <div class="w-full z-0 top-0 left-0 absolute" > <picture> <img srcset=" //theblackpurple.com/cdn/shop/files/02-easy_shape-mise-en-situation-2-001-web.jpg?v=1717033185&width=250 250w, //theblackpurple.com/cdn/shop/files/02-easy_shape-mise-en-situation-2-001-web.jpg?v=1717033185&width=350 350w, //theblackpurple.com/cdn/shop/files/02-easy_shape-mise-en-situation-2-001-web.jpg?v=1717033185&width=450 450w, //theblackpurple.com/cdn/shop/files/02-easy_shape-mise-en-situation-2-001-web.jpg?v=1717033185&width=750 750w, //theblackpurple.com/cdn/shop/files/02-easy_shape-mise-en-situation-2-001-web.jpg?v=1717033185&width=900 900w, //theblackpurple.com/cdn/shop/files/02-easy_shape-mise-en-situation-2-001-web.jpg?v=1717033185&width=1100 1100w, //theblackpurple.com/cdn/shop/files/02-easy_shape-mise-en-situation-2-001-web.jpg?v=1717033185&width=1500 1500w,//theblackpurple.com/cdn/shop/files/02-easy_shape-mise-en-situation-2-001-web.jpg?v=1717033185 2000w" src="//theblackpurple.com/cdn/shop/files/02-easy_shape-mise-en-situation-2-001-web.jpg?v=1717033185&width=1500" sizes="(min-width: 1400px) calc(100vw / 3), (min-width: 1024px) calc((100vw) / 3), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)" alt="Secret Slim Compression Shorts - TheBlackPurple" :class="showSecond ? 'first-img' : ''" class="w-full preview-img motion-reduce aspect-natural relative animate-Xpulse skeleton-image object-cover image-first-hover lg:group-hover:opacity-0 animate_transition_image" loading="lazy" width="2000" height="2000" onload="this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);" /> </picture> </div><div class="w-full h-full top-0 left-0 absolute lg:block"> <picture> <img loading="lazy" srcset="//theblackpurple.com/cdn/shop/files/01-easy_shape-mise-en-situation-1-001-web.jpg?v=1717033188&width=250 250w, //theblackpurple.com/cdn/shop/files/01-easy_shape-mise-en-situation-1-001-web.jpg?v=1717033188&width=350 350w, //theblackpurple.com/cdn/shop/files/01-easy_shape-mise-en-situation-1-001-web.jpg?v=1717033188&width=450 450w, //theblackpurple.com/cdn/shop/files/01-easy_shape-mise-en-situation-1-001-web.jpg?v=1717033188&width=750 750w, //theblackpurple.com/cdn/shop/files/01-easy_shape-mise-en-situation-1-001-web.jpg?v=1717033188&width=900 900w, //theblackpurple.com/cdn/shop/files/01-easy_shape-mise-en-situation-1-001-web.jpg?v=1717033188&width=1100 1100w, //theblackpurple.com/cdn/shop/files/01-easy_shape-mise-en-situation-1-001-web.jpg?v=1717033188&width=1500 1500w,//theblackpurple.com/cdn/shop/files/01-easy_shape-mise-en-situation-1-001-web.jpg?v=1717033188 2000w" src="//theblackpurple.com/cdn/shop/files/01-easy_shape-mise-en-situation-1-001-web.jpg?v=1717033188&width=1500" sizes="(min-width: 1400px) calc(100vw / 3), (min-width: 1024px) calc((100vw) / 3), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)" alt="Secret Slim Compression Shorts - TheBlackPurple" :class="showSecond ? 'second-img' : ''" class="motion-reduce min-w-full h-full object-cover group-hover:cursor-pointer aspect-auto image-second-hover opacity-0 lg:group-hover:opacity-100" loading="lazy" width="2000" height="2000" onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);" /> </picture> </div></div> </div> <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-4 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0" x-show="$store.xQuickView" x-cloak > <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-full hide-icon lg:px-4" :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }" x-cloak > <button type="submit" name="add" @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--25179264844056__product-grid-3932488958040-15', $el); }, 0)" x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/special-offer/products/compression-shorts', $el, 'template--25179264844056__product-grid-3932488958040-15', 25); }, 0)" data-id="template--25179264844056__product-grid-3932488958040-15" class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 py-2.5 lg:py-3 h-full text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block" :class="errorMessage && 'opacity-60 cursor-not-allowed'" disabled aria-label="Sold out" > <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> <span class="flex items-center justify-center"> <span class="button-text is-focus-button:opacity-0">Sold out</span> </span> </span> <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak> <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" fill="currentcolor" stroke="none"> <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> </g> </svg> </div> </button> <button type="submit" name="add" @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--25179264844056__product-grid-3932488958040-15', $el); }, 0)" x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/special-offer/products/compression-shorts', $el, 'template--25179264844056__product-grid-3932488958040-15', 25); }, 0)" class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60" data-id="template--25179264844056__product-grid-3932488958040-15" :class="errorMessage && 'opacity-60 cursor-not-allowed'"disabled aria-label="Sold out"x-customer-event-data="{ "product": { "title": "Secret Slim Compression Shorts", "listName": "Special Offer", "sku": "3932488958040", "currencyCode": "USD", "price": 9495, "vendor": "TheBlackPurple" } }" > <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg class="" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;"> <g> <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> </g> </svg></span> <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak> <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" fill="currentcolor" stroke="none"> <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> </g> </svg> </span> </button> </div> </div><div class="button-quickview-icon absolute z-[15] lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0" :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd bottom-11 md:bottom-12 right-2 lg:top-4 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'" x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak > <div> <button @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/special-offer/products/compression-shorts', $el, 'template--25179264844056__product-grid-3932488958040-15')" x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/special-offer/products/compression-shorts', $el, 'template--25179264844056__product-grid-3932488958040-15')" class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full" :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'p-1.5 md:p-2.5 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'" x-customer-event-data="{ "product": { "title": "Secret Slim Compression Shorts", "listName": "Special Offer", "sku": "3932488958040", "currencyCode": "USD", "price": 9495, "vendor": "TheBlackPurple" } }" aria-label="Button quickview" > <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;"> <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center"> <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span> </span> </button> <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/special-offer/products/compression-shorts", $el, "template--25179264844056__product-grid-3932488958040-15"); $store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-2" aria-label="Button quickview" x-customer-event-data="{ "product": { "title": "Secret Slim Compression Shorts", "listName": "Special Offer", "sku": "3932488958040", "currencyCode": "USD", "price": 9495, "vendor": "TheBlackPurple" } }" > <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;"> <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> </button> </div> </div> </div> </a> <div class="md:list-layout:hidden"> <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0"> <div class="no-collage:mb-2 text-center md:list-layout:text-left"> <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div><p class="card__heading h5 no-collage:mb-2 mb-2.5 leading-tight" id="title-template--25179264844056__product-grid-3932488958040"> <a href="/collections/special-offer/products/compression-shorts" class="x-card-title full-unstyled-link link-product-variant text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words" @click='$store.xCustomerEvent.fire("product_selected", $el)' x-customer-event-data="{ "product": { "title": "Secret Slim Compression Shorts", "listName": "Special Offer", "sku": "3932488958040", "currencyCode": "USD", "price": 9495, "vendor": "TheBlackPurple" } }" > Secret Slim Compression Shorts </a> </p> <div class="x-review-product other flex w-full items-center justify-center ltr mb-2.5 md:list-layout:justify-start" ><div class="rating gap-1 flex leading-tight" role="img" aria-label="2.67 out of 5.0 stars"> <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> <g> <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> </g> </svg> <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> <g> <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> </g> </svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class=" text-[rgb(var(--colors-text),0.3)] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" stroke-width="2"> <defs> <linearGradient id="grad"> <stop offset="50%" style="stop-color: rgba(var(--colors-icon-rating));"/> <stop offset="50%" stop-color="currentColor"/> </linearGradient> </defs> <g> <path fill="url(#grad)" d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> </g> </svg><svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> <g> <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> </g> </svg> <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> <g> <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> </g> </svg> </div> <p class="rating-count leading-none caption ml-1 text-[0.49rem]">(3) </p></div> <div class="x-card-price flex items-center mb-2.5 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start"> <div class=" price leading-none"> <div class=""> <div class="target-price hidden">9495</div> <div class="target-compare-at-price hidden"></div> <p class="price "> <span>$94.95</span> </p><small class="text-[70%] hidden"> <span class="hidden">Unit price</span> <span class="up price-item price-item--last"> <span class="unit-price"> </span> <span aria-hidden="true">/</span> <span class="hidden"> per </span> <span> </span> </span> </small> </div> </div> <div class="leading-none next-price empty:hidden"></div> </div> <template x-if="localStorage.getItem('selectedStore')"> <div id="x-availability-notice-template--25179264844056__product-grid" class="flex mb-2.5 items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start justify-center" x-show="$store.xStoreSelector?.canShow('3932488958040', [138224861272, 504680546584, 156178186328, 477319364888])"> <div x-data='{ storeAvailabilites: { }, pickupLocation: [ ] }' x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())" > <style data-shopify> .text-available, .text-unavailable { font-size: 0.4685625rem; font-family: var(--font-body-family); } @media (min-width: 768px) { .text-available, .text-unavailable { font-size: 0.520625rem; } } .text-available { color: #6abe34; } .dark .text-available { color: #6abe34; } .text-unavailable { color: #767474; } .dark .text-unavailable { color: #867F7F; } </style> <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]"> <span class="flex h-4 w-4 relative"> <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> </svg> </span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span> </div> <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]"> <span class="flex h-4 w-4 relative"> <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> </svg> </span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span> </div> </div> </div> </template> </div> </div> </div> </div> <div id="x-product-template-3932488958040-template--25179264844056__product-grid-15" class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0 text-center" > <div class="hidden md:list-layout:block"> <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0"> <div class="no-collage:mb-2 text-center md:list-layout:text-left"> <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div><p class="card__heading h5 no-collage:mb-2 mb-2.5 leading-tight" id="title-template--25179264844056__product-grid-3932488958040"> <a href="/collections/special-offer/products/compression-shorts" class="x-card-title full-unstyled-link link-product-variant text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words" @click='$store.xCustomerEvent.fire("product_selected", $el)' x-customer-event-data="{ "product": { "title": "Secret Slim Compression Shorts", "listName": "Special Offer", "sku": "3932488958040", "currencyCode": "USD", "price": 9495, "vendor": "TheBlackPurple" } }" > Secret Slim Compression Shorts </a> </p> <div class="x-review-product other flex w-full items-center justify-center ltr mb-2.5 md:list-layout:justify-start" ><div class="rating gap-1 flex leading-tight" role="img" aria-label="2.67 out of 5.0 stars"> <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> <g> <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> </g> </svg> <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> <g> <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> </g> </svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class=" text-[rgb(var(--colors-text),0.3)] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" stroke-width="2"> <defs> <linearGradient id="grad"> <stop offset="50%" style="stop-color: rgba(var(--colors-icon-rating));"/> <stop offset="50%" stop-color="currentColor"/> </linearGradient> </defs> <g> <path fill="url(#grad)" d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> </g> </svg><svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> <g> <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> </g> </svg> <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> <g> <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> </g> </svg> </div> <p class="rating-count leading-none caption ml-1 text-[0.49rem]">(3) </p></div> <div class="x-card-price flex items-center mb-2.5 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start"> <div class=" price leading-none"> <div class=""> <div class="target-price hidden">9495</div> <div class="target-compare-at-price hidden"></div> <p class="price "> <span>$94.95</span> </p><small class="text-[70%] hidden"> <span class="hidden">Unit price</span> <span class="up price-item price-item--last"> <span class="unit-price"> </span> <span aria-hidden="true">/</span> <span class="hidden"> per </span> <span> </span> </span> </small> </div> </div> <div class="leading-none next-price empty:hidden"></div> </div> <template x-if="localStorage.getItem('selectedStore')"> <div id="x-availability-notice-template--25179264844056__product-grid" class="flex mb-2.5 items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start justify-center" x-show="$store.xStoreSelector?.canShow('3932488958040', [138224861272, 504680546584, 156178186328, 477319364888])"> <div x-data='{ storeAvailabilites: { }, pickupLocation: [ ] }' x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())" > <style data-shopify> .text-available, .text-unavailable { font-size: 0.4685625rem; font-family: var(--font-body-family); } @media (min-width: 768px) { .text-available, .text-unavailable { font-size: 0.520625rem; } } .text-available { color: #6abe34; } .dark .text-available { color: #6abe34; } .text-unavailable { color: #767474; } .dark .text-unavailable { color: #867F7F; } </style> <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]"> <span class="flex h-4 w-4 relative"> <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> </svg> </span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span> </div> <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]"> <span class="flex h-4 w-4 relative"> <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> </svg> </span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span> </div> </div> </div> </template> </div> </div> </div> <div class="hidden md:list-layout:block md:list-layout:mt-0 mt-4 md:list-layout:text-left"> <div class="rte line-clamp-3">  <div style="text-align: left;" data-mce-style="text-align: left;"> <meta charset="utf-8"> <p class="h5"><strong>+100 of people reviewed this product</strong></h5> <p class="h5"> <span data-mce-fragment="1">⭐️</span><span data-mce-fragment="1">⭐️</span><span data-mce-fragment="1">⭐️</span><span data-mce-fragment="1">⭐️</span><span data-mce-fragment="1">⭐️</span><span data-mce-fragment="1"> <strong>5/5</strong> </span> </h5> <p><span data-sheets-userformat='{"2":15233,"3":{"1":0},"10":0,"11":3,"12":0,"14":{"1":2,"2":0},"15":"Verdana, Geneva, Arial, Helvetica, sans-serif","16":9}' data-sheets-value='{"1":2,"2":"I just had surgery and I am supposed to wear a compression garment. I tried on a pair of shorts of my friend and now I would like a pair of my own in a size 12 please. Your shorts were much more comfortable and breathable. Thank you, Michelle Reid. 11 Lisa ave Griswold CT. 06351"}'>"I just had surgery and I am supposed to wear a compression garment. I tried on a pair of shorts of my friend and now I would like a pair of my own in a size 12 please. Your shorts were much more comfortable and breathable. Thank you." </span><span>- Michelle Reid</span></p> <p class="h3">Easy Shape - High Waist Shaping Panty</h3> <p><strong>Effortless Sheathing and Corrective Action for a Refined Silhouette</strong></p> <p class="h4">Transform Your Shape Instantly!</h4> <p>Discover the Easy Shape high-waisted shaping panty, designed to discreetly erase skin imperfections on your stomach, waist, and buttocks. With just a simple wear, this panty provides targeted shaping and corrective action in strategic areas, refining your stomach, thighs, and buttocks. The push-up effect adds a sexy and glamorous touch to your silhouette.</p> <p class="h4">Key Benefits of the Easy Shape High-Waisted Shaping Panty:</h4> <ul> <li> <strong>Second Skin Comfort</strong>: Made with light, soft, and breathable fabric, Easy Shape feels like a second skin. Its elasticity ensures unrivaled comfort and support for daily use, without any rubbing or marking through clothing.</li> <li> <strong>Innovative Anti-Slip Waistband</strong>: The comfortable waistband with an innovative anti-slip system offers effective support, perfectly following the shape of your body without compression.</li> <li> <strong>Discreet and Versatile</strong>: A true staple among slimming underwear, Easy Shape can be worn discreetly under any clothing, from slim pants to slightly tight evening dresses.</li> </ul> <p class="h4">Immediate Benefits:</h4> <ul> <li><strong>Instant Flat Stomach Correction</strong></li> <li><strong>Lumbar Support with Back Compression</strong></li> <li><strong>Anti-Saddlebag Compression Zones</strong></li> <li><strong>Push-Up Effect for Shapely Buttocks</strong></li> <li><strong>Anti-Slip Belt for Secure Support</strong></li> </ul> <p class="h4">Why Choose Our High Waist Shaping Panty?</h4> <ul> <li><strong>Look Instantly Sexier and Slimmer</strong></li> <li><strong>Perfect Fit Without Compression</strong></li> <li><strong>Invisible Under Clothes</strong></li> <li><strong>Breathable, Soft, and Comfortable</strong></li> </ul> <p class="h4">Experience the Immediate Effects:</h4> <ul> <li><strong>Refine Your Waistline</strong></li> <li><strong>Flatten Your Stomach</strong></li> <li><strong>Sculpt Your Butt</strong></li> <li><strong>Discreetly Harmonize Your Silhouette</strong></li> </ul> <p>Elevate your confidence and shape with the Easy Shape high-waisted shaping panty. Enjoy the benefits of advanced fabric technology and innovative design, all while feeling comfortable and supported throughout your day.</p> </div> <div style="text-align: left;" data-mce-style="text-align: left;"><img nosrc="https://cdn.shopify.com/s/files/1/2046/3683/files/02-easy_shape-mise-en-situation-2-001-web.jpg?v=1716433334" alt="" data-mce-nosrc="https://cdn.shopify.com/s/files/1/2046/3683/files/02-easy_shape-mise-en-situation-2-001-web.jpg?v=1716433334"></div> <ol></ol> <p> </p> </div> </div> <div class="x-variants-data x-variants-data-js pt-3 border-t mt-3" x-data='xVariantSelectCard($el,"template--25179264844056__product-grid-15", "3932488958040", "/products/compression-shorts", false, false, false, "")' data-option1="(0/2)" x-intersect.margin.200px="if ($el.querySelector('#variant-update-template--25179264844056__product-grid-15').innerHTML.trim() == '') $el.classList.add('hidden');" > <div id="current-variant-template--25179264844056__product-grid-3932488958040-15" class="current-variant hidden" > 29425777770584 </div> <div id="variant-update-template--25179264844056__product-grid-15" class="variant-update-template--25179264844056__product-grid-15 list-layout:md:text-left rtl:list-layout:md:text-right options-container" > </div> </div> <script src="//theblackpurple.com/cdn/shop/t/70/assets/variant-select-card.aio.min.js?v=68671393451214742311760147609" defer></script> <div class="bottom-card card-info ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end gap-1 empty:hidden"></div> <template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)" class="card-info bottom_atc md:list-layout:hidden hide-icon" :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}" x-cloak > <button type="submit" name="add" @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--25179264844056__product-grid-3932488958040-15', $el); }, 0)" x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/special-offer/products/compression-shorts', $el, 'template--25179264844056__product-grid-3932488958040-15', 25); }, 0)" data-id="template--25179264844056__product-grid-3932488958040-15" class="button button--quickview button-solid not-icon leading-normal mt-2 w-full pr-5 pl-5 py-2.5 lg:py-3 h-full text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60" :class="errorMessage && 'opacity-60 cursor-not-allowed'" aria-label="Choose options" > <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> <span class="flex items-center justify-center"> <span class="button-text is-focus-button:opacity-0">Choose options</span> </span> </span> <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak> <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" fill="currentcolor" stroke="none"> <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> </g> </svg> </div> </button> </div></template> <template x-if="$store.xQuickView"> <div class="hidden md:list-layout:flex gap-3 mt-4" x-show="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''"> <button type="submit" name="add" @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--25179264844056__product-grid-3932488958040-15', $el); }, 0)" x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/special-offer/products/compression-shorts', $el, 'template--25179264844056__product-grid-3932488958040-15', 25); }, 0)" data-id="template--25179264844056__product-grid-3932488958040-15" class="button button--quickview button-solid not-icon leading-normal w-full py-2.5 lg:pl-5 lg:pr-5 lg:py-3 h-full text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block" :class="errorMessage && 'opacity-60 cursor-not-allowed'" aria-label="Choose options" > <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> <span class="flex items-center justify-center"> <span class="button-text is-focus-button:opacity-0">Choose options</span> </span> </span> <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak> <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" fill="currentcolor" stroke="none"> <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> </g> </svg> </div> </button> </div><button x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/special-offer/products/compression-shorts', $el, 'template--25179264844056__product-grid-3932488958040-15')" x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/special-offer/products/compression-shorts', $el, 'template--25179264844056__product-grid-3932488958040-15')" @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' class="button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3" aria-label="Button quickview" x-customer-event-data="{ "product": { "title": "Secret Slim Compression Shorts", "listName": "Special Offer", "sku": "3932488958040", "currencyCode": "USD", "price": 9495, "vendor": "TheBlackPurple" } }" x-show="$store.xQuickView.enabled" > <span class="flex justify-center items-center"> <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span> </span> </button> </div> </template> </div> </div> </div> <div class="grid-item"> <div x-data="xProductCard('template--25179264844056__product-grid-16', '/collections/special-offer/products/mass-slim-anti-cellulite-shapewear-pack', '7307541610584')" class="card-product overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 h-full" x-slide-index="-1" > <div class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-8" > <style data-shopify> </style> <style data-shopify> </style> <a x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')" href="/collections/special-offer/products/mass-slim-anti-cellulite-shapewear-pack" x-data="{ lastWindowWidth: 0 }" x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })' x-labels-data="[ { "variant_id": 40141885702232, "product_id": 7307541610584, "available": true, "title": "Mass &amp; Slim Anti-Cellulite Shapewear Pack", "compare_at_price": 23985, "price": 19985, "price_with_currency": "$199.85", "sale_amount": "$40.00", "collections": "||384562885||267023286360||504680546584||477319364888||", "inventory_management": "shopify", "qty": 3, "container": "card", "can_show_preorder": false, "diff_day_create": 1091.2, "diff_day_publish": 1054.97 } ]" aria-label="Mass & Slim Anti-Cellulite Shapewear Pack" id="7307541610584-template--25179264844056__product-grid" class="x-labels-data ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage" style="height: 0; padding-bottom: 80.0%;"> <div x-data="xDoubleTouch('/collections/special-offer/products/mass-slim-anti-cellulite-shapewear-pack')" class="w-full h-full z-0 overflow-hidden absolute top-0 left-0 animate_transition_card__image"> <div id="x-slideshow-card-product-template--25179264844056__product-grid-16--1" class="block h-full" @click='$store.xCustomerEvent.fire("product_selected", $el)' x-customer-event-data="{ "product": { "title": "Mass &amp; Slim Anti-Cellulite Shapewear Pack", "listName": "Special Offer", "sku": "7307541610584", "currencyCode": "USD", "price": 19985, "vendor": "TheBlackPurple" } }" ><div class="absolute inset-0 z-10 pointer-events-auto dbtap-overlay" @touchstart="onTouchStart($event)" @touchend.prevent="onTouchEnd($el.closest('.x-splide'))" @touchmove="onTouchMove($event)" ></div> <div class="w-full z-0 top-0 left-0 absolute" > <picture> <img srcset=" //theblackpurple.com/cdn/shop/products/Combo-TBP.jpg?v=1710443322&width=250 250w, //theblackpurple.com/cdn/shop/products/Combo-TBP.jpg?v=1710443322&width=350 350w, //theblackpurple.com/cdn/shop/products/Combo-TBP.jpg?v=1710443322&width=450 450w, //theblackpurple.com/cdn/shop/products/Combo-TBP.jpg?v=1710443322&width=750 750w, //theblackpurple.com/cdn/shop/products/Combo-TBP.jpg?v=1710443322&width=900 900w, //theblackpurple.com/cdn/shop/products/Combo-TBP.jpg?v=1710443322&width=1100 1100w, //theblackpurple.com/cdn/shop/products/Combo-TBP.jpg?v=1710443322&width=1500 1500w,//theblackpurple.com/cdn/shop/products/Combo-TBP.jpg?v=1710443322 1145w" src="//theblackpurple.com/cdn/shop/products/Combo-TBP.jpg?v=1710443322&width=1500" sizes="(min-width: 1400px) calc(100vw / 3), (min-width: 1024px) calc((100vw) / 3), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)" alt="Mass & Slim Anti-Cellulite Shapewear Pack - TheBlackPurple" :class="showSecond ? 'first-img' : ''" class="w-full preview-img motion-reduce aspect-natural relative animate-Xpulse skeleton-image object-cover image-first-hover lg:group-hover:opacity-0 animate_transition_image" loading="lazy" width="1145" height="916" onload="this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);" /> </picture> </div><div class="w-full h-full top-0 left-0 absolute lg:block"> <picture> <img loading="lazy" srcset="//theblackpurple.com/cdn/shop/files/preview_images/40408397a82e44c09b5e4e64a8398d4a.thumbnail.0000000000.jpg?v=1716337980&width=250 250w, //theblackpurple.com/cdn/shop/files/preview_images/40408397a82e44c09b5e4e64a8398d4a.thumbnail.0000000000.jpg?v=1716337980&width=350 350w, //theblackpurple.com/cdn/shop/files/preview_images/40408397a82e44c09b5e4e64a8398d4a.thumbnail.0000000000.jpg?v=1716337980&width=450 450w, //theblackpurple.com/cdn/shop/files/preview_images/40408397a82e44c09b5e4e64a8398d4a.thumbnail.0000000000.jpg?v=1716337980&width=750 750w, //theblackpurple.com/cdn/shop/files/preview_images/40408397a82e44c09b5e4e64a8398d4a.thumbnail.0000000000.jpg?v=1716337980&width=900 900w, //theblackpurple.com/cdn/shop/files/preview_images/40408397a82e44c09b5e4e64a8398d4a.thumbnail.0000000000.jpg?v=1716337980&width=1100 1100w, //theblackpurple.com/cdn/shop/files/preview_images/40408397a82e44c09b5e4e64a8398d4a.thumbnail.0000000000.jpg?v=1716337980&width=1500 1500w" src="//theblackpurple.com/cdn/shop/files/preview_images/40408397a82e44c09b5e4e64a8398d4a.thumbnail.0000000000.jpg?v=1716337980&width=1500" sizes="(min-width: 1400px) calc(100vw / 3), (min-width: 1024px) calc((100vw) / 3), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)" alt="Mass & Slim Anti-Cellulite Shapewear Pack" :class="showSecond ? 'second-img' : ''" class="motion-reduce min-w-full h-full object-cover group-hover:cursor-pointer aspect-auto image-second-hover opacity-0 lg:group-hover:opacity-100" loading="lazy" width="" height="" onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);" /> </picture> </div></div> </div> <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-4 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0" x-show="$store.xQuickView" x-cloak > <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-full hide-icon lg:px-4" :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }" x-cloak > <button type="submit" name="add" @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--25179264844056__product-grid-7307541610584-16', $el); }, 0)" x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/special-offer/products/mass-slim-anti-cellulite-shapewear-pack', $el, 'template--25179264844056__product-grid-7307541610584-16', 26); }, 0)" data-id="template--25179264844056__product-grid-7307541610584-16" class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 py-2.5 lg:py-3 h-full text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block" :class="errorMessage && 'opacity-60 cursor-not-allowed'" aria-label="Choose options" > <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> <span class="flex items-center justify-center"> <span class="button-text is-focus-button:opacity-0">Choose options</span> </span> </span> <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak> <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" fill="currentcolor" stroke="none"> <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> </g> </svg> </div> </button> <button type="submit" name="add" @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--25179264844056__product-grid-7307541610584-16', $el); }, 0)" x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/special-offer/products/mass-slim-anti-cellulite-shapewear-pack', $el, 'template--25179264844056__product-grid-7307541610584-16', 26); }, 0)" class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60" data-id="template--25179264844056__product-grid-7307541610584-16" :class="errorMessage && 'opacity-60 cursor-not-allowed'"aria-label="Add to cart"x-customer-event-data="{ "product": { "title": "Mass &amp; Slim Anti-Cellulite Shapewear Pack", "listName": "Special Offer", "sku": "7307541610584", "currencyCode": "USD", "price": 19985, "vendor": "TheBlackPurple" } }" > <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg class="" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;"> <g> <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> </g> </svg></span> <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak> <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" fill="currentcolor" stroke="none"> <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> </g> </svg> </span> </button> </div> </div><div class="button-quickview-icon absolute z-[15] lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0" :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd bottom-11 md:bottom-12 right-2 lg:top-4 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'" x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak > <div> <button @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/special-offer/products/mass-slim-anti-cellulite-shapewear-pack', $el, 'template--25179264844056__product-grid-7307541610584-16')" x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/special-offer/products/mass-slim-anti-cellulite-shapewear-pack', $el, 'template--25179264844056__product-grid-7307541610584-16')" class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full" :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'p-1.5 md:p-2.5 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'" x-customer-event-data="{ "product": { "title": "Mass &amp; Slim Anti-Cellulite Shapewear Pack", "listName": "Special Offer", "sku": "7307541610584", "currencyCode": "USD", "price": 19985, "vendor": "TheBlackPurple" } }" aria-label="Button quickview" > <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;"> <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center"> <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span> </span> </button> <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/special-offer/products/mass-slim-anti-cellulite-shapewear-pack", $el, "template--25179264844056__product-grid-7307541610584-16"); $store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-2" aria-label="Button quickview" x-customer-event-data="{ "product": { "title": "Mass &amp; Slim Anti-Cellulite Shapewear Pack", "listName": "Special Offer", "sku": "7307541610584", "currencyCode": "USD", "price": 19985, "vendor": "TheBlackPurple" } }" > <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;"> <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> </button> </div> </div> </div> </a> <div class="md:list-layout:hidden"> <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0"> <div class="no-collage:mb-2 text-center md:list-layout:text-left"> <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div><p class="card__heading h5 no-collage:mb-2 mb-2.5 leading-tight" id="title-template--25179264844056__product-grid-7307541610584"> <a href="/collections/special-offer/products/mass-slim-anti-cellulite-shapewear-pack" class="x-card-title full-unstyled-link link-product-variant text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words" @click='$store.xCustomerEvent.fire("product_selected", $el)' x-customer-event-data="{ "product": { "title": "Mass &amp; Slim Anti-Cellulite Shapewear Pack", "listName": "Special Offer", "sku": "7307541610584", "currencyCode": "USD", "price": 19985, "vendor": "TheBlackPurple" } }" > Mass & Slim Anti-Cellulite Shapewear Pack </a> </p> <div class="x-review-product other flex w-full items-center justify-center ltr mb-2.5 md:list-layout:justify-start" ><div class="rating gap-1 flex leading-tight" role="img" aria-label="4.5 out of 5.0 stars"> <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> <g> <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> </g> </svg> <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> <g> <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> </g> </svg> <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> <g> <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> </g> </svg> <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> <g> <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> </g> </svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class=" text-[rgb(var(--colors-text),0.3)] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" stroke-width="2"> <defs> <linearGradient id="grad"> <stop offset="50%" style="stop-color: rgba(var(--colors-icon-rating));"/> <stop offset="50%" stop-color="currentColor"/> </linearGradient> </defs> <g> <path fill="url(#grad)" d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> </g> </svg> </div> <p class="rating-count leading-none caption ml-1 text-[0.49rem]">(4) </p></div> <div class="x-card-price flex items-center mb-2.5 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start"> <div class=" price leading-none"> <div class=""> <div class="target-price hidden">19985</div> <div class="target-compare-at-price hidden">23985</div> <div class=""> <small class="cap rtl:inline-block"> <s class="price-compare rtl:leading-tight">$239.85</s> </small><span class="price-sale selection:bg-text-[rgb(var(--colors-price-sale),0.2)] ml-1 rtl:mr-1 rtl:ml-0">$199.85</span> </div><small class="text-[70%] hidden"> <span class="hidden">Unit price</span> <span class="up price-item price-item--last"> <span class="unit-price"> </span> <span aria-hidden="true">/</span> <span class="hidden"> per </span> <span> </span> </span> </small> </div> </div> <div class="leading-none next-price empty:hidden"></div> </div> <template x-if="localStorage.getItem('selectedStore')"> <div id="x-availability-notice-template--25179264844056__product-grid" class="flex mb-2.5 items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start justify-center" x-show="$store.xStoreSelector?.canShow('7307541610584', [384562885, 267023286360, 504680546584, 477319364888])"> <div x-data='{ storeAvailabilites: { }, pickupLocation: [ ] }' x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())" > <style data-shopify> .text-available, .text-unavailable { font-size: 0.4685625rem; font-family: var(--font-body-family); } @media (min-width: 768px) { .text-available, .text-unavailable { font-size: 0.520625rem; } } .text-available { color: #6abe34; } .dark .text-available { color: #6abe34; } .text-unavailable { color: #767474; } .dark .text-unavailable { color: #867F7F; } </style> <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]"> <span class="flex h-4 w-4 relative"> <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> </svg> </span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span> </div> <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]"> <span class="flex h-4 w-4 relative"> <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> </svg> </span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span> </div> </div> </div> </template> </div> </div> </div> </div><div id="choose-options-template--25179264844056__product-grid-7307541610584-16" class="hidden md:block absolute w-full min-h-full h-full left-0 top-0 bg-[rgba(var(--background-color))] z-[15] md:list-layout:w-3/5 list-layout:lg:w-3/4 md:list-layout:left-auto md:list-layout:right-0" x-show="showOptions" x-transition:enter="transition-all ease-in-out duration-300" x-transition:enter-start="opacity-0 transform translate-y-full" x-transition:enter-end="opacity-100 transform translate-y-0" x-transition:leave="transition-all ease-in-out duration-300" x-transition:leave-start="opacity-100 transform translate-y-0" x-transition:leave-end="opacity-0 transform translate-y-full" x-cloak > <div :class="listLayout ? 'list-layout' : 'grid-layout'" class="choose-options relative w-full min-h-full h-full"></div> <div class="icon-loading hidden absolute top-0 left-0 right-0 h-full w-full z-20 bg-[rgba(var(--background-color))]"> <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]"> <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" fill="currentcolor" stroke="none"> <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> </g> </svg> </div> </div> </div> <div id="x-product-template-7307541610584-template--25179264844056__product-grid-16" class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0 text-center" > <div class="hidden md:list-layout:block"> <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0"> <div class="no-collage:mb-2 text-center md:list-layout:text-left"> <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div><p class="card__heading h5 no-collage:mb-2 mb-2.5 leading-tight" id="title-template--25179264844056__product-grid-7307541610584"> <a href="/collections/special-offer/products/mass-slim-anti-cellulite-shapewear-pack" class="x-card-title full-unstyled-link link-product-variant text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words" @click='$store.xCustomerEvent.fire("product_selected", $el)' x-customer-event-data="{ "product": { "title": "Mass &amp; Slim Anti-Cellulite Shapewear Pack", "listName": "Special Offer", "sku": "7307541610584", "currencyCode": "USD", "price": 19985, "vendor": "TheBlackPurple" } }" > Mass & Slim Anti-Cellulite Shapewear Pack </a> </p> <div class="x-review-product other flex w-full items-center justify-center ltr mb-2.5 md:list-layout:justify-start" ><div class="rating gap-1 flex leading-tight" role="img" aria-label="4.5 out of 5.0 stars"> <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> <g> <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> </g> </svg> <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> <g> <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> </g> </svg> <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> <g> <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> </g> </svg> <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> <g> <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> </g> </svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class=" text-[rgb(var(--colors-text),0.3)] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" stroke-width="2"> <defs> <linearGradient id="grad"> <stop offset="50%" style="stop-color: rgba(var(--colors-icon-rating));"/> <stop offset="50%" stop-color="currentColor"/> </linearGradient> </defs> <g> <path fill="url(#grad)" d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> </g> </svg> </div> <p class="rating-count leading-none caption ml-1 text-[0.49rem]">(4) </p></div> <div class="x-card-price flex items-center mb-2.5 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start"> <div class=" price leading-none"> <div class=""> <div class="target-price hidden">19985</div> <div class="target-compare-at-price hidden">23985</div> <div class=""> <small class="cap rtl:inline-block"> <s class="price-compare rtl:leading-tight">$239.85</s> </small><span class="price-sale selection:bg-text-[rgb(var(--colors-price-sale),0.2)] ml-1 rtl:mr-1 rtl:ml-0">$199.85</span> </div><small class="text-[70%] hidden"> <span class="hidden">Unit price</span> <span class="up price-item price-item--last"> <span class="unit-price"> </span> <span aria-hidden="true">/</span> <span class="hidden"> per </span> <span> </span> </span> </small> </div> </div> <div class="leading-none next-price empty:hidden"></div> </div> <template x-if="localStorage.getItem('selectedStore')"> <div id="x-availability-notice-template--25179264844056__product-grid" class="flex mb-2.5 items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start justify-center" x-show="$store.xStoreSelector?.canShow('7307541610584', [384562885, 267023286360, 504680546584, 477319364888])"> <div x-data='{ storeAvailabilites: { }, pickupLocation: [ ] }' x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())" > <style data-shopify> .text-available, .text-unavailable { font-size: 0.4685625rem; font-family: var(--font-body-family); } @media (min-width: 768px) { .text-available, .text-unavailable { font-size: 0.520625rem; } } .text-available { color: #6abe34; } .dark .text-available { color: #6abe34; } .text-unavailable { color: #767474; } .dark .text-unavailable { color: #867F7F; } </style> <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]"> <span class="flex h-4 w-4 relative"> <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> </svg> </span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span> </div> <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]"> <span class="flex h-4 w-4 relative"> <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> </svg> </span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span> </div> </div> </div> </template> </div> </div> </div> <div class="hidden md:list-layout:block md:list-layout:mt-0 mt-4 md:list-layout:text-left"> <div class="rte line-clamp-3">  <p class="h3"><strong><span data-preserver-spaces="true">Mass & Slim Complete Shapewear Bundle - 1 Shorts, 1 Leggings, 1 Waist Shaper</span></strong></h3> <p><strong><span data-preserver-spaces="true">The Ultimate Anti-Cellulite Slimming Shapewear Collection</span></strong></p> <p><span data-preserver-spaces="true">Unlock the complete TheBlackPurple experience with our Mass & Slim Complete Shapewear Bundle. This exclusive 3-pack includes one Mass & Slim Shorts, one Mass & Slim Leggings, and one Mass & Slim Waist Shaper. Save $40 and enjoy the benefits of our flagship products, designed to give you confidence, comfort, and a slimmer silhouette.</span></p> <p class="h3"><strong><span data-preserver-spaces="true">Why Choose the Mass & Slim Complete Shapewear Bundle?</span></strong></h3> <p><span data-preserver-spaces="true">Our bundle </span><span data-preserver-spaces="true">offers the perfect combination of</span><span data-preserver-spaces="true"> our best-selling anti-cellulite shapewear, providing comprehensive support and slimming effects for your entire body.</span><span data-preserver-spaces="true"> </span><span data-preserver-spaces="true">Ideal</span><span data-preserver-spaces="true"> for anyone who wants to experience the full range of benefits our innovative shapewear </span><span data-preserver-spaces="true">has to offer</span><span data-preserver-spaces="true">.</span></p> <p class="h3"><strong><span data-preserver-spaces="true">Key Benefits:</span></strong></h3> <ul> <li> <strong><span data-preserver-spaces="true">Comprehensive Coverage:</span></strong><span data-preserver-spaces="true"> </span><span data-preserver-spaces="true">Enjoy</span><span data-preserver-spaces="true"> the benefits of slimming and toning from your waist to your thighs </span><span data-preserver-spaces="true">with this complete set</span><span data-preserver-spaces="true">.</span> </li> <li> <strong><span data-preserver-spaces="true">All-Day Comfort:</span></strong><span data-preserver-spaces="true"> Soft, breathable Bamboo Viscose fabric ensures maximum comfort and flexibility for everyday wear.</span> </li> <li> <strong><span data-preserver-spaces="true">360° Firmness:</span></strong><span data-preserver-spaces="true"> Sculpt your thighs, tummy, and waist with a firm yet gentle embrace, perfect for wearing under any outfit.</span> </li> <li> <strong><span data-preserver-spaces="true">Workout Enhancer:</span></strong><span data-preserver-spaces="true"> Boost your exercise routine with complete freedom of movement, maximizing calorie burn and improving blood flow.</span> </li> </ul> <p class="h3"><strong><span data-preserver-spaces="true">Revolutionary Fabric Technology:</span></strong></h3> <p><span data-preserver-spaces="true">Experience the TheBlackPurple difference with our innovative fabric, featuring tiny Tourmaline® ceramic beads that create a micro-massaging effect to stimulate blood flow. This technology helps reduce cellulite and promotes increased circulation for long-term benefits.</span></p> <p class="h3"><strong><span data-preserver-spaces="true">Included in the Bundle:</span></strong></h3> <p><strong><span data-preserver-spaces="true">1. Mass & Slim Shorts:</span></strong></p> <ul> <li> <p><span data-preserver-spaces="true">Light as air, these shorts tame your tummy and sculpt your thighs with a 360° hug.</span></p> </li> <li> <p><span data-preserver-spaces="true">Eliminate inner thigh chafing and sweat, allowing you to move effortlessly in any outfit.</span></p> </li> </ul> <p><strong><span data-preserver-spaces="true">2. Mass & Slim Leggings:</span></strong></p> <ul> <li> <span data-preserver-spaces="true">Perfect for running errands, workouts, or wearing </span><span data-preserver-spaces="true">under office</span><span data-preserver-spaces="true"> attire, these leggings smooth out unwanted bumps and enhance your curves.</span> </li> <li><span data-preserver-spaces="true">The snug yet cozy fabric targets your stomach, thighs, and hips for an immediate slimming effect.</span></li> </ul> <p><strong><span data-preserver-spaces="true">3. Mass & Slim Waist Shaper/Belt:</span></strong></p> <ul> <li> <p><strong><span data-preserver-spaces="true">Immediate Effect:</span></strong><span data-preserver-spaces="true"> The highly targeted corset effect redefines your figure instantly, making your belly and waist appear thinner.</span></p> </li> <li> <p><strong><span data-preserver-spaces="true">Long-Term Benefits:</span></strong><span data-preserver-spaces="true"> Tourmaline beads increase local skin temperature and improve circulation, helping to </span><span data-preserver-spaces="true">irrigate</span><span data-preserver-spaces="true"> fat cells and reduce the dimpled appearance of the skin.</span></p> </li> <li> <p><strong><span data-preserver-spaces="true">Micro-Massaging:</span></strong><span data-preserver-spaces="true"> The beads </span><span data-preserver-spaces="true">exert a gentle</span><span data-preserver-spaces="true"> massage, boosting blood and lymph circulation.</span></p> </li> </ul> <p class="h3"><strong><span data-preserver-spaces="true">How It Works:</span></strong></h3> <ul> <li> <strong><span data-preserver-spaces="true">Slimming Bamboo Viscose:</span></strong><span data-preserver-spaces="true"> The </span><span data-preserver-spaces="true">fabric’s</span><span data-preserver-spaces="true"> snug fit targets </span><span data-preserver-spaces="true">key</span><span data-preserver-spaces="true"> areas for an immediate slimming effect.</span> </li> <li> <strong><span data-preserver-spaces="true">Micro-Massaging Tourmaline® Beads:</span></strong><span data-preserver-spaces="true"> These beads work continuously to </span><span data-preserver-spaces="true">give your skin a gentle massage</span><span data-preserver-spaces="true">, enhancing the benefits of movement and exercise.</span><span data-preserver-spaces="true"> </span><span data-preserver-spaces="true">Wear the Mass & Slim products for 30 days consecutively for 8 hours a day to see visible results in terms of losing inches </span><span data-preserver-spaces="true">and</span><span data-preserver-spaces="true"> reducing cellulite, </span><span data-preserver-spaces="true">along with improved</span><span data-preserver-spaces="true"> circulation.</span> </li> </ul> <p><span data-preserver-spaces="true"><img alt="" nosrc="https://cdn.shopify.com/s/files/1/2046/3683/files/close-up-beads-pattern_theblackpurple.com.webp?v=1716338920" style="display: block; margin-left: auto; margin-right: auto;"></span></p> <p><strong><span data-preserver-spaces="true">Material Composition:</span></strong></p> <ul> <li><span data-preserver-spaces="true">53% Polyamide</span></li> <li><span data-preserver-spaces="true">33% Polyester</span></li> <li><span data-preserver-spaces="true">14% Elastane</span></li> </ul> <p class="h3"><strong><span data-preserver-spaces="true">Care Instructions:</span></strong></h3> <p><span data-preserver-spaces="true">Machine washable and dryer safe. We recommend using a gentle cycle and low temperature for best results.</span></p> <p class="h3"><strong><span data-preserver-spaces="true">Ideal for Everyday Wear:</span></strong></h3> <p><span data-preserver-spaces="true">Perfect</span><span data-preserver-spaces="true"> for wearing under </span><span data-preserver-spaces="true">your</span><span data-preserver-spaces="true"> regular clothes, jeans, leggings, or dresses. Many of our customers, including new moms, nurses, and health practitioners, rely on Mass & Slim products for enhanced circulation and comfort during long shifts. Our innovative garments are meticulously crafted to </span><span data-preserver-spaces="true">aid in reducing</span><span data-preserver-spaces="true"> cellulite and inches, making them ideal for managing lymphedema, lipedema, or the natural progression of aging combined with busy lifestyles.</span></p> <p class="h3"><strong><span data-preserver-spaces="true">Personalized Customer Service:</span></strong></h3> <p><span data-preserver-spaces="true">We are committed to providing a personalized customer service experience tailored to your </span><span data-preserver-spaces="true">unique</span><span data-preserver-spaces="true"> needs. Whether </span><span data-preserver-spaces="true">you're</span><span data-preserver-spaces="true"> a hardworking mom, a dedicated nurse, or a professional navigating the complexities of age and work commitments, we are here to guide and support you.</span></p> <p class="h3"><strong><span data-preserver-spaces="true">Exceptional Value:</span></strong></h3> <p><span data-preserver-spaces="true">With our 3-pack offer, you get extra pairs for in-between washes and benefit from a multipack discount. </span><span data-preserver-spaces="true">This</span><span data-preserver-spaces="true"> is </span><span data-preserver-spaces="true">a great</span><span data-preserver-spaces="true"> value for our clients who need comprehensive shapewear to maintain their routine without interruption.</span></p> <p><span data-preserver-spaces="true"><iframe nosrc="https://www.youtube.com/embed/9HwrZomnilw?rel=0" width="560" height="315" frameborder="0" allowfullscreen="allowfullscreen"></noiframe></span></p> <p class="h5"> <span data-mce-fragment="1">⭐️</span><span data-mce-fragment="1">⭐️</span><span data-mce-fragment="1">⭐️</span><span data-mce-fragment="1">⭐️</span><span data-mce-fragment="1">⭐️</span><span data-mce-fragment="1"> <strong>5/5</strong> </span> </h5> <p>"I love this item! It helps with my circulation and cellulite. The shorts are comfortable and I wear them everyday underneath my clothes" -<span data-mce-fragment="1">Giulia White</span></p> <p class="h5"> <span data-mce-fragment="1">⭐️</span><span data-mce-fragment="1">⭐️</span><span data-mce-fragment="1">⭐️</span><span data-mce-fragment="1">⭐️</span><span data-mce-fragment="1">⭐️</span><span data-mce-fragment="1"> <strong>5/5</strong> </span> </h5> <p>"I love my BlackPurple!! I have been wearing mine for about a month and I definitely can see a difference in cellulite on the back of my legs. They also help keep my thighs from rubbing together in my workout clothes. They give me a slimming look and feel great everyday!! ❤❤❤ "<span data-mce-fragment="1">- Teresa Pulido</span></p> <p><span></span><strong><a href="https://theblackpurple.com/pages/reviews" class="button">SEE MORE REVIEWS</a></strong></p> </div> </div> <div class="x-variants-data x-variants-data-js pt-3 border-t mt-3" x-data='xVariantSelectCard($el,"template--25179264844056__product-grid-16", "7307541610584", "/products/mass-slim-anti-cellulite-shapewear-pack", false, false, false, "")' data-option1="S (6/8)" x-intersect.margin.200px="if ($el.querySelector('#variant-update-template--25179264844056__product-grid-16').innerHTML.trim() == '') $el.classList.add('hidden');" > <div id="current-variant-template--25179264844056__product-grid-7307541610584-16" class="current-variant hidden" > 40141885702232 </div> <div id="variant-update-template--25179264844056__product-grid-16" class="variant-update-template--25179264844056__product-grid-16 list-layout:md:text-left rtl:list-layout:md:text-right options-container" > </div> </div> <script src="//theblackpurple.com/cdn/shop/t/70/assets/variant-select-card.aio.min.js?v=68671393451214742311760147609" defer></script> <div class="bottom-card card-info ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end gap-1 empty:hidden"></div> <template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)" class="card-info bottom_atc md:list-layout:hidden hide-icon" :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}" x-cloak > <button type="submit" name="add" @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--25179264844056__product-grid-7307541610584-16', $el); }, 0)" x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/special-offer/products/mass-slim-anti-cellulite-shapewear-pack', $el, 'template--25179264844056__product-grid-7307541610584-16', 26); }, 0)" data-id="template--25179264844056__product-grid-7307541610584-16" class="button button--quickview button-solid not-icon leading-normal mt-2 w-full pr-5 pl-5 py-2.5 lg:py-3 h-full text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60" :class="errorMessage && 'opacity-60 cursor-not-allowed'" aria-label="Choose options" > <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> <span class="flex items-center justify-center"> <span class="button-text is-focus-button:opacity-0">Choose options</span> </span> </span> <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak> <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" fill="currentcolor" stroke="none"> <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> </g> </svg> </div> </button> </div></template> <template x-if="$store.xQuickView"> <div class="hidden md:list-layout:flex gap-3 mt-4" x-show="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''"> <button type="submit" name="add" @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--25179264844056__product-grid-7307541610584-16', $el); }, 0)" x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/special-offer/products/mass-slim-anti-cellulite-shapewear-pack', $el, 'template--25179264844056__product-grid-7307541610584-16', 26); }, 0)" data-id="template--25179264844056__product-grid-7307541610584-16" class="button button--quickview button-solid not-icon leading-normal w-full py-2.5 lg:pl-5 lg:pr-5 lg:py-3 h-full text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block" :class="errorMessage && 'opacity-60 cursor-not-allowed'" aria-label="Choose options" > <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> <span class="flex items-center justify-center"> <span class="button-text is-focus-button:opacity-0">Choose options</span> </span> </span> <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak> <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" fill="currentcolor" stroke="none"> <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> </g> </svg> </div> </button> </div><button x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/special-offer/products/mass-slim-anti-cellulite-shapewear-pack', $el, 'template--25179264844056__product-grid-7307541610584-16')" x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/special-offer/products/mass-slim-anti-cellulite-shapewear-pack', $el, 'template--25179264844056__product-grid-7307541610584-16')" @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' class="button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3" aria-label="Button quickview" x-customer-event-data="{ "product": { "title": "Mass &amp; Slim Anti-Cellulite Shapewear Pack", "listName": "Special Offer", "sku": "7307541610584", "currencyCode": "USD", "price": 19985, "vendor": "TheBlackPurple" } }" x-show="$store.xQuickView.enabled" > <span class="flex justify-center items-center"> <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span> </span> </button> </div> </template> </div> </div> </div> <div class="grid-item"> <div x-data="xProductCard('template--25179264844056__product-grid-17', '/collections/special-offer/products/mass-slim-shapewear-leggings-copy-black', '9481870835992')" class="card-product overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 h-full" x-slide-index="-1" > <div class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-8" > <style data-shopify> </style> <style data-shopify> </style> <a x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')" href="/collections/special-offer/products/mass-slim-shapewear-leggings-copy-black" x-data="{ lastWindowWidth: 0 }" x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })' x-labels-data="[ { "variant_id": 49104229728536, "product_id": 9481870835992, "available": true, "title": "Mass &amp; Slim Compression Leggings", "compare_at_price": 13995, "price": 10995, "price_with_currency": "$109.95", "sale_amount": "$30.00", "collections": "||384562885||138224631896||504680546584||156178186328||477319364888||", "inventory_management": "shopify", "qty": 8, "container": "card", "can_show_preorder": false, "diff_day_create": 394.8, "diff_day_publish": 383.26 } ]" aria-label="Mass & Slim Compression Leggings" id="9481870835992-template--25179264844056__product-grid" class="x-labels-data ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage" style="height: 0; padding-bottom: 125.0%;"> <div x-data="xDoubleTouch('/collections/special-offer/products/mass-slim-shapewear-leggings-copy-black')" class="w-full h-full z-0 overflow-hidden absolute top-0 left-0 animate_transition_card__image"> <div id="x-slideshow-card-product-template--25179264844056__product-grid-17--1" class="block h-full" @click='$store.xCustomerEvent.fire("product_selected", $el)' x-customer-event-data="{ "product": { "title": "Mass &amp; Slim Compression Leggings", "listName": "Special Offer", "sku": "9481870835992", "currencyCode": "USD", "price": 10995, "vendor": "TheBlackPurple" } }" ><div class="absolute inset-0 z-10 pointer-events-auto dbtap-overlay" @touchstart="onTouchStart($event)" @touchend.prevent="onTouchEnd($el.closest('.x-splide'))" @touchmove="onTouchMove($event)" ></div> <div class="w-full z-0 top-0 left-0 absolute" > <picture> <img srcset=" //theblackpurple.com/cdn/shop/files/mass-and-slim-compression-leggings_38082.png?v=1741385751&width=250 250w, //theblackpurple.com/cdn/shop/files/mass-and-slim-compression-leggings_38082.png?v=1741385751&width=350 350w, //theblackpurple.com/cdn/shop/files/mass-and-slim-compression-leggings_38082.png?v=1741385751&width=450 450w, //theblackpurple.com/cdn/shop/files/mass-and-slim-compression-leggings_38082.png?v=1741385751&width=750 750w, //theblackpurple.com/cdn/shop/files/mass-and-slim-compression-leggings_38082.png?v=1741385751&width=900 900w, //theblackpurple.com/cdn/shop/files/mass-and-slim-compression-leggings_38082.png?v=1741385751&width=1100 1100w, //theblackpurple.com/cdn/shop/files/mass-and-slim-compression-leggings_38082.png?v=1741385751&width=1500 1500w,//theblackpurple.com/cdn/shop/files/mass-and-slim-compression-leggings_38082.png?v=1741385751 1080w" src="//theblackpurple.com/cdn/shop/files/mass-and-slim-compression-leggings_38082.png?v=1741385751&width=1500" sizes="(min-width: 1400px) calc(100vw / 3), (min-width: 1024px) calc((100vw) / 3), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)" alt="Mass & Slim Compression Leggings" :class="showSecond ? 'first-img' : ''" class="w-full preview-img motion-reduce aspect-natural relative animate-Xpulse skeleton-image object-cover image-first-hover lg:group-hover:opacity-0 animate_transition_image" loading="lazy" width="1080" height="1350" onload="this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);" /> </picture> </div><div class="w-full h-full top-0 left-0 absolute lg:block"> <picture> <img loading="lazy" srcset="//theblackpurple.com/cdn/shop/files/mass-and-slim-compression-leggings_3807_2.png?v=1741385752&width=250 250w, //theblackpurple.com/cdn/shop/files/mass-and-slim-compression-leggings_3807_2.png?v=1741385752&width=350 350w, //theblackpurple.com/cdn/shop/files/mass-and-slim-compression-leggings_3807_2.png?v=1741385752&width=450 450w, //theblackpurple.com/cdn/shop/files/mass-and-slim-compression-leggings_3807_2.png?v=1741385752&width=750 750w, //theblackpurple.com/cdn/shop/files/mass-and-slim-compression-leggings_3807_2.png?v=1741385752&width=900 900w, //theblackpurple.com/cdn/shop/files/mass-and-slim-compression-leggings_3807_2.png?v=1741385752&width=1100 1100w, //theblackpurple.com/cdn/shop/files/mass-and-slim-compression-leggings_3807_2.png?v=1741385752&width=1500 1500w,//theblackpurple.com/cdn/shop/files/mass-and-slim-compression-leggings_3807_2.png?v=1741385752 1080w" src="//theblackpurple.com/cdn/shop/files/mass-and-slim-compression-leggings_3807_2.png?v=1741385752&width=1500" sizes="(min-width: 1400px) calc(100vw / 3), (min-width: 1024px) calc((100vw) / 3), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)" alt="Mass & Slim Compression Leggings" :class="showSecond ? 'second-img' : ''" class="motion-reduce min-w-full h-full object-cover group-hover:cursor-pointer aspect-auto image-second-hover opacity-0 lg:group-hover:opacity-100" loading="lazy" width="1080" height="1350" onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);" /> </picture> </div></div> </div> <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-4 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0" x-show="$store.xQuickView" x-cloak > <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-full hide-icon lg:px-4" :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }" x-cloak > <button type="submit" name="add" @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--25179264844056__product-grid-9481870835992-17', $el); }, 0)" x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/special-offer/products/mass-slim-shapewear-leggings-copy-black', $el, 'template--25179264844056__product-grid-9481870835992-17', 27); }, 0)" data-id="template--25179264844056__product-grid-9481870835992-17" class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 py-2.5 lg:py-3 h-full text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block" :class="errorMessage && 'opacity-60 cursor-not-allowed'" aria-label="Choose options" > <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> <span class="flex items-center justify-center"> <span class="button-text is-focus-button:opacity-0">Choose options</span> </span> </span> <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak> <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" fill="currentcolor" stroke="none"> <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> </g> </svg> </div> </button> <button type="submit" name="add" @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--25179264844056__product-grid-9481870835992-17', $el); }, 0)" x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/special-offer/products/mass-slim-shapewear-leggings-copy-black', $el, 'template--25179264844056__product-grid-9481870835992-17', 27); }, 0)" class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60" data-id="template--25179264844056__product-grid-9481870835992-17" :class="errorMessage && 'opacity-60 cursor-not-allowed'"aria-label="Add to cart"x-customer-event-data="{ "product": { "title": "Mass &amp; Slim Compression Leggings", "listName": "Special Offer", "sku": "9481870835992", "currencyCode": "USD", "price": 10995, "vendor": "TheBlackPurple" } }" > <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg class="" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;"> <g> <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> </g> </svg></span> <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak> <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" fill="currentcolor" stroke="none"> <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> </g> </svg> </span> </button> </div> </div><div class="button-quickview-icon absolute z-[15] lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0" :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd bottom-11 md:bottom-12 right-2 lg:top-4 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'" x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak > <div> <button @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/special-offer/products/mass-slim-shapewear-leggings-copy-black', $el, 'template--25179264844056__product-grid-9481870835992-17')" x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/special-offer/products/mass-slim-shapewear-leggings-copy-black', $el, 'template--25179264844056__product-grid-9481870835992-17')" class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full" :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'p-1.5 md:p-2.5 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'" x-customer-event-data="{ "product": { "title": "Mass &amp; Slim Compression Leggings", "listName": "Special Offer", "sku": "9481870835992", "currencyCode": "USD", "price": 10995, "vendor": "TheBlackPurple" } }" aria-label="Button quickview" > <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;"> <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center"> <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span> </span> </button> <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/special-offer/products/mass-slim-shapewear-leggings-copy-black", $el, "template--25179264844056__product-grid-9481870835992-17"); $store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-2" aria-label="Button quickview" x-customer-event-data="{ "product": { "title": "Mass &amp; Slim Compression Leggings", "listName": "Special Offer", "sku": "9481870835992", "currencyCode": "USD", "price": 10995, "vendor": "TheBlackPurple" } }" > <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;"> <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> </button> </div> </div> </div> </a> <div class="md:list-layout:hidden"> <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0"> <div class="no-collage:mb-2 text-center md:list-layout:text-left"> <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div><p class="card__heading h5 no-collage:mb-2 mb-2.5 leading-tight" id="title-template--25179264844056__product-grid-9481870835992"> <a href="/collections/special-offer/products/mass-slim-shapewear-leggings-copy-black" class="x-card-title full-unstyled-link link-product-variant text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words" @click='$store.xCustomerEvent.fire("product_selected", $el)' x-customer-event-data="{ "product": { "title": "Mass &amp; Slim Compression Leggings", "listName": "Special Offer", "sku": "9481870835992", "currencyCode": "USD", "price": 10995, "vendor": "TheBlackPurple" } }" > Mass & Slim Compression Leggings </a> </p> <div class="x-review-product other flex w-full items-center justify-center ltr mb-2.5 md:list-layout:justify-start" ><div class="rating gap-1 flex leading-tight" role="img" aria-label="4.62 out of 5.0 stars"> <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> <g> <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> </g> </svg> <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> <g> <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> </g> </svg> <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> <g> <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> </g> </svg> <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> <g> <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> </g> </svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class=" text-[rgb(var(--colors-text),0.3)] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" stroke-width="2"> <defs> <linearGradient id="grad"> <stop offset="50%" style="stop-color: rgba(var(--colors-icon-rating));"/> <stop offset="50%" stop-color="currentColor"/> </linearGradient> </defs> <g> <path fill="url(#grad)" d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> </g> </svg> </div> <p class="rating-count leading-none caption ml-1 text-[0.49rem]">(13) </p></div> <div class="x-card-price flex items-center mb-2.5 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start"> <div class=" price leading-none"> <div class=""> <div class="target-price hidden">10995</div> <div class="target-compare-at-price hidden">13995</div> <div class=""> <small class="cap rtl:inline-block"> <s class="price-compare rtl:leading-tight">$139.95</s> </small><span class="price-sale selection:bg-text-[rgb(var(--colors-price-sale),0.2)] ml-1 rtl:mr-1 rtl:ml-0">$109.95</span> </div><small class="text-[70%] hidden"> <span class="hidden">Unit price</span> <span class="up price-item price-item--last"> <span class="unit-price"> </span> <span aria-hidden="true">/</span> <span class="hidden"> per </span> <span> </span> </span> </small> </div> </div> <div class="leading-none next-price empty:hidden"></div> </div> <template x-if="localStorage.getItem('selectedStore')"> <div id="x-availability-notice-template--25179264844056__product-grid" class="flex mb-2.5 items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start justify-center" x-show="$store.xStoreSelector?.canShow('9481870835992', [384562885, 138224631896, 504680546584, 156178186328, 477319364888])"> <div x-data='{ storeAvailabilites: { }, pickupLocation: [ ] }' x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())" > <style data-shopify> .text-available, .text-unavailable { font-size: 0.4685625rem; font-family: var(--font-body-family); } @media (min-width: 768px) { .text-available, .text-unavailable { font-size: 0.520625rem; } } .text-available { color: #6abe34; } .dark .text-available { color: #6abe34; } .text-unavailable { color: #767474; } .dark .text-unavailable { color: #867F7F; } </style> <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]"> <span class="flex h-4 w-4 relative"> <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> </svg> </span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span> </div> <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]"> <span class="flex h-4 w-4 relative"> <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> </svg> </span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span> </div> </div> </div> </template> </div> </div> </div> </div><div id="choose-options-template--25179264844056__product-grid-9481870835992-17" class="hidden md:block absolute w-full min-h-full h-full left-0 top-0 bg-[rgba(var(--background-color))] z-[15] md:list-layout:w-3/5 list-layout:lg:w-3/4 md:list-layout:left-auto md:list-layout:right-0" x-show="showOptions" x-transition:enter="transition-all ease-in-out duration-300" x-transition:enter-start="opacity-0 transform translate-y-full" x-transition:enter-end="opacity-100 transform translate-y-0" x-transition:leave="transition-all ease-in-out duration-300" x-transition:leave-start="opacity-100 transform translate-y-0" x-transition:leave-end="opacity-0 transform translate-y-full" x-cloak > <div :class="listLayout ? 'list-layout' : 'grid-layout'" class="choose-options relative w-full min-h-full h-full"></div> <div class="icon-loading hidden absolute top-0 left-0 right-0 h-full w-full z-20 bg-[rgba(var(--background-color))]"> <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]"> <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" fill="currentcolor" stroke="none"> <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> </g> </svg> </div> </div> </div> <div id="x-product-template-9481870835992-template--25179264844056__product-grid-17" class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0 text-center" > <div class="hidden md:list-layout:block"> <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0"> <div class="no-collage:mb-2 text-center md:list-layout:text-left"> <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div><p class="card__heading h5 no-collage:mb-2 mb-2.5 leading-tight" id="title-template--25179264844056__product-grid-9481870835992"> <a href="/collections/special-offer/products/mass-slim-shapewear-leggings-copy-black" class="x-card-title full-unstyled-link link-product-variant text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words" @click='$store.xCustomerEvent.fire("product_selected", $el)' x-customer-event-data="{ "product": { "title": "Mass &amp; Slim Compression Leggings", "listName": "Special Offer", "sku": "9481870835992", "currencyCode": "USD", "price": 10995, "vendor": "TheBlackPurple" } }" > Mass & Slim Compression Leggings </a> </p> <div class="x-review-product other flex w-full items-center justify-center ltr mb-2.5 md:list-layout:justify-start" ><div class="rating gap-1 flex leading-tight" role="img" aria-label="4.62 out of 5.0 stars"> <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> <g> <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> </g> </svg> <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> <g> <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> </g> </svg> <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> <g> <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> </g> </svg> <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> <g> <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> </g> </svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class=" text-[rgb(var(--colors-text),0.3)] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" stroke-width="2"> <defs> <linearGradient id="grad"> <stop offset="50%" style="stop-color: rgba(var(--colors-icon-rating));"/> <stop offset="50%" stop-color="currentColor"/> </linearGradient> </defs> <g> <path fill="url(#grad)" d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> </g> </svg> </div> <p class="rating-count leading-none caption ml-1 text-[0.49rem]">(13) </p></div> <div class="x-card-price flex items-center mb-2.5 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start"> <div class=" price leading-none"> <div class=""> <div class="target-price hidden">10995</div> <div class="target-compare-at-price hidden">13995</div> <div class=""> <small class="cap rtl:inline-block"> <s class="price-compare rtl:leading-tight">$139.95</s> </small><span class="price-sale selection:bg-text-[rgb(var(--colors-price-sale),0.2)] ml-1 rtl:mr-1 rtl:ml-0">$109.95</span> </div><small class="text-[70%] hidden"> <span class="hidden">Unit price</span> <span class="up price-item price-item--last"> <span class="unit-price"> </span> <span aria-hidden="true">/</span> <span class="hidden"> per </span> <span> </span> </span> </small> </div> </div> <div class="leading-none next-price empty:hidden"></div> </div> <template x-if="localStorage.getItem('selectedStore')"> <div id="x-availability-notice-template--25179264844056__product-grid" class="flex mb-2.5 items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start justify-center" x-show="$store.xStoreSelector?.canShow('9481870835992', [384562885, 138224631896, 504680546584, 156178186328, 477319364888])"> <div x-data='{ storeAvailabilites: { }, pickupLocation: [ ] }' x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())" > <style data-shopify> .text-available, .text-unavailable { font-size: 0.4685625rem; font-family: var(--font-body-family); } @media (min-width: 768px) { .text-available, .text-unavailable { font-size: 0.520625rem; } } .text-available { color: #6abe34; } .dark .text-available { color: #6abe34; } .text-unavailable { color: #767474; } .dark .text-unavailable { color: #867F7F; } </style> <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]"> <span class="flex h-4 w-4 relative"> <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> </svg> </span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span> </div> <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]"> <span class="flex h-4 w-4 relative"> <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> </svg> </span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span> </div> </div> </div> </template> </div> </div> </div> <div class="hidden md:list-layout:block md:list-layout:mt-0 mt-4 md:list-layout:text-left"> <div class="rte line-clamp-3">  <p class="h2">Anti-Cellulite <span>Compression</span> Leggings</h2> <p data-pm-slice="1 1 []"><span>These aren’t just regular leggings. </span><span><strong>Mass & Slim</strong></span><span>, short for </span><span><strong>Massage and Slimming</strong></span><span>, are clinically proven </span><span>anti-cellulite leggings</span> designed for real, visible results. With built-in Tourmaline® Bead Technology and enhanced compression fabric, these leggings go beyond style—they work with your body to improve circulation, reduce swelling, and slim your silhouette.<strong></strong></p>  <p class="h2" data-pm-slice="1 1 []"><span>Why These Are the Best Anti-Cellulite Compression Leggings</span></h2> <p class="h3" data-pm-slice="1 1 []"> <span>1-</span><span><strong>Clinically Proven to Reduce Cellulite</strong></span> </h3> <p><span>Wear them for </span><span><strong>8 hours a day</strong></span><span> for </span><span><strong>30 days</strong></span><span> and experience a noticeable reduction in the appearance of cellulite and inches. Backed by real user testimonials and clinical data.</span></p> <p class="h3"> <span>2-</span><span><strong>Tourmaline® Bead Technology</strong></span> </h3> <p><span>Embedded </span><span><strong>Tourmaline beads</strong></span><span> gently massage your legs with every step. This boosts blood flow and lymphatic drainage, improving skin tone and reducing inflammation.</span></p> <p class="h3"> <span>3-</span><span><strong>Firm Compression That Breathes</strong></span> </h3> <p><span>Our </span><span><strong>compression leggings</strong></span><span> shape and lift while remaining breathable, making them perfect for long shifts, daily errands, or lounging at home.</span></p> <p class="h3"> <span>4-</span><span><strong>High-Waisted Fit That Stays in Place</strong></span> </h3> <p><span>Enjoy a smooth, sculpted midsection with no rolling, pinching, or discomfort. The waistband flatters your figure while offering support where you need it most.</span></p> <p class="h3"> <span>5-</span><span><strong>Designed for Daily Wear</strong></span> </h3> <p>Whether you're heading to the gym, or around the home, these leggings function as activewear, provide a lifting and shaping effect, and double as stylish outerwear.</p>  <p class="h2" data-pm-slice="1 1 []"><span>How Do Anti-Cellulite Leggings Work?</span></h2> <p><span>The secret lies in the synergy between </span><span><strong>Tourmaline® Beads</strong></span><span> and </span><span><strong>compression fabric</strong></span><span>:</span></p> <p class="h3"><span>Micro-Massaging Action</span></h3> <p><span>Tourmaline beads stimulate your skin, creating a micro-massage effect that supports circulation and skin tightening over time.</span></p> <p class="h3"><span>Enhanced Circulation</span></h3> <p><span>Consistent compression supports blood flow and helps reduce water retention, puffiness, and swelling—especially important for women over 40.</span><strong></strong></p> <p><img style="display: block; margin: 0 auto;" alt="Close-up of Tourmaline beads pattern" nosrc="https://cdn.shopify.com/s/files/1/2046/3683/files/close-up-beads-pattern_theblackpurple.com.webp?v=1716338920"></p>  <p class="h2" data-pm-slice="1 3 []"><span>What Size Should I Choose?</span></h2> <p><span>If you’re between sizes (e.g., Medium and Large), we recommend sizing up for comfort.</span></p> <ul data-spread="false"> <li><span>New to compression garments? Our Mass & Slim Compression Leggings (Black) offer stronger compression than our grey Mass & Slim Shapewear Shorts and Leggings. If you previously wore a Medium in the grey shapewear, we recommend sizing up to a Larger size in the black compression leggings for the best comfort and fit.</span></li> </ul>  <p class="h2" style="text-align: center;">Product Videos</h2> <p style="text-align: center;"><iframe nosrc="https://www.youtube.com/embed/Dw-NrfZ-DIk?rel=0&modestbranding=1&controls=1&autoplay=0&mute=0&iv_load_policy=3&fs=0" width="359" height="639" style="max-width: 100%; margin: 0 auto; display: block;"> </noiframe></p> <p style="text-align: center; font-size: 14px;">Tanya is wearing size <strong>XL</strong> in this video.</p> <p style="text-align: center;"><iframe nosrc="https://www.youtube.com/embed/CZsmOjaGE_Y?rel=0&modestbranding=1&controls=1&autoplay=0&mute=0&iv_load_policy=3&fs=0" width="359" height="639" style="max-width: 100%; margin: 0 auto; display: block;"> </noiframe></p> <p style="text-align: center; font-size: 14px;">The customer is wearing size <strong>Medium</strong> in this video.</p>  <p class="h2" data-pm-slice="1 1 []">Experience the Benefits of <span>anti cellulite compression leggings</span> </h2> <p>More than just leggings—<strong data-start="772" data-end="813">they’re your daily wellness essential</strong>. These leggings are designed to help you feel lighter, smoother, and more supported—every single day. From improved circulation to visible slimming, they adapt to your lifestyle and work as hard as you do.</p> <div><hr></div> <p class="h2" style="text-align: center;">What Women Are Saying:</h2> <p>⭐️⭐️⭐️⭐️⭐️ <strong>Kathleen Wiley:</strong> <em>"I absolutely love my slimming leggings! I notice a difference in my upper thighs!"</em></p> <p>⭐️⭐️⭐️⭐️⭐️ <strong>Maria Checkley:</strong> <em>"Excellent product, I love it. Feels good on my legs, I recommend it 100%! I’m very happy with it."</em></p> <p>⭐️⭐️⭐️⭐️⭐️ <strong>Janis King:</strong> <em>"These are absolutely heavenly! They hold you in and seem to be diminishing the cellulite a bit. Love them!"</em></p> <p style="text-align: center;"><a style="text-decoration: none; padding: 10px 20px; background-color: #000; color: #fff; border-radius: 5px;" href="https://theblackpurple.com/pages/reviews" class="button">SEE MORE REVIEWS</a></p> </div> </div> <div class="x-variants-data x-variants-data-js pt-3 border-t mt-3" x-data='xVariantSelectCard($el,"template--25179264844056__product-grid-17", "9481870835992", "/products/mass-slim-shapewear-leggings-copy-black", false, false, false, "")' data-option1="S (6/8)" x-intersect.margin.200px="if ($el.querySelector('#variant-update-template--25179264844056__product-grid-17').innerHTML.trim() == '') $el.classList.add('hidden');" > <div id="current-variant-template--25179264844056__product-grid-9481870835992-17" class="current-variant hidden" > 49104229728536 </div> <div id="variant-update-template--25179264844056__product-grid-17" class="variant-update-template--25179264844056__product-grid-17 list-layout:md:text-left rtl:list-layout:md:text-right options-container" > </div> </div> <script src="//theblackpurple.com/cdn/shop/t/70/assets/variant-select-card.aio.min.js?v=68671393451214742311760147609" defer></script> <div class="bottom-card card-info ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end gap-1 empty:hidden"></div> <template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)" class="card-info bottom_atc md:list-layout:hidden hide-icon" :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}" x-cloak > <button type="submit" name="add" @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--25179264844056__product-grid-9481870835992-17', $el); }, 0)" x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/special-offer/products/mass-slim-shapewear-leggings-copy-black', $el, 'template--25179264844056__product-grid-9481870835992-17', 27); }, 0)" data-id="template--25179264844056__product-grid-9481870835992-17" class="button button--quickview button-solid not-icon leading-normal mt-2 w-full pr-5 pl-5 py-2.5 lg:py-3 h-full text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60" :class="errorMessage && 'opacity-60 cursor-not-allowed'" aria-label="Choose options" > <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> <span class="flex items-center justify-center"> <span class="button-text is-focus-button:opacity-0">Choose options</span> </span> </span> <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak> <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" fill="currentcolor" stroke="none"> <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> </g> </svg> </div> </button> </div></template> <template x-if="$store.xQuickView"> <div class="hidden md:list-layout:flex gap-3 mt-4" x-show="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''"> <button type="submit" name="add" @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--25179264844056__product-grid-9481870835992-17', $el); }, 0)" x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/special-offer/products/mass-slim-shapewear-leggings-copy-black', $el, 'template--25179264844056__product-grid-9481870835992-17', 27); }, 0)" data-id="template--25179264844056__product-grid-9481870835992-17" class="button button--quickview button-solid not-icon leading-normal w-full py-2.5 lg:pl-5 lg:pr-5 lg:py-3 h-full text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block" :class="errorMessage && 'opacity-60 cursor-not-allowed'" aria-label="Choose options" > <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> <span class="flex items-center justify-center"> <span class="button-text is-focus-button:opacity-0">Choose options</span> </span> </span> <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak> <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" fill="currentcolor" stroke="none"> <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> </g> </svg> </div> </button> </div><button x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/special-offer/products/mass-slim-shapewear-leggings-copy-black', $el, 'template--25179264844056__product-grid-9481870835992-17')" x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/special-offer/products/mass-slim-shapewear-leggings-copy-black', $el, 'template--25179264844056__product-grid-9481870835992-17')" @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' class="button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3" aria-label="Button quickview" x-customer-event-data="{ "product": { "title": "Mass &amp; Slim Compression Leggings", "listName": "Special Offer", "sku": "9481870835992", "currencyCode": "USD", "price": 10995, "vendor": "TheBlackPurple" } }" x-show="$store.xQuickView.enabled" > <span class="flex justify-center items-center"> <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span> </span> </button> </div> </template> </div> </div> </div> <div class="grid-item"> <div x-data="xProductCard('template--25179264844056__product-grid-18', '/collections/special-offer/products/anti-cellulite-shorts-3-pack', '7307515822168')" class="card-product overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 h-full" x-slide-index="-1" > <div class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-8" > <style data-shopify> </style> <style data-shopify> </style> <a x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')" href="/collections/special-offer/products/anti-cellulite-shorts-3-pack" x-data="{ lastWindowWidth: 0 }" x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })' x-labels-data="[ { "variant_id": 40141871054936, "product_id": 7307515822168, "available": true, "title": "Mass &amp; Slim Shapewear Shorts (3-Pack)", "compare_at_price": 23985, "price": 19985, "price_with_currency": "$199.85", "sale_amount": "$40.00", "collections": "||384562885||267023286360||504680546584||477319364888||", "inventory_management": "shopify", "qty": 2, "container": "card", "can_show_preorder": false, "diff_day_create": 1091.22, "diff_day_publish": 1054.97 } ]" aria-label="Mass & Slim Shapewear Shorts (3-Pack)" id="7307515822168-template--25179264844056__product-grid" class="x-labels-data ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage" style="height: 0; padding-bottom: 80.0%;"> <div x-data="xDoubleTouch('/collections/special-offer/products/anti-cellulite-shorts-3-pack')" class="w-full h-full z-0 overflow-hidden absolute top-0 left-0 animate_transition_card__image"> <div id="x-slideshow-card-product-template--25179264844056__product-grid-18--1" class="block h-full" @click='$store.xCustomerEvent.fire("product_selected", $el)' x-customer-event-data="{ "product": { "title": "Mass &amp; Slim Shapewear Shorts (3-Pack)", "listName": "Special Offer", "sku": "7307515822168", "currencyCode": "USD", "price": 19985, "vendor": "TheBlackPurple" } }" ><div class="absolute inset-0 z-10 pointer-events-auto dbtap-overlay" @touchstart="onTouchStart($event)" @touchend.prevent="onTouchEnd($el.closest('.x-splide'))" @touchmove="onTouchMove($event)" ></div> <div class="w-full z-0 top-0 left-0 absolute" > <picture> <img srcset=" //theblackpurple.com/cdn/shop/products/Shorts-TBP-Combo.jpg?v=1710443322&width=250 250w, //theblackpurple.com/cdn/shop/products/Shorts-TBP-Combo.jpg?v=1710443322&width=350 350w, //theblackpurple.com/cdn/shop/products/Shorts-TBP-Combo.jpg?v=1710443322&width=450 450w, //theblackpurple.com/cdn/shop/products/Shorts-TBP-Combo.jpg?v=1710443322&width=750 750w, //theblackpurple.com/cdn/shop/products/Shorts-TBP-Combo.jpg?v=1710443322&width=900 900w, //theblackpurple.com/cdn/shop/products/Shorts-TBP-Combo.jpg?v=1710443322&width=1100 1100w, //theblackpurple.com/cdn/shop/products/Shorts-TBP-Combo.jpg?v=1710443322&width=1500 1500w,//theblackpurple.com/cdn/shop/products/Shorts-TBP-Combo.jpg?v=1710443322 1145w" src="//theblackpurple.com/cdn/shop/products/Shorts-TBP-Combo.jpg?v=1710443322&width=1500" sizes="(min-width: 1400px) calc(100vw / 3), (min-width: 1024px) calc((100vw) / 3), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)" alt="Mass & Slim Shapewear Shorts (3-Pack) - TheBlackPurple" :class="showSecond ? 'first-img' : ''" class="w-full preview-img motion-reduce aspect-natural relative animate-Xpulse skeleton-image object-cover image-first-hover lg:group-hover:opacity-0 animate_transition_image" loading="lazy" width="1145" height="916" onload="this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);" /> </picture> </div><div class="w-full h-full top-0 left-0 absolute lg:block"> <picture> <img loading="lazy" srcset="//theblackpurple.com/cdn/shop/files/preview_images/c80e1765862947bb951a8242cbc727a5.thumbnail.0000000000.jpg?v=1716338910&width=250 250w, //theblackpurple.com/cdn/shop/files/preview_images/c80e1765862947bb951a8242cbc727a5.thumbnail.0000000000.jpg?v=1716338910&width=350 350w, //theblackpurple.com/cdn/shop/files/preview_images/c80e1765862947bb951a8242cbc727a5.thumbnail.0000000000.jpg?v=1716338910&width=450 450w, //theblackpurple.com/cdn/shop/files/preview_images/c80e1765862947bb951a8242cbc727a5.thumbnail.0000000000.jpg?v=1716338910&width=750 750w, //theblackpurple.com/cdn/shop/files/preview_images/c80e1765862947bb951a8242cbc727a5.thumbnail.0000000000.jpg?v=1716338910&width=900 900w, //theblackpurple.com/cdn/shop/files/preview_images/c80e1765862947bb951a8242cbc727a5.thumbnail.0000000000.jpg?v=1716338910&width=1100 1100w, //theblackpurple.com/cdn/shop/files/preview_images/c80e1765862947bb951a8242cbc727a5.thumbnail.0000000000.jpg?v=1716338910&width=1500 1500w" src="//theblackpurple.com/cdn/shop/files/preview_images/c80e1765862947bb951a8242cbc727a5.thumbnail.0000000000.jpg?v=1716338910&width=1500" sizes="(min-width: 1400px) calc(100vw / 3), (min-width: 1024px) calc((100vw) / 3), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)" alt="Mass & Slim Shapewear Shorts (3-Pack)" :class="showSecond ? 'second-img' : ''" class="motion-reduce min-w-full h-full object-cover group-hover:cursor-pointer aspect-auto image-second-hover opacity-0 lg:group-hover:opacity-100" loading="lazy" width="" height="" onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);" /> </picture> </div></div> </div> <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-4 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0" x-show="$store.xQuickView" x-cloak > <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-full hide-icon lg:px-4" :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }" x-cloak > <button type="submit" name="add" @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--25179264844056__product-grid-7307515822168-18', $el); }, 0)" x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/special-offer/products/anti-cellulite-shorts-3-pack', $el, 'template--25179264844056__product-grid-7307515822168-18', 28); }, 0)" data-id="template--25179264844056__product-grid-7307515822168-18" class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 py-2.5 lg:py-3 h-full text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block" :class="errorMessage && 'opacity-60 cursor-not-allowed'" aria-label="Choose options" > <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> <span class="flex items-center justify-center"> <span class="button-text is-focus-button:opacity-0">Choose options</span> </span> </span> <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak> <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" fill="currentcolor" stroke="none"> <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> </g> </svg> </div> </button> <button type="submit" name="add" @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--25179264844056__product-grid-7307515822168-18', $el); }, 0)" x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/special-offer/products/anti-cellulite-shorts-3-pack', $el, 'template--25179264844056__product-grid-7307515822168-18', 28); }, 0)" class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60" data-id="template--25179264844056__product-grid-7307515822168-18" :class="errorMessage && 'opacity-60 cursor-not-allowed'"aria-label="Add to cart"x-customer-event-data="{ "product": { "title": "Mass &amp; Slim Shapewear Shorts (3-Pack)", "listName": "Special Offer", "sku": "7307515822168", "currencyCode": "USD", "price": 19985, "vendor": "TheBlackPurple" } }" > <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg class="" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;"> <g> <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> </g> </svg></span> <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak> <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" fill="currentcolor" stroke="none"> <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> </g> </svg> </span> </button> </div> </div><div class="button-quickview-icon absolute z-[15] lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0" :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd bottom-11 md:bottom-12 right-2 lg:top-4 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'" x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak > <div> <button @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/special-offer/products/anti-cellulite-shorts-3-pack', $el, 'template--25179264844056__product-grid-7307515822168-18')" x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/special-offer/products/anti-cellulite-shorts-3-pack', $el, 'template--25179264844056__product-grid-7307515822168-18')" class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full" :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'p-1.5 md:p-2.5 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'" x-customer-event-data="{ "product": { "title": "Mass &amp; Slim Shapewear Shorts (3-Pack)", "listName": "Special Offer", "sku": "7307515822168", "currencyCode": "USD", "price": 19985, "vendor": "TheBlackPurple" } }" aria-label="Button quickview" > <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;"> <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center"> <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span> </span> </button> <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/special-offer/products/anti-cellulite-shorts-3-pack", $el, "template--25179264844056__product-grid-7307515822168-18"); $store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-2" aria-label="Button quickview" x-customer-event-data="{ "product": { "title": "Mass &amp; Slim Shapewear Shorts (3-Pack)", "listName": "Special Offer", "sku": "7307515822168", "currencyCode": "USD", "price": 19985, "vendor": "TheBlackPurple" } }" > <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;"> <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> </button> </div> </div> </div> </a> <div class="md:list-layout:hidden"> <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0"> <div class="no-collage:mb-2 text-center md:list-layout:text-left"> <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div><p class="card__heading h5 no-collage:mb-2 mb-2.5 leading-tight" id="title-template--25179264844056__product-grid-7307515822168"> <a href="/collections/special-offer/products/anti-cellulite-shorts-3-pack" class="x-card-title full-unstyled-link link-product-variant text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words" @click='$store.xCustomerEvent.fire("product_selected", $el)' x-customer-event-data="{ "product": { "title": "Mass &amp; Slim Shapewear Shorts (3-Pack)", "listName": "Special Offer", "sku": "7307515822168", "currencyCode": "USD", "price": 19985, "vendor": "TheBlackPurple" } }" > Mass & Slim Shapewear Shorts (3-Pack) </a> </p> <div class="x-review-product other flex w-full items-center justify-center ltr mb-2.5 md:list-layout:justify-start" ><div class="rating gap-1 flex leading-tight" role="img" aria-label="4.75 out of 5.0 stars"> <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> <g> <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> </g> </svg> <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> <g> <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> </g> </svg> <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> <g> <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> </g> </svg> <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> <g> <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> </g> </svg> <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> <g> <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> </g> </svg> </div> <p class="rating-count leading-none caption ml-1 text-[0.49rem]">(4) </p></div> <div class="x-card-price flex items-center mb-2.5 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start"> <div class=" price leading-none"> <div class=""> <div class="target-price hidden">19985</div> <div class="target-compare-at-price hidden">23985</div> <div class=""> <small class="cap rtl:inline-block"> <s class="price-compare rtl:leading-tight">$239.85</s> </small><span class="price-sale selection:bg-text-[rgb(var(--colors-price-sale),0.2)] ml-1 rtl:mr-1 rtl:ml-0">$199.85</span> </div><small class="text-[70%] hidden"> <span class="hidden">Unit price</span> <span class="up price-item price-item--last"> <span class="unit-price"> </span> <span aria-hidden="true">/</span> <span class="hidden"> per </span> <span> </span> </span> </small> </div> </div> <div class="leading-none next-price empty:hidden"></div> </div> <template x-if="localStorage.getItem('selectedStore')"> <div id="x-availability-notice-template--25179264844056__product-grid" class="flex mb-2.5 items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start justify-center" x-show="$store.xStoreSelector?.canShow('7307515822168', [384562885, 267023286360, 504680546584, 477319364888])"> <div x-data='{ storeAvailabilites: { }, pickupLocation: [ ] }' x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())" > <style data-shopify> .text-available, .text-unavailable { font-size: 0.4685625rem; font-family: var(--font-body-family); } @media (min-width: 768px) { .text-available, .text-unavailable { font-size: 0.520625rem; } } .text-available { color: #6abe34; } .dark .text-available { color: #6abe34; } .text-unavailable { color: #767474; } .dark .text-unavailable { color: #867F7F; } </style> <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]"> <span class="flex h-4 w-4 relative"> <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> </svg> </span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span> </div> <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]"> <span class="flex h-4 w-4 relative"> <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> </svg> </span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span> </div> </div> </div> </template> </div> </div> </div> </div><div id="choose-options-template--25179264844056__product-grid-7307515822168-18" class="hidden md:block absolute w-full min-h-full h-full left-0 top-0 bg-[rgba(var(--background-color))] z-[15] md:list-layout:w-3/5 list-layout:lg:w-3/4 md:list-layout:left-auto md:list-layout:right-0" x-show="showOptions" x-transition:enter="transition-all ease-in-out duration-300" x-transition:enter-start="opacity-0 transform translate-y-full" x-transition:enter-end="opacity-100 transform translate-y-0" x-transition:leave="transition-all ease-in-out duration-300" x-transition:leave-start="opacity-100 transform translate-y-0" x-transition:leave-end="opacity-0 transform translate-y-full" x-cloak > <div :class="listLayout ? 'list-layout' : 'grid-layout'" class="choose-options relative w-full min-h-full h-full"></div> <div class="icon-loading hidden absolute top-0 left-0 right-0 h-full w-full z-20 bg-[rgba(var(--background-color))]"> <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]"> <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" fill="currentcolor" stroke="none"> <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> </g> </svg> </div> </div> </div> <div id="x-product-template-7307515822168-template--25179264844056__product-grid-18" class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0 text-center" > <div class="hidden md:list-layout:block"> <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0"> <div class="no-collage:mb-2 text-center md:list-layout:text-left"> <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div><p class="card__heading h5 no-collage:mb-2 mb-2.5 leading-tight" id="title-template--25179264844056__product-grid-7307515822168"> <a href="/collections/special-offer/products/anti-cellulite-shorts-3-pack" class="x-card-title full-unstyled-link link-product-variant text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words" @click='$store.xCustomerEvent.fire("product_selected", $el)' x-customer-event-data="{ "product": { "title": "Mass &amp; Slim Shapewear Shorts (3-Pack)", "listName": "Special Offer", "sku": "7307515822168", "currencyCode": "USD", "price": 19985, "vendor": "TheBlackPurple" } }" > Mass & Slim Shapewear Shorts (3-Pack) </a> </p> <div class="x-review-product other flex w-full items-center justify-center ltr mb-2.5 md:list-layout:justify-start" ><div class="rating gap-1 flex leading-tight" role="img" aria-label="4.75 out of 5.0 stars"> <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> <g> <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> </g> </svg> <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> <g> <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> </g> </svg> <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> <g> <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> </g> </svg> <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> <g> <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> </g> </svg> <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> <g> <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> </g> </svg> </div> <p class="rating-count leading-none caption ml-1 text-[0.49rem]">(4) </p></div> <div class="x-card-price flex items-center mb-2.5 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start"> <div class=" price leading-none"> <div class=""> <div class="target-price hidden">19985</div> <div class="target-compare-at-price hidden">23985</div> <div class=""> <small class="cap rtl:inline-block"> <s class="price-compare rtl:leading-tight">$239.85</s> </small><span class="price-sale selection:bg-text-[rgb(var(--colors-price-sale),0.2)] ml-1 rtl:mr-1 rtl:ml-0">$199.85</span> </div><small class="text-[70%] hidden"> <span class="hidden">Unit price</span> <span class="up price-item price-item--last"> <span class="unit-price"> </span> <span aria-hidden="true">/</span> <span class="hidden"> per </span> <span> </span> </span> </small> </div> </div> <div class="leading-none next-price empty:hidden"></div> </div> <template x-if="localStorage.getItem('selectedStore')"> <div id="x-availability-notice-template--25179264844056__product-grid" class="flex mb-2.5 items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start justify-center" x-show="$store.xStoreSelector?.canShow('7307515822168', [384562885, 267023286360, 504680546584, 477319364888])"> <div x-data='{ storeAvailabilites: { }, pickupLocation: [ ] }' x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())" > <style data-shopify> .text-available, .text-unavailable { font-size: 0.4685625rem; font-family: var(--font-body-family); } @media (min-width: 768px) { .text-available, .text-unavailable { font-size: 0.520625rem; } } .text-available { color: #6abe34; } .dark .text-available { color: #6abe34; } .text-unavailable { color: #767474; } .dark .text-unavailable { color: #867F7F; } </style> <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]"> <span class="flex h-4 w-4 relative"> <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> </svg> </span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span> </div> <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]"> <span class="flex h-4 w-4 relative"> <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> </svg> </span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span> </div> </div> </div> </template> </div> </div> </div> <div class="hidden md:list-layout:block md:list-layout:mt-0 mt-4 md:list-layout:text-left"> <div class="rte line-clamp-3">  <p class="h2"><span data-preserver-spaces="true">Mass & Slim Shorts - 3-Pack</span></h2> <p><strong><span data-preserver-spaces="true">The Best-Selling Anti-Cellulite Shapewear</span></strong></p> <p><span data-preserver-spaces="true">Step into complete confidence with our Mass & Slim Shorts 3-pack. Save $40 and enjoy the convenience of having extra pairs for those </span><span data-preserver-spaces="true">in-between</span><span data-preserver-spaces="true"> wash days. An innovative combination of style, comfort, and technology </span><span data-preserver-spaces="true">comes together to give</span><span data-preserver-spaces="true"> you a figure-flattering shape the moment you put on our anti-cellulite shapewear. And </span><span data-preserver-spaces="true">that’s</span><span data-preserver-spaces="true"> just the beginning.</span></p> <p class="h3"><strong><span data-preserver-spaces="true">Why Choose Mass & Slim Shorts?</span></strong></h3> <p><span data-preserver-spaces="true">Our best-selling anti-cellulite shapewear shorts </span><span data-preserver-spaces="true">are designed</span><span data-preserver-spaces="true"> to give you the slimming, toning, and reshaping effects you need to feel your best, no matter where your day takes you. From running errands to dancing the night away, these shorts provide the support and comfort your body deserves.</span></p> <p class="h3"><strong><span data-preserver-spaces="true">Key Benefits:</span></strong></h3> <ul> <li> <strong><span data-preserver-spaces="true">All-Day Comfort:</span></strong><span data-preserver-spaces="true"> Light as air, the Bamboo Viscose fabric feels like a soothing second skin, taming your tummy and providing all-day comfort.</span> </li> <li> <strong><span data-preserver-spaces="true">360° Firmness:</span></strong><span data-preserver-spaces="true"> Sculpt your thighs with a firm yet gentle hug, perfect for wearing under your favorite jeans or dresses.</span> </li> <li> <strong><span data-preserver-spaces="true">Chafe-Free Confidence:</span></strong><span data-preserver-spaces="true"> Eliminate inner thigh chafing and sweat, allowing you to move effortlessly and confidently in any outfit.</span> </li> <li> <strong><span data-preserver-spaces="true">Ultimate Versatility:</span></strong><span data-preserver-spaces="true"> Whether </span><span data-preserver-spaces="true">you're</span><span data-preserver-spaces="true"> headed</span><span data-preserver-spaces="true"> to the grocery store, brunch, or lounging at home, these shorts offer the perfect balance of style and functionality.</span> </li> </ul> <p class="h3"><strong><span data-preserver-spaces="true">Revolutionary Fabric Technology:</span></strong></h3> <p><span data-preserver-spaces="true">Experience the TheBlackPurple difference with our innovative fabric, featuring tiny Tourmaline® ceramic beads that create a micro-massaging effect to stimulate blood flow. This technology helps reduce cellulite and promotes increased circulation for long-term benefits.</span></p> <p><span data-preserver-spaces="true"><img alt="" nosrc="https://cdn.shopify.com/s/files/1/2046/3683/files/close-up-beads-pattern_theblackpurple.com.webp?v=1716338920" style="display: block; margin-left: auto; margin-right: auto;"></span></p> <p class="h3"><strong><span data-preserver-spaces="true">How It Works:</span></strong></h3> <ul> <li> <strong><span data-preserver-spaces="true">Slimming Bamboo Viscose:</span></strong><span data-preserver-spaces="true"> The snug yet cozy fabric targets your stomach, thighs, and hips for an immediate slimming effect.</span> </li> <li> <strong><span data-preserver-spaces="true">Micro-Massaging Tourmaline® Beads:</span></strong><span data-preserver-spaces="true"> Strategically placed beads work continuously to </span><span data-preserver-spaces="true">give your skin a gentle massage</span><span data-preserver-spaces="true">, enhancing the benefits of movement and exercise.</span><span data-preserver-spaces="true"> </span><span data-preserver-spaces="true">This</span><span data-preserver-spaces="true"> helps burn more calories, reduce cellulite, and improve circulation over time.</span> </li> <li> <strong><span data-preserver-spaces="true">Clinically Tested Results:</span></strong><span data-preserver-spaces="true"> Our shapewear </span><span data-preserver-spaces="true">is clinically tested</span><span data-preserver-spaces="true"> to help reduce cellulite and inches over time. By wearing our Mass & Slim Shorts and leggings for 30 days consecutively for 8 hours a day, you will see visible results in </span><span data-preserver-spaces="true">terms of</span><span data-preserver-spaces="true"> losing inches and reducing cellulite, along with improved circulation.</span> </li> </ul> <p class="h3"><strong><span data-preserver-spaces="true">Material Composition:</span></strong></h3> <ul> <li><span data-preserver-spaces="true">53% Polyamide</span></li> <li><span data-preserver-spaces="true">33% Polyester</span></li> <li><span data-preserver-spaces="true">14% Elastane</span></li> </ul> <p class="h3"><strong><span data-preserver-spaces="true">Care Instructions:</span></strong></h3> <p><span data-preserver-spaces="true">Machine washable and dryer safe. We recommend using a gentle cycle and low temperature for best results.</span></p> <p class="h3"><strong><span data-preserver-spaces="true">Ideal for Everyday Wear:</span></strong></h3> <p><span data-preserver-spaces="true">Our shorts are perfect for wearing under your regular clothes, jeans, leggings, or dresses. Many </span><span data-preserver-spaces="true">of our</span><span data-preserver-spaces="true"> customers, including new moms, nurses, and health practitioners, rely on Mass & Slim Shorts for enhanced circulation and comfort during long shifts. Our innovative garments </span><span data-preserver-spaces="true">are meticulously crafted</span><span data-preserver-spaces="true"> to aid in reducing cellulite and inches, making them ideal for managing lymphedema, lipedema, or the natural progression of aging combined with busy lifestyles.</span></p> <p class="h3"><strong><span data-preserver-spaces="true">Personalized Customer Service:</span></strong></h3> <p><span data-preserver-spaces="true">We are committed to providing a personalized customer service experience tailored to your </span><span data-preserver-spaces="true">unique</span><span data-preserver-spaces="true"> needs. Whether </span><span data-preserver-spaces="true">you're</span><span data-preserver-spaces="true"> a hardworking mom, a dedicated nurse, or a professional navigating the complexities of age and work commitments, we are here to guide and support you.</span></p> <p class="h3"><strong><span data-preserver-spaces="true">Exceptional Value:</span></strong></h3> <p><span data-preserver-spaces="true">With our 3-pack offer, you get extra pairs for in-between washes and benefit from a multipack discount. </span><span data-preserver-spaces="true">This</span><span data-preserver-spaces="true"> is </span><span data-preserver-spaces="true">a great</span><span data-preserver-spaces="true"> value for our clients who need additional shorts to maintain their routine without interruption. </span></p> <div style="text-align: left;"> <p class="h5"><strong><iframe nosrc="https://www.youtube.com/embed/9HwrZomnilw?rel=0" width="560" height="315" frameborder="0" allowfullscreen="allowfullscreen"></noiframe></strong></h5> <p class="h5"> <span data-mce-fragment="1">⭐️</span><span data-mce-fragment="1">⭐️</span><span data-mce-fragment="1">⭐️</span><span data-mce-fragment="1">⭐️</span><span data-mce-fragment="1">⭐️</span><span data-mce-fragment="1"> <strong>5/5</strong> </span> </h5> <p>"I love this item! It helps with my circulation and cellulite. The shorts are comfortable and I wear them everyday underneath my clothes" -<span data-mce-fragment="1">Giulia White</span></p> <p class="h5"> <span data-mce-fragment="1">⭐️</span><span data-mce-fragment="1">⭐️</span><span data-mce-fragment="1">⭐️</span><span data-mce-fragment="1">⭐️</span><span data-mce-fragment="1">⭐️</span><span data-mce-fragment="1"> <strong>5/5</strong> </span> </h5> <p>"I love my BlackPurple!! I have been wearing mine for about a month and I definitely can see a difference in cellulite on the back of my legs. They also help keep my thighs from rubbing together in my workout clothes. They give me a slimming look and feel great everyday!! ❤❤❤ "<span data-mce-fragment="1">- Teresa Pulido</span></p> <p><span></span><strong><a class="button" href="https://theblackpurple.com/pages/reviews">SEE MORE REVIEWS</a></strong></p> </div> <ol></ol> <p> </p> </div> </div> <div class="x-variants-data x-variants-data-js pt-3 border-t mt-3" x-data='xVariantSelectCard($el,"template--25179264844056__product-grid-18", "7307515822168", "/products/anti-cellulite-shorts-3-pack", false, false, false, "")' data-option1="S (6/8)" x-intersect.margin.200px="if ($el.querySelector('#variant-update-template--25179264844056__product-grid-18').innerHTML.trim() == '') $el.classList.add('hidden');" > <div id="current-variant-template--25179264844056__product-grid-7307515822168-18" class="current-variant hidden" > 40141871054936 </div> <div id="variant-update-template--25179264844056__product-grid-18" class="variant-update-template--25179264844056__product-grid-18 list-layout:md:text-left rtl:list-layout:md:text-right options-container" > </div> </div> <script src="//theblackpurple.com/cdn/shop/t/70/assets/variant-select-card.aio.min.js?v=68671393451214742311760147609" defer></script> <div class="bottom-card card-info ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end gap-1 empty:hidden"></div> <template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)" class="card-info bottom_atc md:list-layout:hidden hide-icon" :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}" x-cloak > <button type="submit" name="add" @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--25179264844056__product-grid-7307515822168-18', $el); }, 0)" x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/special-offer/products/anti-cellulite-shorts-3-pack', $el, 'template--25179264844056__product-grid-7307515822168-18', 28); }, 0)" data-id="template--25179264844056__product-grid-7307515822168-18" class="button button--quickview button-solid not-icon leading-normal mt-2 w-full pr-5 pl-5 py-2.5 lg:py-3 h-full text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60" :class="errorMessage && 'opacity-60 cursor-not-allowed'" aria-label="Choose options" > <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> <span class="flex items-center justify-center"> <span class="button-text is-focus-button:opacity-0">Choose options</span> </span> </span> <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak> <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" fill="currentcolor" stroke="none"> <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> </g> </svg> </div> </button> </div></template> <template x-if="$store.xQuickView"> <div class="hidden md:list-layout:flex gap-3 mt-4" x-show="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''"> <button type="submit" name="add" @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--25179264844056__product-grid-7307515822168-18', $el); }, 0)" x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/special-offer/products/anti-cellulite-shorts-3-pack', $el, 'template--25179264844056__product-grid-7307515822168-18', 28); }, 0)" data-id="template--25179264844056__product-grid-7307515822168-18" class="button button--quickview button-solid not-icon leading-normal w-full py-2.5 lg:pl-5 lg:pr-5 lg:py-3 h-full text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block" :class="errorMessage && 'opacity-60 cursor-not-allowed'" aria-label="Choose options" > <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> <span class="flex items-center justify-center"> <span class="button-text is-focus-button:opacity-0">Choose options</span> </span> </span> <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak> <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" fill="currentcolor" stroke="none"> <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> </g> </svg> </div> </button> </div><button x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/special-offer/products/anti-cellulite-shorts-3-pack', $el, 'template--25179264844056__product-grid-7307515822168-18')" x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/special-offer/products/anti-cellulite-shorts-3-pack', $el, 'template--25179264844056__product-grid-7307515822168-18')" @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' class="button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3" aria-label="Button quickview" x-customer-event-data="{ "product": { "title": "Mass &amp; Slim Shapewear Shorts (3-Pack)", "listName": "Special Offer", "sku": "7307515822168", "currencyCode": "USD", "price": 19985, "vendor": "TheBlackPurple" } }" x-show="$store.xQuickView.enabled" > <span class="flex justify-center items-center"> <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span> </span> </button> </div> </template> </div> </div> </div> <div class="grid-item"> <div x-data="xProductCard('template--25179264844056__product-grid-19', '/collections/special-offer/products/anti-cellulite-leggings-3-pack', '7307530535000')" class="card-product overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 h-full" x-slide-index="-1" > <div class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-8" > <style data-shopify> </style> <style data-shopify> </style> <a x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')" href="/collections/special-offer/products/anti-cellulite-leggings-3-pack" x-data="{ lastWindowWidth: 0 }" x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })' x-labels-data="[ { "variant_id": 40141879607384, "product_id": 7307530535000, "available": true, "title": "Mass &amp; Slim Shapewear Leggings (3-Pack)", "compare_at_price": 26985, "price": 22985, "price_with_currency": "$229.85", "sale_amount": "$40.00", "collections": "||384562885||267023286360||504680546584||477319364888||", "inventory_management": "shopify", "qty": 3, "container": "card", "can_show_preorder": false, "diff_day_create": 1091.21, "diff_day_publish": 1054.97 } ]" aria-label="Mass & Slim Shapewear Leggings (3-Pack)" id="7307530535000-template--25179264844056__product-grid" class="x-labels-data ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage" style="height: 0; padding-bottom: 80.0%;"> <div x-data="xDoubleTouch('/collections/special-offer/products/anti-cellulite-leggings-3-pack')" class="w-full h-full z-0 overflow-hidden absolute top-0 left-0 animate_transition_card__image"> <div id="x-slideshow-card-product-template--25179264844056__product-grid-19--1" class="block h-full" @click='$store.xCustomerEvent.fire("product_selected", $el)' x-customer-event-data="{ "product": { "title": "Mass &amp; Slim Shapewear Leggings (3-Pack)", "listName": "Special Offer", "sku": "7307530535000", "currencyCode": "USD", "price": 22985, "vendor": "TheBlackPurple" } }" ><div class="absolute inset-0 z-10 pointer-events-auto dbtap-overlay" @touchstart="onTouchStart($event)" @touchend.prevent="onTouchEnd($el.closest('.x-splide'))" @touchmove="onTouchMove($event)" ></div> <div class="w-full z-0 top-0 left-0 absolute" > <picture> <img srcset=" //theblackpurple.com/cdn/shop/products/Leggings-TBP-Combo.jpg?v=1710443322&width=250 250w, //theblackpurple.com/cdn/shop/products/Leggings-TBP-Combo.jpg?v=1710443322&width=350 350w, //theblackpurple.com/cdn/shop/products/Leggings-TBP-Combo.jpg?v=1710443322&width=450 450w, //theblackpurple.com/cdn/shop/products/Leggings-TBP-Combo.jpg?v=1710443322&width=750 750w, //theblackpurple.com/cdn/shop/products/Leggings-TBP-Combo.jpg?v=1710443322&width=900 900w, //theblackpurple.com/cdn/shop/products/Leggings-TBP-Combo.jpg?v=1710443322&width=1100 1100w, //theblackpurple.com/cdn/shop/products/Leggings-TBP-Combo.jpg?v=1710443322&width=1500 1500w,//theblackpurple.com/cdn/shop/products/Leggings-TBP-Combo.jpg?v=1710443322 1145w" src="//theblackpurple.com/cdn/shop/products/Leggings-TBP-Combo.jpg?v=1710443322&width=1500" sizes="(min-width: 1400px) calc(100vw / 3), (min-width: 1024px) calc((100vw) / 3), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)" alt="Mass & Slim Shapewear Leggings (3-Pack) - TheBlackPurple" :class="showSecond ? 'first-img' : ''" class="w-full preview-img motion-reduce aspect-natural relative animate-Xpulse skeleton-image object-cover image-first-hover lg:group-hover:opacity-0 animate_transition_image" loading="lazy" width="1145" height="916" onload="this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);" /> </picture> </div><div class="w-full h-full top-0 left-0 absolute lg:block"> <picture> <img loading="lazy" srcset="//theblackpurple.com/cdn/shop/files/preview_images/0489d950d0ef48c1b8c08ac62f7af1af.thumbnail.0000000000.jpg?v=1716338209&width=250 250w, //theblackpurple.com/cdn/shop/files/preview_images/0489d950d0ef48c1b8c08ac62f7af1af.thumbnail.0000000000.jpg?v=1716338209&width=350 350w, //theblackpurple.com/cdn/shop/files/preview_images/0489d950d0ef48c1b8c08ac62f7af1af.thumbnail.0000000000.jpg?v=1716338209&width=450 450w, //theblackpurple.com/cdn/shop/files/preview_images/0489d950d0ef48c1b8c08ac62f7af1af.thumbnail.0000000000.jpg?v=1716338209&width=750 750w, //theblackpurple.com/cdn/shop/files/preview_images/0489d950d0ef48c1b8c08ac62f7af1af.thumbnail.0000000000.jpg?v=1716338209&width=900 900w, //theblackpurple.com/cdn/shop/files/preview_images/0489d950d0ef48c1b8c08ac62f7af1af.thumbnail.0000000000.jpg?v=1716338209&width=1100 1100w, //theblackpurple.com/cdn/shop/files/preview_images/0489d950d0ef48c1b8c08ac62f7af1af.thumbnail.0000000000.jpg?v=1716338209&width=1500 1500w" src="//theblackpurple.com/cdn/shop/files/preview_images/0489d950d0ef48c1b8c08ac62f7af1af.thumbnail.0000000000.jpg?v=1716338209&width=1500" sizes="(min-width: 1400px) calc(100vw / 3), (min-width: 1024px) calc((100vw) / 3), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)" alt="Mass & Slim Shapewear Leggings (3-Pack)" :class="showSecond ? 'second-img' : ''" class="motion-reduce min-w-full h-full object-cover group-hover:cursor-pointer aspect-auto image-second-hover opacity-0 lg:group-hover:opacity-100" loading="lazy" width="" height="" onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);" /> </picture> </div></div> </div> <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-4 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0" x-show="$store.xQuickView" x-cloak > <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-full hide-icon lg:px-4" :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }" x-cloak > <button type="submit" name="add" @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--25179264844056__product-grid-7307530535000-19', $el); }, 0)" x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/special-offer/products/anti-cellulite-leggings-3-pack', $el, 'template--25179264844056__product-grid-7307530535000-19', 29); }, 0)" data-id="template--25179264844056__product-grid-7307530535000-19" class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 py-2.5 lg:py-3 h-full text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block" :class="errorMessage && 'opacity-60 cursor-not-allowed'" aria-label="Choose options" > <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> <span class="flex items-center justify-center"> <span class="button-text is-focus-button:opacity-0">Choose options</span> </span> </span> <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak> <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" fill="currentcolor" stroke="none"> <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> </g> </svg> </div> </button> <button type="submit" name="add" @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--25179264844056__product-grid-7307530535000-19', $el); }, 0)" x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/special-offer/products/anti-cellulite-leggings-3-pack', $el, 'template--25179264844056__product-grid-7307530535000-19', 29); }, 0)" class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60" data-id="template--25179264844056__product-grid-7307530535000-19" :class="errorMessage && 'opacity-60 cursor-not-allowed'"aria-label="Add to cart"x-customer-event-data="{ "product": { "title": "Mass &amp; Slim Shapewear Leggings (3-Pack)", "listName": "Special Offer", "sku": "7307530535000", "currencyCode": "USD", "price": 22985, "vendor": "TheBlackPurple" } }" > <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg class="" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;"> <g> <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> </g> </svg></span> <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak> <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" fill="currentcolor" stroke="none"> <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> </g> </svg> </span> </button> </div> </div><div class="button-quickview-icon absolute z-[15] lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0" :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd bottom-11 md:bottom-12 right-2 lg:top-4 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'" x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak > <div> <button @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/special-offer/products/anti-cellulite-leggings-3-pack', $el, 'template--25179264844056__product-grid-7307530535000-19')" x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/special-offer/products/anti-cellulite-leggings-3-pack', $el, 'template--25179264844056__product-grid-7307530535000-19')" class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full" :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'p-1.5 md:p-2.5 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'" x-customer-event-data="{ "product": { "title": "Mass &amp; Slim Shapewear Leggings (3-Pack)", "listName": "Special Offer", "sku": "7307530535000", "currencyCode": "USD", "price": 22985, "vendor": "TheBlackPurple" } }" aria-label="Button quickview" > <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;"> <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center"> <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span> </span> </button> <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/special-offer/products/anti-cellulite-leggings-3-pack", $el, "template--25179264844056__product-grid-7307530535000-19"); $store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-2" aria-label="Button quickview" x-customer-event-data="{ "product": { "title": "Mass &amp; Slim Shapewear Leggings (3-Pack)", "listName": "Special Offer", "sku": "7307530535000", "currencyCode": "USD", "price": 22985, "vendor": "TheBlackPurple" } }" > <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;"> <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> </button> </div> </div> </div> </a> <div class="md:list-layout:hidden"> <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0"> <div class="no-collage:mb-2 text-center md:list-layout:text-left"> <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div><p class="card__heading h5 no-collage:mb-2 mb-2.5 leading-tight" id="title-template--25179264844056__product-grid-7307530535000"> <a href="/collections/special-offer/products/anti-cellulite-leggings-3-pack" class="x-card-title full-unstyled-link link-product-variant text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words" @click='$store.xCustomerEvent.fire("product_selected", $el)' x-customer-event-data="{ "product": { "title": "Mass &amp; Slim Shapewear Leggings (3-Pack)", "listName": "Special Offer", "sku": "7307530535000", "currencyCode": "USD", "price": 22985, "vendor": "TheBlackPurple" } }" > Mass & Slim Shapewear Leggings (3-Pack) </a> </p> <div class="x-review-product other flex w-full items-center justify-center ltr mb-2.5 md:list-layout:justify-start" ><div class="rating gap-1 flex leading-tight" role="img" aria-label="5.0 out of 5.0 stars"> <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> <g> <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> </g> </svg> <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> <g> <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> </g> </svg> <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> <g> <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> </g> </svg> <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> <g> <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> </g> </svg> <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> <g> <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> </g> </svg> </div> <p class="rating-count leading-none caption ml-1 text-[0.49rem]">(2) </p></div> <div class="x-card-price flex items-center mb-2.5 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start"> <div class=" price leading-none"> <div class=""> <div class="target-price hidden">22985</div> <div class="target-compare-at-price hidden">26985</div> <div class=""> <small class="cap rtl:inline-block"> <s class="price-compare rtl:leading-tight">$269.85</s> </small><span class="price-sale selection:bg-text-[rgb(var(--colors-price-sale),0.2)] ml-1 rtl:mr-1 rtl:ml-0">$229.85</span> </div><small class="text-[70%] hidden"> <span class="hidden">Unit price</span> <span class="up price-item price-item--last"> <span class="unit-price"> </span> <span aria-hidden="true">/</span> <span class="hidden"> per </span> <span> </span> </span> </small> </div> </div> <div class="leading-none next-price empty:hidden"></div> </div> <template x-if="localStorage.getItem('selectedStore')"> <div id="x-availability-notice-template--25179264844056__product-grid" class="flex mb-2.5 items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start justify-center" x-show="$store.xStoreSelector?.canShow('7307530535000', [384562885, 267023286360, 504680546584, 477319364888])"> <div x-data='{ storeAvailabilites: { }, pickupLocation: [ ] }' x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())" > <style data-shopify> .text-available, .text-unavailable { font-size: 0.4685625rem; font-family: var(--font-body-family); } @media (min-width: 768px) { .text-available, .text-unavailable { font-size: 0.520625rem; } } .text-available { color: #6abe34; } .dark .text-available { color: #6abe34; } .text-unavailable { color: #767474; } .dark .text-unavailable { color: #867F7F; } </style> <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]"> <span class="flex h-4 w-4 relative"> <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> </svg> </span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span> </div> <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]"> <span class="flex h-4 w-4 relative"> <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> </svg> </span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span> </div> </div> </div> </template> </div> </div> </div> </div><div id="choose-options-template--25179264844056__product-grid-7307530535000-19" class="hidden md:block absolute w-full min-h-full h-full left-0 top-0 bg-[rgba(var(--background-color))] z-[15] md:list-layout:w-3/5 list-layout:lg:w-3/4 md:list-layout:left-auto md:list-layout:right-0" x-show="showOptions" x-transition:enter="transition-all ease-in-out duration-300" x-transition:enter-start="opacity-0 transform translate-y-full" x-transition:enter-end="opacity-100 transform translate-y-0" x-transition:leave="transition-all ease-in-out duration-300" x-transition:leave-start="opacity-100 transform translate-y-0" x-transition:leave-end="opacity-0 transform translate-y-full" x-cloak > <div :class="listLayout ? 'list-layout' : 'grid-layout'" class="choose-options relative w-full min-h-full h-full"></div> <div class="icon-loading hidden absolute top-0 left-0 right-0 h-full w-full z-20 bg-[rgba(var(--background-color))]"> <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]"> <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" fill="currentcolor" stroke="none"> <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> </g> </svg> </div> </div> </div> <div id="x-product-template-7307530535000-template--25179264844056__product-grid-19" class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0 text-center" > <div class="hidden md:list-layout:block"> <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0"> <div class="no-collage:mb-2 text-center md:list-layout:text-left"> <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div><p class="card__heading h5 no-collage:mb-2 mb-2.5 leading-tight" id="title-template--25179264844056__product-grid-7307530535000"> <a href="/collections/special-offer/products/anti-cellulite-leggings-3-pack" class="x-card-title full-unstyled-link link-product-variant text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words" @click='$store.xCustomerEvent.fire("product_selected", $el)' x-customer-event-data="{ "product": { "title": "Mass &amp; Slim Shapewear Leggings (3-Pack)", "listName": "Special Offer", "sku": "7307530535000", "currencyCode": "USD", "price": 22985, "vendor": "TheBlackPurple" } }" > Mass & Slim Shapewear Leggings (3-Pack) </a> </p> <div class="x-review-product other flex w-full items-center justify-center ltr mb-2.5 md:list-layout:justify-start" ><div class="rating gap-1 flex leading-tight" role="img" aria-label="5.0 out of 5.0 stars"> <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> <g> <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> </g> </svg> <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> <g> <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> </g> </svg> <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> <g> <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> </g> </svg> <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> <g> <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> </g> </svg> <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> <g> <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> </g> </svg> </div> <p class="rating-count leading-none caption ml-1 text-[0.49rem]">(2) </p></div> <div class="x-card-price flex items-center mb-2.5 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start"> <div class=" price leading-none"> <div class=""> <div class="target-price hidden">22985</div> <div class="target-compare-at-price hidden">26985</div> <div class=""> <small class="cap rtl:inline-block"> <s class="price-compare rtl:leading-tight">$269.85</s> </small><span class="price-sale selection:bg-text-[rgb(var(--colors-price-sale),0.2)] ml-1 rtl:mr-1 rtl:ml-0">$229.85</span> </div><small class="text-[70%] hidden"> <span class="hidden">Unit price</span> <span class="up price-item price-item--last"> <span class="unit-price"> </span> <span aria-hidden="true">/</span> <span class="hidden"> per </span> <span> </span> </span> </small> </div> </div> <div class="leading-none next-price empty:hidden"></div> </div> <template x-if="localStorage.getItem('selectedStore')"> <div id="x-availability-notice-template--25179264844056__product-grid" class="flex mb-2.5 items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start justify-center" x-show="$store.xStoreSelector?.canShow('7307530535000', [384562885, 267023286360, 504680546584, 477319364888])"> <div x-data='{ storeAvailabilites: { }, pickupLocation: [ ] }' x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())" > <style data-shopify> .text-available, .text-unavailable { font-size: 0.4685625rem; font-family: var(--font-body-family); } @media (min-width: 768px) { .text-available, .text-unavailable { font-size: 0.520625rem; } } .text-available { color: #6abe34; } .dark .text-available { color: #6abe34; } .text-unavailable { color: #767474; } .dark .text-unavailable { color: #867F7F; } </style> <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]"> <span class="flex h-4 w-4 relative"> <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> </svg> </span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span> </div> <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]"> <span class="flex h-4 w-4 relative"> <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> </svg> </span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span> </div> </div> </div> </template> </div> </div> </div> <div class="hidden md:list-layout:block md:list-layout:mt-0 mt-4 md:list-layout:text-left"> <div class="rte line-clamp-3">  <p class="h2"><span data-preserver-spaces="true">Mass & Slim Leggings - 3-Pack Offer</span></h2> <p><strong><span data-preserver-spaces="true">The Ultimate Anti-Cellulite Slimming Shapewear Leggings</span></strong></p> <p><span data-preserver-spaces="true">Unlock the secret to a smoother, more confident you with our top-selling anti-cellulite shapewear leggings. For a limited time, buy our 3-pack of Mass & Slim Leggings and enjoy a $40 discount, giving you exceptional value and results.</span></p> <p class="h3"><strong><span data-preserver-spaces="true">Why Choose Mass & Slim Leggings?</span></strong></h3> <p><span data-preserver-spaces="true">Designed to feel like</span><span data-preserver-spaces="true"> a </span><span data-preserver-spaces="true">second skin, these leggings are perfect for running errands, enhancing </span><span data-preserver-spaces="true">your</span><span data-preserver-spaces="true"> workouts, or providing discreet support under </span><span data-preserver-spaces="true">your</span><span data-preserver-spaces="true"> office attire or scrubs. </span><span data-preserver-spaces="true">Smooth</span><span data-preserver-spaces="true"> out bumps, enhance </span><span data-preserver-spaces="true">your</span><span data-preserver-spaces="true"> curves, and </span><span data-preserver-spaces="true">define your</span><span data-preserver-spaces="true"> legs, thighs, and hips </span><span data-preserver-spaces="true">effortlessly</span><span data-preserver-spaces="true">.</span></p> <p class="h3"><strong><span data-preserver-spaces="true">Key Benefits:</span></strong></h3> <ul> <li> <strong><span data-preserver-spaces="true">All-Day Comfort:</span></strong><span data-preserver-spaces="true"> </span><span data-preserver-spaces="true">Crafted</span><span data-preserver-spaces="true"> from soft, breathable Bamboo Viscose fabric, ensuring ultimate comfort and flexibility for everyday wear.</span> </li> <li> <strong><span data-preserver-spaces="true">360° Firmness:</span></strong><span data-preserver-spaces="true"> Tone your thighs with a firm yet gentle embrace, ideal for wearing under your favorite jeans.</span> </li> <li> <strong><span data-preserver-spaces="true">Workout Enhancer:</span></strong><span data-preserver-spaces="true"> Boost your exercise routine with complete freedom of movement, maximizing calorie burn and improving blood flow.</span> </li> <li> <strong><span data-preserver-spaces="true">Sculpt and Shape:</span></strong><span data-preserver-spaces="true"> Contour and highlight your legs, hips, and bum, boosting your confidence wherever you go.</span> </li> </ul> <p class="h3"><strong><span data-preserver-spaces="true">Revolutionary Fabric Technology:</span></strong></h3> <p><span data-preserver-spaces="true">Experience the TheBlackPurple difference with our innovative fabric, featuring tiny Tourmaline® ceramic beads. These beads create a micro-massaging effect that stimulates blood flow, helping to reduce cellulite and promote increased circulation for long-term benefits.</span></p> <p class="h3"><strong><span data-preserver-spaces="true">How It Works:</span></strong></h3> <ul> <li> <strong><span data-preserver-spaces="true">Slimming Bamboo Viscose:</span></strong><span data-preserver-spaces="true"> Our snug yet cozy fabric targets your stomach, thighs, and hips for an immediate slimming effect.</span> </li> <li> <strong><span data-preserver-spaces="true">Micro-Massaging Tourmaline® Beads:</span></strong><span data-preserver-spaces="true"> Strategically placed beads work continuously to </span><span data-preserver-spaces="true">give your skin a gentle massage</span><span data-preserver-spaces="true">, enhancing the benefits of movement and exercise.</span><span data-preserver-spaces="true"> </span><span data-preserver-spaces="true">This</span><span data-preserver-spaces="true"> helps burn more calories, reduce cellulite, and improve circulation over time.</span> </li> </ul> <p><strong><span data-preserver-spaces="true"><img alt="" nosrc="https://cdn.shopify.com/s/files/1/2046/3683/files/close-up-beads-pattern_theblackpurple.com.webp?v=1716338920" style="display: block; margin-left: auto; margin-right: auto;"></span></strong></p> <p class="h3"><strong><span data-preserver-spaces="true">Ideal for Everyday Wear:</span></strong></h3> <p><span data-preserver-spaces="true">Our leggings are perfect for wearing under your regular clothes, jeans, leggings, or scrubs. Many of our customers, including nurses and health practitioners, love wearing them under their scrubs for added comfort and support throughout their busy days.</span></p> <p class="h3"><strong><span data-preserver-spaces="true">Tailored for Your Needs:</span></strong></h3> <p><span data-preserver-spaces="true">We understand the unique challenges you face, whether </span><span data-preserver-spaces="true">it's</span><span data-preserver-spaces="true"> lymphedema, lipedema, or the natural progression of aging combined with work and life commitments. Our focus is on providing personalized customer service to meet your individual needs. Whether </span><span data-preserver-spaces="true">you’re</span><span data-preserver-spaces="true"> a hardworking mom, nurse, professional, or anyone navigating the complexities of age and work commitments, </span><span data-preserver-spaces="true">we’re</span><span data-preserver-spaces="true"> here to support you.</span></p> <p class="h3"><strong><span data-preserver-spaces="true">Material Composition:</span></strong></h3> <ul> <li><span data-preserver-spaces="true">53% Polyamide</span></li> <li><span data-preserver-spaces="true">33% Polyester</span></li> <li><span data-preserver-spaces="true">14% Elastane</span></li> </ul> <p class="h3"><strong><span data-preserver-spaces="true">Care Instructions:</span></strong></h3> <p><span data-preserver-spaces="true">Machine washable and dryer safe. We recommend using a gentle cycle and low temperature for best results.</span></p> <p class="h3"><strong><span data-preserver-spaces="true">Experience the TheBlackPurple Difference:</span></strong></h3> <p><span data-preserver-spaces="true">Slip into a pair of our anti-cellulite leggings and feel the difference. </span><span data-preserver-spaces="true">With the added benefit of saving $40 on a 3-pack, you can enjoy the best </span><span data-preserver-spaces="true">in</span><span data-preserver-spaces="true"> comfort, style, and slimming technology </span><span data-preserver-spaces="true">every day</span><span data-preserver-spaces="true">.</span><span data-preserver-spaces="true"> Stock up with our 3-pack offer and ensure you always have a pair ready for in-between washes. </span></p> <p><iframe nosrc="https://www.youtube.com/embed/9HwrZomnilw?rel=0" width="560" height="315" frameborder="0" allowfullscreen="allowfullscreen"></noiframe></p> <p class="h5"> <span data-mce-fragment="1">⭐️</span><span data-mce-fragment="1">⭐️</span><span data-mce-fragment="1">⭐️</span><span data-mce-fragment="1">⭐️</span><span data-mce-fragment="1">⭐️ </span><span data-mce-fragment="1"> <strong>5/5</strong> </span> </h5> <p>"What an amazing product. I have leg lymphedema from having lymph nodes removed, due to cervical cancer. Leg Lymphedema is normal treated by wearing an uncomfortable compression stocking. They don't work for me. This product stimulates lymphatic flow, and is perfect for my needs!" <span>- Cheryl Couch</span></p> <p class="h5"> <span data-mce-fragment="1">⭐️</span><span data-mce-fragment="1">⭐️</span><span data-mce-fragment="1">⭐️</span><span data-mce-fragment="1">⭐️</span><span data-mce-fragment="1">⭐️</span><span data-mce-fragment="1"> <strong>5/5</strong> </span> </h5> <p><span data-sheets-userformat="{" data-sheets-value="{" am="" a="" nurse="" and="" on="" my="" feet="" for="" hours="" daily.="" not="" only="" do="" these="" help="" with="" keeping="" legs="" less="" fatigued="" but="" supports="" back="" as="" well.="" the="" cellulite="" reduction="" is="" huge="" bonus="">"</span>I am a critical care nurse and these leggings are saving my legs. I am no longer feeling leg fatigue at the end of my shift which has alleviated my knee pain. In addition my legs look smoother. My husband noticed the back of my thighs appeared less dimpled and he was a skeptic. I am ordering a second pair and I am going to try the bra this time too.<span data-sheets-userformat="{" data-sheets-value="{" am="" a="" nurse="" and="" on="" my="" feet="" for="" hours="" daily.="" not="" only="" do="" these="" help="" with="" keeping="" legs="" less="" fatigued="" but="" supports="" back="" as="" well.="" the="" cellulite="" reduction="" is="" huge="" bonus="">" </span><span>- </span>Leann Kolovitz, USA.</p> <p><span></span><strong><a href="https://theblackpurple.com/pages/reviews" class="button">SEE MORE REVIEWS</a></strong></p> <p> </p> </div> </div> <div class="x-variants-data x-variants-data-js pt-3 border-t mt-3" x-data='xVariantSelectCard($el,"template--25179264844056__product-grid-19", "7307530535000", "/products/anti-cellulite-leggings-3-pack", false, false, false, "")' data-option1="S (6/8)" x-intersect.margin.200px="if ($el.querySelector('#variant-update-template--25179264844056__product-grid-19').innerHTML.trim() == '') $el.classList.add('hidden');" > <div id="current-variant-template--25179264844056__product-grid-7307530535000-19" class="current-variant hidden" > 40141879607384 </div> <div id="variant-update-template--25179264844056__product-grid-19" class="variant-update-template--25179264844056__product-grid-19 list-layout:md:text-left rtl:list-layout:md:text-right options-container" > </div> </div> <script src="//theblackpurple.com/cdn/shop/t/70/assets/variant-select-card.aio.min.js?v=68671393451214742311760147609" defer></script> <div class="bottom-card card-info ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end gap-1 empty:hidden"></div> <template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)" class="card-info bottom_atc md:list-layout:hidden hide-icon" :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}" x-cloak > <button type="submit" name="add" @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--25179264844056__product-grid-7307530535000-19', $el); }, 0)" x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/special-offer/products/anti-cellulite-leggings-3-pack', $el, 'template--25179264844056__product-grid-7307530535000-19', 29); }, 0)" data-id="template--25179264844056__product-grid-7307530535000-19" class="button button--quickview button-solid not-icon leading-normal mt-2 w-full pr-5 pl-5 py-2.5 lg:py-3 h-full text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60" :class="errorMessage && 'opacity-60 cursor-not-allowed'" aria-label="Choose options" > <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> <span class="flex items-center justify-center"> <span class="button-text is-focus-button:opacity-0">Choose options</span> </span> </span> <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak> <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" fill="currentcolor" stroke="none"> <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> </g> </svg> </div> </button> </div></template> <template x-if="$store.xQuickView"> <div class="hidden md:list-layout:flex gap-3 mt-4" x-show="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''"> <button type="submit" name="add" @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--25179264844056__product-grid-7307530535000-19', $el); }, 0)" x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/special-offer/products/anti-cellulite-leggings-3-pack', $el, 'template--25179264844056__product-grid-7307530535000-19', 29); }, 0)" data-id="template--25179264844056__product-grid-7307530535000-19" class="button button--quickview button-solid not-icon leading-normal w-full py-2.5 lg:pl-5 lg:pr-5 lg:py-3 h-full text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block" :class="errorMessage && 'opacity-60 cursor-not-allowed'" aria-label="Choose options" > <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> <span class="flex items-center justify-center"> <span class="button-text is-focus-button:opacity-0">Choose options</span> </span> </span> <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak> <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" fill="currentcolor" stroke="none"> <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> </g> </svg> </div> </button> </div><button x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/special-offer/products/anti-cellulite-leggings-3-pack', $el, 'template--25179264844056__product-grid-7307530535000-19')" x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/special-offer/products/anti-cellulite-leggings-3-pack', $el, 'template--25179264844056__product-grid-7307530535000-19')" @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' class="button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3" aria-label="Button quickview" x-customer-event-data="{ "product": { "title": "Mass &amp; Slim Shapewear Leggings (3-Pack)", "listName": "Special Offer", "sku": "7307530535000", "currencyCode": "USD", "price": 22985, "vendor": "TheBlackPurple" } }" x-show="$store.xQuickView.enabled" > <span class="flex justify-center items-center"> <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span> </span> </button> </div> </template> </div> </div> </div> </div> <div class="flex justify-between items-center mt-3 md:mt-7 mb-7 flex-col-reverse lg:flex-row"><div class="w-auto"></div> <div class="" id="perpage-collection"></div> </div></div></div> </div> </div> <script src="//theblackpurple.com/cdn/shop/t/70/assets/preview-color-swatches.aio.min.js?v=4594295495024200981760147598" defer></script> <script src="//theblackpurple.com/cdn/shop/t/70/assets/variant-select-card.aio.min.js?v=68671393451214742311760147609" defer></script> <style> #shopify-section-template--25179264844056__product-grid .link-product-variant {max-height: 450px; overflow: hidden; padding-bottom: 450px !important;} #shopify-section-template--25179264844056__product-grid .link-product-variant img {object-fit: cover; height: 450px;} </style></div> </main>  <section id="shopify-section-sections--25179265597720__media_gallery_6eMwLT" class="shopify-section shopify-section-group-footer-group-puff section-media-gallery x-section"><style data-shopify>.cell-sections--25179265597720__media_gallery_6eMwLT-1 { min-height: 250px; } .gap-grid--sections--25179265597720__media_gallery_6eMwLT { gap: 16px; } .preload-slide-sections--25179265597720__media_gallery_6eMwLT { width: 100%; margin-right: 0; } .cell-sections--25179265597720__media_gallery_6eMwLT-2 { min-height: 500px; } .cell-sections--25179265597720__media_gallery_6eMwLT-3 { min-height: 500px; } @media screen and (min-width: 768px) { .preload-slide-sections--25179265597720__media_gallery_6eMwLT { width: 100%; margin-right: 0; } .cell-sections--25179265597720__media_gallery_6eMwLT-1 { min-height: 300px; } .cell-sections--25179265597720__media_gallery_6eMwLT-2 { min-height: 600px; } .cell-sections--25179265597720__media_gallery_6eMwLT-3 { min-height: 900px; } .gap-grid--sections--25179265597720__media_gallery_6eMwLT { gap: 28px; } } #shopify-section-sections--25179265597720__media_gallery_6eMwLT {--background-color: 255, 255, 255;} .dark #shopify-section-sections--25179265597720__media_gallery_6eMwLT {--background-color: 32, 32, 32; background: transparent;}</style> <div class="x-container-media-gallery pt-[44px] md:pt-[28px] pb-[48px] md:pb-[28px] x-pgw page-width mx-auto pl-5 pr-5"><div id="x-slide-mobile-sections--25179265597720__media_gallery_6eMwLT" class="overflow-hidden grid grid-cols-1 md:grid-cols-1 gap-grid--sections--25179265597720__media_gallery_6eMwLT" x-intersect.once='$el.classList.add("is-ready-to-animate")' > <style data-shopify> .x-slide-animation-duration-1 { --delay-time: 0ms } </style> <style data-shopify> .media-media_H43hkJ, .media-media_H43hkJ *:before { --image-treatment-overlay: 36, 36, 36; } .button--media_H43hkJ.button-outline { } </style> <div x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active')" class=" x-block-items-media-1 media-media_H43hkJ flex flex-col group overflow-hidden relative col-span-1 md:col-span-1 cell-sections--25179265597720__media_gallery_6eMwLT-1 row-span-1" > <div class="flex grow relative h-full w-full z-10 overflow-hidden "> <div class="animate_transition_card__image animate-Xpulse skeleton-image flex absolute top-0 left-0 h-full w-full disable-effect overflow-hidden"> <img src="//theblackpurple.com/cdn/shop/files/close-up-friends-with-portable-devices.jpg?v=1719691148&width=3840" alt="" srcset="//theblackpurple.com/cdn/shop/files/close-up-friends-with-portable-devices.jpg?v=1719691148&width=250 250w, //theblackpurple.com/cdn/shop/files/close-up-friends-with-portable-devices.jpg?v=1719691148&width=300 300w, //theblackpurple.com/cdn/shop/files/close-up-friends-with-portable-devices.jpg?v=1719691148&width=375 375w, //theblackpurple.com/cdn/shop/files/close-up-friends-with-portable-devices.jpg?v=1719691148&width=450 450w, //theblackpurple.com/cdn/shop/files/close-up-friends-with-portable-devices.jpg?v=1719691148&width=750 750w, //theblackpurple.com/cdn/shop/files/close-up-friends-with-portable-devices.jpg?v=1719691148&width=900 900w, //theblackpurple.com/cdn/shop/files/close-up-friends-with-portable-devices.jpg?v=1719691148&width=1100 1100w, //theblackpurple.com/cdn/shop/files/close-up-friends-with-portable-devices.jpg?v=1719691148&width=1500 1500w, //theblackpurple.com/cdn/shop/files/close-up-friends-with-portable-devices.jpg?v=1719691148&width=1780 1780w, //theblackpurple.com/cdn/shop/files/close-up-friends-with-portable-devices.jpg?v=1719691148&width=2000 2000w, //theblackpurple.com/cdn/shop/files/close-up-friends-with-portable-devices.jpg?v=1719691148&width=3000 3000w, //theblackpurple.com/cdn/shop/files/close-up-friends-with-portable-devices.jpg?v=1719691148&width=3840 3840w" width="3840" height="3164" loading="lazy" sizes="(min-width: 1400px) 1400px, (min-width: 768px) 100vw, 100vw" class="w-full object-cover z-0 h-full image-hover absolute top-0 left-0 block animate_transition_image" onload="this?.classList.add("active"); this.closest(".animate_transition_card__image")?.classList.remove("animate-Xpulse", "skeleton-image"); setTimeout(() => { this.closest(".animate_transition_card__image")?.classList.add("lazy_active", "active"); }, 250);"> <div class="absolute top-0 left-0 bottom-0 right-0 z-10 image-treatment-overlay pointer-events-none opacity-80"></div> </div> </div><style data-shopify> .content-media_H43hkJ { --colors-text: 252, 250, 255; } .content-media_H43hkJ { --colors-heading: 252, 250, 255; } .heading-media_H43hkJ { font-size: 1.575rem; } .text-media_H43hkJ { font-size: 0.937125rem; }.icon--media_H43hkJ { width: 31.5px; height: 31.5px; } @media screen and (min-width: 1024px) { .heading-media_H43hkJ { font-size: 2.25rem; } .text-media_H43hkJ { font-size: 1.04125rem; }.icon--media_H43hkJ { width: 45px; height: 45px; } }</style><div class="content-media_H43hkJ pointer-events-none pr-5 pl-5 lg:pr-8 lg:pl-8 xl:pr-11 xl:pl-11 text-center rtl:text-center pt-5 pb-5 lg:pt-9 lg:pb-9 2xl:pt-12 2xl:pb-12 2xl:pl-12 2xl:pr-12 z-10 absolute left-0 right-0 top-1/2 -translate-y-1/2" > <div class="inline-flex items-center mb-3 md:mb-6 text-[rgba(var(--colors-text))] justify-center rtl:justify-center"> <span class="inline-block icon--media_H43hkJ"> <svg style="fill: none" width="100%" height="100%" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg"> <g transform="scale(4.16)"> <path fill-rule="evenodd" clip-rule="evenodd" d="M7.42188 12C7.42188 13.0528 8.27536 13.9062 9.32812 13.9062C10.3809 13.9062 11.2344 13.0528 11.2344 12C11.2344 10.9472 10.3809 10.0938 9.32812 10.0938C8.27536 10.0938 7.42188 10.9472 7.42188 12ZM9.32812 12.9062C8.82764 12.9062 8.42188 12.5005 8.42188 12C8.42188 11.4995 8.82764 11.0938 9.32812 11.0938C9.82861 11.0938 10.2344 11.4995 10.2344 12C10.2344 12.5005 9.82861 12.9062 9.32812 12.9062Z" fill="currentColor"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M13.0469 17.625C13.0469 18.6778 13.9004 19.5312 14.9531 19.5312C16.0059 19.5312 16.8594 18.6778 16.8594 17.625C16.8594 16.5722 16.0059 15.7188 14.9531 15.7188C13.9004 15.7188 13.0469 16.5722 13.0469 17.625ZM14.9531 18.5312C14.4526 18.5312 14.0469 18.1255 14.0469 17.625C14.0469 17.1245 14.4526 16.7188 14.9531 16.7188C15.4536 16.7188 15.8594 17.1245 15.8594 17.625C15.8594 18.1255 15.4536 18.5312 14.9531 18.5312Z" fill="currentColor"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M8.27541 19.3848L16.7129 10.9473L16.0058 10.2402L7.5683 18.6777L8.27541 19.3848Z" fill="currentColor"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M1.79688 13.875C1.79688 19.3256 6.21482 23.7969 11.6719 23.7969C14.9697 23.7969 17.3049 22.7634 18.9374 21.2398C20.5591 19.7262 21.4476 17.7667 21.9326 15.9722C22.7533 12.936 21.677 9.70754 19.2247 7.74571C17.1882 6.11645 16.7336 3.15251 18.1816 0.980476L18.6999 0.203127H16.3594C12.9713 0.203127 10.2344 2.99768 10.2344 6.375C10.2344 6.87548 9.82861 7.28125 9.32812 7.28125C8.82764 7.28125 8.42187 6.87548 8.42187 6.375V3.96875L5.74687 5.975C3.2603 7.83994 1.79688 10.7668 1.79688 13.875ZM11.6719 22.7969C6.77358 22.7969 2.79688 18.7798 2.79688 13.875C2.79688 11.0816 4.11211 8.45109 6.34688 6.775L7.42187 5.96875V6.375C7.42187 7.42777 8.27536 8.28125 9.32812 8.28125C10.3809 8.28125 11.2344 7.42777 11.2344 6.375C11.2344 3.53914 13.5343 1.20313 16.3594 1.20313H16.9107C15.7374 3.69676 16.3924 6.76044 18.6 8.52657C20.7453 10.2428 21.6828 13.0638 20.9673 15.7113C20.5118 17.3966 19.6953 19.1646 18.2551 20.5087C16.8257 21.8427 14.7421 22.7969 11.6719 22.7969Z" fill="currentColor"/> </g> </svg> </span> </div> <p class="heading-media_H43hkJ empty:hidden leading-tight pointer-events-auto p-break-words h4 mb-1.5"> <style data-shopify> .heading-media_H43hkJ { --color-highlight: #f1ebfa; } .dark .heading-media_H43hkJ { --color-highlight: #f1ebfa; } </style> OUR <span class="highlight relative inline-block hl-underline mb-2.5" x-data="{ isIntersecting: false }" x-intersect.once.margin.-25%.0px.-25%.0px="isIntersecting = true" :class="isIntersecting && `highlight-anm-start`" >AFFILIATE <svg class="svg-highlight svg-underline absolute left-0 top-auto w-full h-[30%] -bottom-[20%]" xmlns="http://www.w3.org/2000/svg" width="216" height="13" viewBox="0 0 216 13" fill="none" style="fill: none;" preserveAspectRatio="none"> <path d="M0.406646 9.68922C49.5975 4.73865 161.298 -2.39378 214.572 8.68106" vector-effect="non-scaling-stroke" stroke="var(--color-highlight);" stroke-width="4px" style="stroke: var(--color-highlight);"/> </svg> </span> PROGRAM </p> <div class="leading-tight pointer-events-auto p-break-words pl0-ul rte text-media_H43hkJ text-[rgb(var(--colors-text))]"> <p>GIVE <strong>$10 OFF</strong> - GET <strong>15% CASHBACK</strong></p> </div><a href="https://theblackpurple.com/pages/affiliate" class="button button-solid mt-4 lg:mt-6 button--media_H43hkJ p-break-words border inline-block empty:hidden pl-4 pr-4 lg:pl-6 lg:pr-6 pt-2.5 pb-2.5 leading-normal md:pt-3 md:pb-3 cursor-pointer pointer-events-auto"> <span class="button-text is-focus-button:opacity-0">Register Now</span> </a> </div> </div> </div> </div> </section><section id="shopify-section-sections--25179265597720__media_gallery_UXWPRY" class="shopify-section shopify-section-group-footer-group-puff section-media-gallery x-section"><style data-shopify>.cell-sections--25179265597720__media_gallery_UXWPRY-1 { min-height: 250px; } .gap-grid--sections--25179265597720__media_gallery_UXWPRY { gap: 16px; } .preload-slide-sections--25179265597720__media_gallery_UXWPRY { width: 100%; margin-right: 0; } .cell-sections--25179265597720__media_gallery_UXWPRY-2 { min-height: 500px; } .cell-sections--25179265597720__media_gallery_UXWPRY-3 { min-height: 500px; } @media screen and (min-width: 768px) { .preload-slide-sections--25179265597720__media_gallery_UXWPRY { width: 100%; margin-right: 0; } .cell-sections--25179265597720__media_gallery_UXWPRY-1 { min-height: 440px; } .cell-sections--25179265597720__media_gallery_UXWPRY-2 { min-height: 880px; } .cell-sections--25179265597720__media_gallery_UXWPRY-3 { min-height: 1320px; } .gap-grid--sections--25179265597720__media_gallery_UXWPRY { gap: 30px; } } #shopify-section-sections--25179265597720__media_gallery_UXWPRY {--background-color: 255, 255, 255;} .dark #shopify-section-sections--25179265597720__media_gallery_UXWPRY {--background-color: 32, 32, 32; background: transparent;}</style> <div class="x-container-media-gallery pt-[16px] md:pt-[44px] pb-[28px] md:pb-[100px] x-pgw page-width mx-auto pl-5 pr-5"><style data-shopify>.heading-sections--25179265597720__media_gallery_UXWPRY { font-size: 1.485rem; --colors-heading: 36,36,36;} .dark .heading-sections--25179265597720__media_gallery_UXWPRY { --colors-heading: 255,255,255; } @media screen and (min-width: 768px) { .heading-sections--25179265597720__media_gallery_UXWPRY{ font-size: 2.475rem; } } .color-text--sections--25179265597720__media_gallery_UXWPRY { color: #242424; } .dark .color-text--sections--25179265597720__media_gallery_UXWPRY { color: #ffffff; }</style><div class="x-block-media-gallery-header mb-6 empty:hidden text-left rtl:text-right md:pr-0 md:pl-0" > <div class="pt-2 pb-2"> <style data-shopify> .heading-sections--25179265597720__media_gallery_UXWPRY { } .dark .heading-sections--25179265597720__media_gallery_UXWPRY { --color-highlight: #f1ebfa; } </style> <h2 class='heading-sections--25179265597720__media_gallery_UXWPRY h2 block leading-tight'> Testimonials </h2> </div> </div><div id="x-slide-mobile-sections--25179265597720__media_gallery_UXWPRY" class="overflow-hidden grid grid-cols-1 md:grid-cols-4 gap-grid--sections--25179265597720__media_gallery_UXWPRY" x-intersect.once='$el.classList.add("is-ready-to-animate")' > <style data-shopify> .x-slide-animation-duration-1 { --delay-time: 0ms } </style> <style data-shopify> .media-media_YGCz3p, .media-media_YGCz3p *:before { --colors-button-text: 0, 0, 0; --colors-button: 255, 255, 255; } .button--media_YGCz3p.button-outline { } </style> <div x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active')" class=" x-block-items-media-1 media-media_YGCz3p flex flex-col group overflow-hidden relative col-span-1 md:col-span-1 cell-sections--25179265597720__media_gallery_UXWPRY-1 row-span-1" > <div class="flex grow relative h-full w-full z-10 overflow-hidden "> <a aria-label="Image link" href="https://www.instagram.com/reel/DFEXt-muYrZ/?utm_source=ig_web_copy_link&igsh=MzRlODBiNWFlZA==" target="_blank" class="animate_transition_card__image flex absolute top-0 left-0 h-full w-full disable-effect overflow-hidden animate-Xpulse skeleton-image" > <div x-intersect="$nextTick(() => { $store.xVideo.load($el) })" class="absolute top-0 left-0 w-full h-full flex items-center animate_transition_image"> <div class="relative external-video h-full w-full rounded-none overflow-hidden video-hero" x-intersect:leave="$store.xVideo.pause($el)" @click.stop="$store.xVideo.togglePlay($el)" x-intersect="$store.xVideo.play($el)" > <div class="min-h-[1px]"> <video playsinline="playsinline" autoplay="autoplay" loop="loop" loading="lazy" class="w-full h-full absolute top-0 left-0 video object-cover z-0 animate-Xpulse skeleton-image" onloadeddata="this.closest(".skeleton-image")?.classList.remove("animate-Xpulse", "skeleton-image");" muted="muted" preload="metadata"><source src="//theblackpurple.com/cdn/shop/videos/c/vp/f798ec9a60514b27a18a157f76ffdcd3/f798ec9a60514b27a18a157f76ffdcd3.HD-1080p-2.5Mbps-58976260.mp4?v=0" type="video/mp4"> <img loading="lazy" hidden alt="" src="//theblackpurple.com/cdn/shop/files/preview_images/f798ec9a60514b27a18a157f76ffdcd3.thumbnail.0000000000_small.jpg?v=1759776401"></video> <div class="button-play absolute top-1/2 left-1/2 hidden"> <div class="cursor-pointer absolute z-20 top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[60px] h-[60px] md:w-[60px] md:h-[60px] rounded-full p-5 bg-[rgba(var(--image-treatment-text),0.06)] hover:bg-[rgba(var(--image-treatment-text),0.1)] bg-opacity-30 disabled:cursor-not-allowed"> <span class="pointer-events-none duration-200 bg-button-play absolute w-4 h-5 md:w-4 md:h-5 top-1/2 left-1/2 -translate-y-1/2 -translate-x-1/2 text-[rgba(var(--image-treatment-text))]"> <svg class="" width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none"> <path d="M22.49 11.128L6.49 2.12804C6.18 1.95404 5.802 1.95804 5.496 2.13604C5.188 2.31604 5 2.64404 5 3.00004V21C5 21.356 5.188 21.684 5.496 21.864C5.652 21.954 5.826 22 6 22C6.168 22 6.338 21.958 6.49 21.872L22.49 12.872C22.804 12.694 23 12.362 23 12C23 11.638 22.804 11.306 22.49 11.128Z" fill="currentColor"/> </svg> </span> </div> </div> </div> <script src="//theblackpurple.com/cdn/shop/t/70/assets/video.aio.min.js?v=177798552805341139781760147611" defer></script></div> </div> <div class="absolute top-0 left-0 bottom-0 right-0 z-10 image-treatment-overlay pointer-events-none opacity-30"></div> </a> </div><style data-shopify> .content-media_YGCz3p { --colors-heading: 255, 255, 255; } .heading-media_YGCz3p { font-size: 0.7875rem; } .text-media_YGCz3p { font-size: 0.716625rem; } @media screen and (min-width: 1024px) { .heading-media_YGCz3p { font-size: 1.125rem; } .text-media_YGCz3p { font-size: 0.79625rem; } }</style><div class="content-media_YGCz3p pointer-events-none pr-5 pl-5 lg:pr-8 lg:pl-8 xl:pr-11 xl:pl-11 text-center rtl:text-center pt-5 pb-5 lg:pt-9 lg:pb-9 2xl:pt-12 2xl:pb-12 2xl:pl-12 2xl:pr-12 z-10 absolute left-0 right-0 bottom-0" > <p class="heading-media_YGCz3p empty:hidden leading-tight pointer-events-auto p-break-words h4"> <style data-shopify> .heading-media_YGCz3p { } .dark .heading-media_YGCz3p { --color-highlight: #f1ebfa; } </style> </p> <div class="leading-tight pointer-events-auto p-break-words pl0-ul rte text-media_YGCz3p text-[rgb(var(--colors-text))]"> </div><a role="link" aria-disabled="true" class="button button-solid mt-4 lg:mt-6 button--media_YGCz3p p-break-words border inline-block empty:hidden pl-4 pr-4 lg:pl-6 lg:pr-6 pt-2.5 pb-2.5 leading-normal md:pt-3 md:pb-3 cursor-pointer pointer-events-auto hover:cursor-not-allowed disable-btn-animation opacity-70"> <span class="button-text is-focus-button:opacity-0">Get A Discount</span> </a> </div> </div> <style data-shopify> .x-slide-animation-duration-2 { --delay-time: 100ms } </style> <style data-shopify> .media-media_dbXVew, .media-media_dbXVew *:before { --colors-button-text: 0, 0, 0; --colors-button: 255, 255, 255; } .button--media_dbXVew.button-outline { } </style> <div x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active')" class=" x-block-items-media-2 media-media_dbXVew flex flex-col group overflow-hidden relative col-span-1 md:col-span-1 cell-sections--25179265597720__media_gallery_UXWPRY-1 row-span-1" > <div class="flex grow relative h-full w-full z-10 overflow-hidden "> <a aria-label="Image link" href="https://www.instagram.com/reel/DFLmiiFSEv8/?utm_source=ig_web_copy_link&igsh=MzRlODBiNWFlZA==" target="_blank" class="animate_transition_card__image flex absolute top-0 left-0 h-full w-full disable-effect overflow-hidden animate-Xpulse skeleton-image" > <div x-intersect="$nextTick(() => { $store.xVideo.load($el) })" class="absolute top-0 left-0 w-full h-full flex items-center animate_transition_image"> <div class="relative external-video h-full w-full rounded-none overflow-hidden video-hero" x-intersect:leave="$store.xVideo.pause($el)" @click.stop="$store.xVideo.togglePlay($el)" x-intersect="$store.xVideo.play($el)" > <div class="min-h-[1px]"> <video playsinline="playsinline" autoplay="autoplay" loop="loop" loading="lazy" class="w-full h-full absolute top-0 left-0 video object-cover z-0 animate-Xpulse skeleton-image" onloadeddata="this.closest(".skeleton-image")?.classList.remove("animate-Xpulse", "skeleton-image");" muted="muted" preload="metadata"><source src="//theblackpurple.com/cdn/shop/videos/c/vp/8575b9c9fb03443aadc7595d9b6f0ea7/8575b9c9fb03443aadc7595d9b6f0ea7.HD-1080p-3.3Mbps-58976258.mp4?v=0" type="video/mp4"> <img loading="lazy" hidden alt="" src="//theblackpurple.com/cdn/shop/files/preview_images/8575b9c9fb03443aadc7595d9b6f0ea7.thumbnail.0000000000_small.jpg?v=1759776403"></video> <div class="button-play absolute top-1/2 left-1/2 hidden"> <div class="cursor-pointer absolute z-20 top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[60px] h-[60px] md:w-[60px] md:h-[60px] rounded-full p-5 bg-[rgba(var(--image-treatment-text),0.06)] hover:bg-[rgba(var(--image-treatment-text),0.1)] bg-opacity-30 disabled:cursor-not-allowed"> <span class="pointer-events-none duration-200 bg-button-play absolute w-4 h-5 md:w-4 md:h-5 top-1/2 left-1/2 -translate-y-1/2 -translate-x-1/2 text-[rgba(var(--image-treatment-text))]"> <svg class="" width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none"> <path d="M22.49 11.128L6.49 2.12804C6.18 1.95404 5.802 1.95804 5.496 2.13604C5.188 2.31604 5 2.64404 5 3.00004V21C5 21.356 5.188 21.684 5.496 21.864C5.652 21.954 5.826 22 6 22C6.168 22 6.338 21.958 6.49 21.872L22.49 12.872C22.804 12.694 23 12.362 23 12C23 11.638 22.804 11.306 22.49 11.128Z" fill="currentColor"/> </svg> </span> </div> </div> </div> <script src="//theblackpurple.com/cdn/shop/t/70/assets/video.aio.min.js?v=177798552805341139781760147611" defer></script></div> </div> <div class="absolute top-0 left-0 bottom-0 right-0 z-10 image-treatment-overlay pointer-events-none opacity-30"></div> </a> </div><style data-shopify> .content-media_dbXVew { --colors-heading: 255, 255, 255; } .heading-media_dbXVew { font-size: 0.7875rem; } .text-media_dbXVew { font-size: 0.716625rem; } @media screen and (min-width: 1024px) { .heading-media_dbXVew { font-size: 1.125rem; } .text-media_dbXVew { font-size: 0.79625rem; } }</style><div class="content-media_dbXVew pointer-events-none pr-5 pl-5 lg:pr-8 lg:pl-8 xl:pr-11 xl:pl-11 text-center rtl:text-center pt-5 pb-5 lg:pt-9 lg:pb-9 2xl:pt-12 2xl:pb-12 2xl:pl-12 2xl:pr-12 z-10 absolute left-0 right-0 bottom-0" > <p class="heading-media_dbXVew empty:hidden leading-tight pointer-events-auto p-break-words h4"> <style data-shopify> .heading-media_dbXVew { } .dark .heading-media_dbXVew { --color-highlight: #f1ebfa; } </style> </p> <div class="leading-tight pointer-events-auto p-break-words pl0-ul rte text-media_dbXVew text-[rgb(var(--colors-text))]"> </div><a role="link" aria-disabled="true" class="button button-solid mt-4 lg:mt-6 button--media_dbXVew p-break-words border inline-block empty:hidden pl-4 pr-4 lg:pl-6 lg:pr-6 pt-2.5 pb-2.5 leading-normal md:pt-3 md:pb-3 cursor-pointer pointer-events-auto hover:cursor-not-allowed disable-btn-animation opacity-70"> <span class="button-text is-focus-button:opacity-0">Get A Discount</span> </a> </div> </div> <style data-shopify> .x-slide-animation-duration-3 { --delay-time: 200ms } </style> <style data-shopify> .media-media_njMGPg, .media-media_njMGPg *:before { --colors-button-text: 0, 0, 0; --colors-button: 255, 255, 255; } .button--media_njMGPg.button-outline { } </style> <div x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active')" class=" x-block-items-media-3 media-media_njMGPg flex flex-col group overflow-hidden relative col-span-1 md:col-span-1 cell-sections--25179265597720__media_gallery_UXWPRY-1 row-span-1" > <div class="flex grow relative h-full w-full z-10 overflow-hidden "> <a aria-label="Image link" href="https://www.youtube.com/watch?v=PBwwEf7opig" target="_blank" class="animate_transition_card__image flex absolute top-0 left-0 h-full w-full disable-effect overflow-hidden animate-Xpulse skeleton-image" > <div x-intersect="$nextTick(() => { $store.xVideo.load($el) })" class="absolute top-0 left-0 w-full h-full flex items-center animate_transition_image"> <div class="relative external-video h-full w-full rounded-none overflow-hidden video-hero" x-intersect:leave="$store.xVideo.pause($el)" @click.stop="$store.xVideo.togglePlay($el)" x-intersect.once="$store.xVideo.externalLoad($el, 'youtube', 'PBwwEf7opig', false, '')" x-intersect="$store.xVideo.play($el)" > <script src="//theblackpurple.com/cdn/shop/t/70/assets/video.aio.min.js?v=177798552805341139781760147611" defer></script></div> </div> <div class="absolute top-0 left-0 bottom-0 right-0 z-10 image-treatment-overlay pointer-events-none opacity-30"></div> </a> </div><style data-shopify> .content-media_njMGPg { --colors-heading: 255, 255, 255; } .heading-media_njMGPg { font-size: 0.7875rem; } .text-media_njMGPg { font-size: 0.716625rem; } @media screen and (min-width: 1024px) { .heading-media_njMGPg { font-size: 1.125rem; } .text-media_njMGPg { font-size: 0.79625rem; } }</style><div class="content-media_njMGPg pointer-events-none pr-5 pl-5 lg:pr-8 lg:pl-8 xl:pr-11 xl:pl-11 text-center rtl:text-center pt-5 pb-5 lg:pt-9 lg:pb-9 2xl:pt-12 2xl:pb-12 2xl:pl-12 2xl:pr-12 z-10 absolute left-0 right-0 bottom-0" > <p class="heading-media_njMGPg empty:hidden leading-tight pointer-events-auto p-break-words h4"> <style data-shopify> .heading-media_njMGPg { } .dark .heading-media_njMGPg { --color-highlight: #f1ebfa; } </style> Totally Seamless, Totally Breathable. Love Them </p> <div class="leading-tight pointer-events-auto p-break-words pl0-ul rte text-media_njMGPg text-[rgb(var(--colors-text))]"> </div><a role="link" aria-disabled="true" class="button button-solid mt-4 lg:mt-6 button--media_njMGPg p-break-words border inline-block empty:hidden pl-4 pr-4 lg:pl-6 lg:pr-6 pt-2.5 pb-2.5 leading-normal md:pt-3 md:pb-3 cursor-pointer pointer-events-auto hover:cursor-not-allowed disable-btn-animation opacity-70"> <span class="button-text is-focus-button:opacity-0">Get A Discount</span> </a> </div> </div> <style data-shopify> .x-slide-animation-duration-4 { --delay-time: 300ms } </style> <style data-shopify> .media-media_nrLNPi, .media-media_nrLNPi *:before { --colors-button-text: 0, 0, 0; --colors-button: 255, 255, 255; } .button--media_nrLNPi.button-outline { } </style> <div x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active')" class=" x-block-items-media-4 media-media_nrLNPi flex flex-col group overflow-hidden relative col-span-1 md:col-span-1 cell-sections--25179265597720__media_gallery_UXWPRY-1 row-span-1" > <div class="flex grow relative h-full w-full z-10 overflow-hidden "> <a aria-label="Image link" href="https://www.youtube.com/watch?v=Uz_DAdzmfPc" target="_blank" class="animate_transition_card__image flex absolute top-0 left-0 h-full w-full disable-effect overflow-hidden animate-Xpulse skeleton-image" > <div x-intersect="$nextTick(() => { $store.xVideo.load($el) })" class="absolute top-0 left-0 w-full h-full flex items-center animate_transition_image"> <div class="relative external-video h-full w-full rounded-none overflow-hidden video-hero" x-intersect:leave="$store.xVideo.pause($el)" @click.stop="$store.xVideo.togglePlay($el)" x-intersect.once="$store.xVideo.externalLoad($el, 'youtube', 'Uz_DAdzmfPc', false, '')" x-intersect="$store.xVideo.play($el)" > <script src="//theblackpurple.com/cdn/shop/t/70/assets/video.aio.min.js?v=177798552805341139781760147611" defer></script></div> </div> <div class="absolute top-0 left-0 bottom-0 right-0 z-10 image-treatment-overlay pointer-events-none opacity-30"></div> </a> </div><style data-shopify> .content-media_nrLNPi { --colors-heading: 255, 255, 255; } .heading-media_nrLNPi { font-size: 0.7875rem; } .text-media_nrLNPi { font-size: 0.716625rem; } @media screen and (min-width: 1024px) { .heading-media_nrLNPi { font-size: 1.125rem; } .text-media_nrLNPi { font-size: 0.79625rem; } }</style><div class="content-media_nrLNPi pointer-events-none pr-5 pl-5 lg:pr-8 lg:pl-8 xl:pr-11 xl:pl-11 text-center rtl:text-center pt-5 pb-5 lg:pt-9 lg:pb-9 2xl:pt-12 2xl:pb-12 2xl:pl-12 2xl:pr-12 z-10 absolute left-0 right-0 bottom-0" > <p class="heading-media_nrLNPi empty:hidden leading-tight pointer-events-auto p-break-words h4"> <style data-shopify> .heading-media_nrLNPi { } .dark .heading-media_nrLNPi { --color-highlight: #f1ebfa; } </style> I've Lost 5 lbs with Mass & Slim Shorts </p> <div class="leading-tight pointer-events-auto p-break-words pl0-ul rte text-media_nrLNPi text-[rgb(var(--colors-text))]"> </div><a role="link" aria-disabled="true" class="button button-solid mt-4 lg:mt-6 button--media_nrLNPi p-break-words border inline-block empty:hidden pl-4 pr-4 lg:pl-6 lg:pr-6 pt-2.5 pb-2.5 leading-normal md:pt-3 md:pb-3 cursor-pointer pointer-events-auto hover:cursor-not-allowed disable-btn-animation opacity-70"> <span class="button-text is-focus-button:opacity-0">Get A Discount</span> </a> </div> </div> </div> </div> </section><section id="shopify-section-sections--25179265597720__17507093321c6d767e" class="shopify-section shopify-section-group-footer-group-puff section x-section section-apps"><div class="x-pgw page-width"><div id="shopify-block-AZjB5Q1F5SHRNNWVSM__klaviyo_email_marketing_sms_form_embed_block_RpFAYk" class="shopify-block shopify-app-block"> <div class="klaviyo-form-RFAE3z"></div> </div> </div> </section><div id="shopify-section-sections--25179265597720__quick_links_6jhQQR" class="shopify-section shopify-section-group-footer-group-puff section section-quick-links x-section"><style data-shopify> .content-sections--25179265597720__quick_links_6jhQQR { column-gap: 12px; row-gap: 12px; } .content-sections--25179265597720__quick_links_6jhQQR .quick-link-item { text-align: center; flex-basis: 100%; } .section-sections--25179265597720__quick_links_6jhQQR { --colors-text: 255,255,255; font-weight: var(--font-heading-weight); } .dark .section-sections--25179265597720__quick_links_6jhQQR {--colors-text: 255,255,255; }.bg-sections--25179265597720__quick_links_6jhQQR.background-footer { background: #a10ded; } .dark .bg-sections--25179265597720__quick_links_6jhQQR.background-footer { background: #7b30a2; } @media screen and (min-width: 768px) {.content-sections--25179265597720__quick_links_6jhQQR { column-gap: 5px; } .content-sections--25179265597720__quick_links_6jhQQR .quick-link-item { flex-basis: auto; } } </style> <div class="section-sections--25179265597720__quick_links_6jhQQR bg-sections--25179265597720__quick_links_6jhQQR ltr background-footer section-quick-links text-[rgb(var(--colors-text))] selection:bg-[rgba(var(--colors-text-footer),0.2)] pt-[28px] md:pt-[16px] pb-[28px] md:pb-[16px]"> <div x-intersect.once="$el.classList.add('is-visible')" class="content-sections--25179265597720__quick_links_6jhQQR anm-fade-element x-pgw page-width flex-wrap flex justify-start md:justify-center rtl:md:justify-center" ><div class="quick-link-item relative"><a href="https://theblackpurple.com/pages/affiliate" class="nav-link hover-text-link leading-[initial] relative"> Give $10 off to a Friend, Get 15% Cashback. Learn More </a></div></div> </div> </div><div id="shopify-section-sections--25179265597720__footer" class="shopify-section shopify-section-group-footer-group-puff section-footer"> <div id="section-footer" class="section-footer relative background-footer sticky-footer selection:bg-[rgba(var(--colors-text-footer),0.2)] pt-[0px] md:pt-[0px] pb-[28px] md:pb-[40px]"><div class="flex-wrap md:mb-5 md:border-b md:border-b-solid md:pt-12 md:pb-7"> <div class="pt-6 md:pt-0 md:flex justify-center md:m-auto md:pr-0 rtl:md:pr-5 rtl:md:pl-0 x-pgw page-width flex-wrap"> <div class="footer-col--1 md:pr-5 rtl:md:pr-0 md:first:pl-0 rtl:md:pl-5 rtl:md:first:pr-0 md:mb-7 md:pl-0 w-full md:w-1/5 ltr" ><div class="py-4 flex flex-col justify-start text-center text-center rtl:text-center md:pr-0 items-center" > <style data-shopify> .image-image_JCzQDV { width: 100px; } </style> <div class="image-image_JCzQDV h-full inline-block overflow-hidden rounded-[10px]"> <img src="//theblackpurple.com/cdn/shop/files/theblackpurple-logo-square_copy.png?v=1702147006&width=1080" srcset="//theblackpurple.com/cdn/shop/files/theblackpurple-logo-square_copy.png?v=1702147006&width=110 110w" width="100" height="auto" loading="lazy" class="image-hover" sizes="110px"> </div> </div></div> <div class="footer-col--2 md:pr-5 rtl:md:pr-0 md:first:pl-0 rtl:md:pl-5 rtl:md:first:pr-0 md:mb-7 md:pl-10 rtl:md:pl-0 rtl:md:pr-10 w-full md:w-1/5 ltr" ><div x-data="{ open: false }" class="py-4 border-b border-b-solid md:border-none"><div @click="open = ! open" class="relative pr-5 rtl:pr-0 rtl:pl-5 cursor-pointer md:cursor-default duration-200 transition"> <p class="h6 text-[115%]">LET’S CONNECT</p> <span class="md:hidden absolute w-2.5 h-2.5 top-1/2 -translate-y-1/2 duration-500 flex right-3.5 rtl:right-auto rtl:left-3.5" :class="open ? 'rotate-180' : ''"><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;"> <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> </div><div class="hidden md:block"><div class="rte mt-6"></div><div class="mt-2"> <div id="selector-social" class=" flex flex-col items-start md:items-start mx-auto"> <ul class="social-list flex flex-col flex-wrap py-2.5 gap-2 justify-center md:justify-start" role="list"> <li class="flex flex-row disable-effect hover-text-link"> <a href="https://www.facebook.com/TheBlackPurplePage/" target="blank" aria-label="Facebook" class="flex w-11 h-11 pt-3 pb-3 pr-4 pl-0 rtl:pl-4 rtl:pr-0"><svg class="icon-animation" width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none"> <path d="M17.2788 13.2489L17.8494 9.63111H14.2846V7.28444C14.2846 6.29333 14.7822 5.32889 16.3797 5.32889H18V2.24444C18 2.24444 16.5303 2 15.1199 2C12.1851 2 10.2635 3.73333 10.2635 6.87111V9.63111H7V13.2489H10.2635V22H14.2801V13.2489H17.2788Z" fill="currentColor"/> </svg> </a> <a href="https://www.facebook.com/TheBlackPurplePage/" target="blank" aria-label="Facebook" class="self-center">Facebook</a> </li><li class="flex flex-row disable-effect hover-text-link"> <a href="https://www.instagram.com/theblackpurple_/" target="blank" aria-label="Instagram" class="flex w-11 h-11 pt-3 pb-3 pr-4 pl-0 rtl:pl-4 rtl:pr-0"><svg class="icon-animation" width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none"> <path d="M12.0059 3.80184C14.6793 3.80184 14.9959 3.81356 16.0473 3.86046C17.0244 3.90346 17.5521 4.06762 17.9038 4.20442C18.369 4.38421 18.7051 4.60309 19.053 4.95095C19.4047 5.30272 19.6197 5.63494 19.7995 6.10006C19.9363 6.45183 20.1004 6.98339 20.1434 7.95661C20.1903 9.01192 20.2021 9.32851 20.2021 11.998C20.2021 14.6715 20.1903 14.9881 20.1434 16.0395C20.1004 17.0166 19.9363 17.5443 19.7995 17.896C19.6197 18.3612 19.4008 18.6973 19.053 19.0451C18.7012 19.3969 18.369 19.6119 17.9038 19.7917C17.5521 19.9285 17.0205 20.0926 16.0473 20.1356C14.992 20.1825 14.6754 20.1943 12.0059 20.1943C9.33242 20.1943 9.01583 20.1825 7.96443 20.1356C6.9873 20.0926 6.45964 19.9285 6.10788 19.7917C5.64276 19.6119 5.30662 19.393 4.95876 19.0451C4.607 18.6934 4.39203 18.3612 4.21223 17.896C4.07543 17.5443 3.91128 17.0127 3.86828 16.0395C3.82138 14.9842 3.80965 14.6676 3.80965 11.998C3.80965 9.3246 3.82138 9.00801 3.86828 7.95661C3.91128 6.97948 4.07543 6.45183 4.21223 6.10006C4.39203 5.63494 4.6109 5.29881 4.95876 4.95095C5.31053 4.59918 5.64276 4.38421 6.10788 4.20442C6.45964 4.06762 6.99121 3.90346 7.96443 3.86046C9.01583 3.81356 9.33242 3.80184 12.0059 3.80184ZM12.0059 2C9.28943 2 8.94938 2.01173 7.88235 2.05863C6.81923 2.10553 6.08833 2.27751 5.45515 2.52374C4.79461 2.78171 4.23569 3.12175 3.68067 3.68067C3.12175 4.23568 2.78171 4.79461 2.52374 5.45124C2.27751 6.08833 2.10553 6.81532 2.05863 7.87844C2.01173 8.94938 2 9.28943 2 12.0059C2 14.7223 2.01173 15.0623 2.05863 16.1294C2.10553 17.1925 2.27751 17.9234 2.52374 18.5566C2.78171 19.2171 3.12175 19.776 3.68067 20.3311C4.23569 20.8861 4.79461 21.23 5.45124 21.4841C6.08833 21.7303 6.81532 21.9023 7.87844 21.9492C8.94548 21.9961 9.28552 22.0078 12.002 22.0078C14.7184 22.0078 15.0584 21.9961 16.1255 21.9492C17.1886 21.9023 17.9195 21.7303 18.5527 21.4841C19.2093 21.23 19.7682 20.8861 20.3232 20.3311C20.8782 19.776 21.2222 19.2171 21.4763 18.5605C21.7225 17.9234 21.8945 17.1964 21.9414 16.1333C21.9883 15.0663 22 14.7262 22 12.0098C22 9.29334 21.9883 8.95329 21.9414 7.88626C21.8945 6.82314 21.7225 6.09224 21.4763 5.45906C21.23 4.79461 20.89 4.23568 20.3311 3.68067C19.776 3.12566 19.2171 2.78171 18.5605 2.52765C17.9234 2.28141 17.1964 2.10944 16.1333 2.06254C15.0623 2.01173 14.7223 2 12.0059 2Z" fill="currentColor"/> <path d="M12.0058 6.86618C9.16822 6.86618 6.86609 9.16831 6.86609 12.0059C6.86609 14.8435 9.16822 17.1456 12.0058 17.1456C14.8434 17.1456 17.1455 14.8435 17.1455 12.0059C17.1455 9.16831 14.8434 6.86618 12.0058 6.86618ZM12.0058 15.3399C10.1649 15.3399 8.67183 13.8468 8.67183 12.0059C8.67183 10.165 10.1649 8.67193 12.0058 8.67193C13.8467 8.67193 15.3398 10.165 15.3398 12.0059C15.3398 13.8468 13.8467 15.3399 12.0058 15.3399Z" fill="currentColor"/> <path d="M18.5488 6.66291C18.5488 7.32736 18.0094 7.86283 17.3488 7.86283C16.6844 7.86283 16.1489 7.32345 16.1489 6.66291C16.1489 5.99845 16.6883 5.46298 17.3488 5.46298C18.0094 5.46298 18.5488 6.00236 18.5488 6.66291Z" fill="currentColor"/> </svg> </a> <a href="https://www.instagram.com/theblackpurple_/" target="blank" aria-label="Instagram" class="self-center">Instagram</a> </li><li class="flex flex-row disable-effect hover-text-link"> <a href="https://www.youtube.com/@Theblackpurple" target="blank" aria-label="YouTube" class="flex w-11 h-11 pt-3 pb-3 pr-4 pl-0 rtl:pl-4 rtl:pr-0"><svg class="icon-animation" width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none"> <path d="M23.0226 7.45237C23.0226 7.45237 22.8005 5.88392 22.1162 5.19522C21.2498 4.28881 20.2812 4.28437 19.8369 4.23105C16.6555 4 11.8791 4 11.8791 4H11.8702C11.8702 4 7.09372 4 3.91239 4.23105C3.46806 4.28437 2.49944 4.28881 1.63302 5.19522C0.948764 5.88392 0.731047 7.45237 0.731047 7.45237C0.731047 7.45237 0.5 9.29631 0.5 11.1358V12.8598C0.5 14.6992 0.726604 16.5432 0.726604 16.5432C0.726604 16.5432 0.948764 18.1116 1.62858 18.8003C2.495 19.7067 3.63246 19.6756 4.13899 19.7734C5.96071 19.9467 11.8746 20 11.8746 20C11.8746 20 16.6555 19.9911 19.8369 19.7645C20.2812 19.7112 21.2498 19.7067 22.1162 18.8003C22.8005 18.1116 23.0226 16.5432 23.0226 16.5432C23.0226 16.5432 23.2492 14.7037 23.2492 12.8598V11.1358C23.2492 9.29631 23.0226 7.45237 23.0226 7.45237ZM9.52416 14.9525V8.55873L15.6691 11.7667L9.52416 14.9525Z" fill="currentColor"/> </svg> </a> <a href="https://www.youtube.com/@Theblackpurple" target="blank" aria-label="YouTube" class="self-center">Youtube</a> </li></ul> </div> </div></div> <div class="md:hidden" x-show="open" x-collapse x-cloak><div class="rte mt-6"></div><div class="mt-2"> <div id="selector-social" class=" flex flex-col items-start md:items-start mx-auto"> <ul class="social-list flex flex-col flex-wrap py-2.5 gap-2 justify-center md:justify-start" role="list"> <li class="flex flex-row disable-effect hover-text-link"> <a href="https://www.facebook.com/TheBlackPurplePage/" target="blank" aria-label="Facebook" class="flex w-11 h-11 pt-3 pb-3 pr-4 pl-0 rtl:pl-4 rtl:pr-0"><svg class="icon-animation" width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none"> <path d="M17.2788 13.2489L17.8494 9.63111H14.2846V7.28444C14.2846 6.29333 14.7822 5.32889 16.3797 5.32889H18V2.24444C18 2.24444 16.5303 2 15.1199 2C12.1851 2 10.2635 3.73333 10.2635 6.87111V9.63111H7V13.2489H10.2635V22H14.2801V13.2489H17.2788Z" fill="currentColor"/> </svg> </a> <a href="https://www.facebook.com/TheBlackPurplePage/" target="blank" aria-label="Facebook" class="self-center">Facebook</a> </li><li class="flex flex-row disable-effect hover-text-link"> <a href="https://www.instagram.com/theblackpurple_/" target="blank" aria-label="Instagram" class="flex w-11 h-11 pt-3 pb-3 pr-4 pl-0 rtl:pl-4 rtl:pr-0"><svg class="icon-animation" width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none"> <path d="M12.0059 3.80184C14.6793 3.80184 14.9959 3.81356 16.0473 3.86046C17.0244 3.90346 17.5521 4.06762 17.9038 4.20442C18.369 4.38421 18.7051 4.60309 19.053 4.95095C19.4047 5.30272 19.6197 5.63494 19.7995 6.10006C19.9363 6.45183 20.1004 6.98339 20.1434 7.95661C20.1903 9.01192 20.2021 9.32851 20.2021 11.998C20.2021 14.6715 20.1903 14.9881 20.1434 16.0395C20.1004 17.0166 19.9363 17.5443 19.7995 17.896C19.6197 18.3612 19.4008 18.6973 19.053 19.0451C18.7012 19.3969 18.369 19.6119 17.9038 19.7917C17.5521 19.9285 17.0205 20.0926 16.0473 20.1356C14.992 20.1825 14.6754 20.1943 12.0059 20.1943C9.33242 20.1943 9.01583 20.1825 7.96443 20.1356C6.9873 20.0926 6.45964 19.9285 6.10788 19.7917C5.64276 19.6119 5.30662 19.393 4.95876 19.0451C4.607 18.6934 4.39203 18.3612 4.21223 17.896C4.07543 17.5443 3.91128 17.0127 3.86828 16.0395C3.82138 14.9842 3.80965 14.6676 3.80965 11.998C3.80965 9.3246 3.82138 9.00801 3.86828 7.95661C3.91128 6.97948 4.07543 6.45183 4.21223 6.10006C4.39203 5.63494 4.6109 5.29881 4.95876 4.95095C5.31053 4.59918 5.64276 4.38421 6.10788 4.20442C6.45964 4.06762 6.99121 3.90346 7.96443 3.86046C9.01583 3.81356 9.33242 3.80184 12.0059 3.80184ZM12.0059 2C9.28943 2 8.94938 2.01173 7.88235 2.05863C6.81923 2.10553 6.08833 2.27751 5.45515 2.52374C4.79461 2.78171 4.23569 3.12175 3.68067 3.68067C3.12175 4.23568 2.78171 4.79461 2.52374 5.45124C2.27751 6.08833 2.10553 6.81532 2.05863 7.87844C2.01173 8.94938 2 9.28943 2 12.0059C2 14.7223 2.01173 15.0623 2.05863 16.1294C2.10553 17.1925 2.27751 17.9234 2.52374 18.5566C2.78171 19.2171 3.12175 19.776 3.68067 20.3311C4.23569 20.8861 4.79461 21.23 5.45124 21.4841C6.08833 21.7303 6.81532 21.9023 7.87844 21.9492C8.94548 21.9961 9.28552 22.0078 12.002 22.0078C14.7184 22.0078 15.0584 21.9961 16.1255 21.9492C17.1886 21.9023 17.9195 21.7303 18.5527 21.4841C19.2093 21.23 19.7682 20.8861 20.3232 20.3311C20.8782 19.776 21.2222 19.2171 21.4763 18.5605C21.7225 17.9234 21.8945 17.1964 21.9414 16.1333C21.9883 15.0663 22 14.7262 22 12.0098C22 9.29334 21.9883 8.95329 21.9414 7.88626C21.8945 6.82314 21.7225 6.09224 21.4763 5.45906C21.23 4.79461 20.89 4.23568 20.3311 3.68067C19.776 3.12566 19.2171 2.78171 18.5605 2.52765C17.9234 2.28141 17.1964 2.10944 16.1333 2.06254C15.0623 2.01173 14.7223 2 12.0059 2Z" fill="currentColor"/> <path d="M12.0058 6.86618C9.16822 6.86618 6.86609 9.16831 6.86609 12.0059C6.86609 14.8435 9.16822 17.1456 12.0058 17.1456C14.8434 17.1456 17.1455 14.8435 17.1455 12.0059C17.1455 9.16831 14.8434 6.86618 12.0058 6.86618ZM12.0058 15.3399C10.1649 15.3399 8.67183 13.8468 8.67183 12.0059C8.67183 10.165 10.1649 8.67193 12.0058 8.67193C13.8467 8.67193 15.3398 10.165 15.3398 12.0059C15.3398 13.8468 13.8467 15.3399 12.0058 15.3399Z" fill="currentColor"/> <path d="M18.5488 6.66291C18.5488 7.32736 18.0094 7.86283 17.3488 7.86283C16.6844 7.86283 16.1489 7.32345 16.1489 6.66291C16.1489 5.99845 16.6883 5.46298 17.3488 5.46298C18.0094 5.46298 18.5488 6.00236 18.5488 6.66291Z" fill="currentColor"/> </svg> </a> <a href="https://www.instagram.com/theblackpurple_/" target="blank" aria-label="Instagram" class="self-center">Instagram</a> </li><li class="flex flex-row disable-effect hover-text-link"> <a href="https://www.youtube.com/@Theblackpurple" target="blank" aria-label="YouTube" class="flex w-11 h-11 pt-3 pb-3 pr-4 pl-0 rtl:pl-4 rtl:pr-0"><svg class="icon-animation" width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none"> <path d="M23.0226 7.45237C23.0226 7.45237 22.8005 5.88392 22.1162 5.19522C21.2498 4.28881 20.2812 4.28437 19.8369 4.23105C16.6555 4 11.8791 4 11.8791 4H11.8702C11.8702 4 7.09372 4 3.91239 4.23105C3.46806 4.28437 2.49944 4.28881 1.63302 5.19522C0.948764 5.88392 0.731047 7.45237 0.731047 7.45237C0.731047 7.45237 0.5 9.29631 0.5 11.1358V12.8598C0.5 14.6992 0.726604 16.5432 0.726604 16.5432C0.726604 16.5432 0.948764 18.1116 1.62858 18.8003C2.495 19.7067 3.63246 19.6756 4.13899 19.7734C5.96071 19.9467 11.8746 20 11.8746 20C11.8746 20 16.6555 19.9911 19.8369 19.7645C20.2812 19.7112 21.2498 19.7067 22.1162 18.8003C22.8005 18.1116 23.0226 16.5432 23.0226 16.5432C23.0226 16.5432 23.2492 14.7037 23.2492 12.8598V11.1358C23.2492 9.29631 23.0226 7.45237 23.0226 7.45237ZM9.52416 14.9525V8.55873L15.6691 11.7667L9.52416 14.9525Z" fill="currentColor"/> </svg> </a> <a href="https://www.youtube.com/@Theblackpurple" target="blank" aria-label="YouTube" class="self-center">Youtube</a> </li></ul> </div> </div></div> </div></div> <div class="footer-col--3 md:pr-5 rtl:md:pr-0 md:first:pl-0 rtl:md:pl-5 rtl:md:first:pr-0 md:mb-7 md:pl-10 rtl:md:pl-0 rtl:md:pr-10 w-full md:w-1/5 ltr" ><div x-data="{ open: false }" class="py-4 border-b md:border-none"><div @click="open = ! open" class="relative pr-5 rtl:pr-0 rtl:pl-5 cursor-pointer md:cursor-default duration-200 transition"> <p class="h6 text-[115%]">ABOUT</p> <span class="md:hidden absolute w-2.5 h-2.5 top-1/2 -translate-y-1/2 duration-500 flex right-3.5 rtl:right-auto rtl:left-3.5" :class="open ? 'rotate-180' : ''"><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;"> <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> </div><ul class="mt-6 hidden md:block"><li class="mb-1 first:pt-0 pt-2"> <a href="/pages/why-choose-black-purple" class="hover-text-link nav-link relative block lg:inline-block"> About Us </a> </li><li class="mb-1 first:pt-0 pt-2"> <a href="/blogs/shapewear" class="hover-text-link nav-link relative block lg:inline-block"> Blog </a> </li><li class="mb-1 first:pt-0 pt-2"> <a href="/blogs/videos" class="hover-text-link nav-link relative block lg:inline-block"> Videos </a> </li><li class="mb-1 first:pt-0 pt-2"> <a href="/pages/contact-customer-service" class="hover-text-link nav-link relative block lg:inline-block"> Customer Service </a> </li><li class="mb-1 first:pt-0 pt-2"> <a href="/pages/terms-conditions" class="hover-text-link nav-link relative block lg:inline-block"> Terms & Conditions </a> </li></ul><ul class="md:hidden" x-show="open" x-collapse x-cloak><li class="mb-1 mt-6 first:pt-0 pt-2"> <a href="/pages/why-choose-black-purple" class="hover-text-link nav-link relative block lg:inline-block"> About Us </a> </li><li class="mb-1 first:pt-0 pt-2"> <a href="/blogs/shapewear" class="hover-text-link nav-link relative block lg:inline-block"> Blog </a> </li><li class="mb-1 first:pt-0 pt-2"> <a href="/blogs/videos" class="hover-text-link nav-link relative block lg:inline-block"> Videos </a> </li><li class="mb-1 first:pt-0 pt-2"> <a href="/pages/contact-customer-service" class="hover-text-link nav-link relative block lg:inline-block"> Customer Service </a> </li><li class="mb-1 first:pt-0 pt-2"> <a href="/pages/terms-conditions" class="hover-text-link nav-link relative block lg:inline-block"> Terms & Conditions </a> </li></ul></div></div> <div class="footer-col--4 md:pr-5 rtl:md:pr-0 md:first:pl-0 rtl:md:pl-5 rtl:md:first:pr-0 md:mb-7 md:pl-10 rtl:md:pl-0 rtl:md:pr-10 w-full md:w-1/5 ltr" ><div x-data="{ open: false }" class="py-4 border-b md:border-none"><div @click="open = ! open" class="relative pr-5 rtl:pr-0 rtl:pl-5 cursor-pointer md:cursor-default duration-200 transition"> <p class="h6 text-[115%]">CUSTOMER</p> <span class="md:hidden absolute w-2.5 h-2.5 top-1/2 -translate-y-1/2 duration-500 flex right-3.5 rtl:right-auto rtl:left-3.5" :class="open ? 'rotate-180' : ''"><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;"> <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> </div><ul class="mt-6 hidden md:block"><li class="mb-1 first:pt-0 pt-2"> <a href="/account/" class="hover-text-link nav-link relative block lg:inline-block"> Account </a> </li><li class="mb-1 first:pt-0 pt-2"> <a href="/pages/submitareview" class="hover-text-link nav-link relative block lg:inline-block"> Submit a Review </a> </li><li class="mb-1 first:pt-0 pt-2"> <a href="https://theblackpurple.refersion.com/affiliate/registration" class="hover-text-link nav-link relative block lg:inline-block"> Affiliate Program </a> </li><li class="mb-1 first:pt-0 pt-2"> <a href="/pages/affiliate" class="hover-text-link nav-link relative block lg:inline-block"> Cash Back Referral </a> </li><li class="mb-1 first:pt-0 pt-2"> <a href="/pages/shipping-returns" class="hover-text-link nav-link relative block lg:inline-block"> Shipping & Returns </a> </li></ul><ul class="md:hidden" x-show="open" x-collapse x-cloak><li class="mb-1 mt-6 first:pt-0 pt-2"> <a href="/account/" class="hover-text-link nav-link relative block lg:inline-block"> Account </a> </li><li class="mb-1 first:pt-0 pt-2"> <a href="/pages/submitareview" class="hover-text-link nav-link relative block lg:inline-block"> Submit a Review </a> </li><li class="mb-1 first:pt-0 pt-2"> <a href="https://theblackpurple.refersion.com/affiliate/registration" class="hover-text-link nav-link relative block lg:inline-block"> Affiliate Program </a> </li><li class="mb-1 first:pt-0 pt-2"> <a href="/pages/affiliate" class="hover-text-link nav-link relative block lg:inline-block"> Cash Back Referral </a> </li><li class="mb-1 first:pt-0 pt-2"> <a href="/pages/shipping-returns" class="hover-text-link nav-link relative block lg:inline-block"> Shipping & Returns </a> </li></ul></div></div> <div class="footer-col--5 md:pr-5 rtl:md:pr-0 md:first:pl-0 rtl:md:pl-5 rtl:md:first:pr-0 md:mb-7 md:pl-10 rtl:md:pl-0 rtl:md:pr-10 w-full md:w-1/5 ltr" ><div x-data="{ open: false }" class="py-4 border-b md:border-none"><div @click="open = ! open" class="relative pr-5 rtl:pr-0 rtl:pl-5 cursor-pointer md:cursor-default duration-200 transition"> <p class="h6 text-[115%]">CATEGORIES</p> <span class="md:hidden absolute w-2.5 h-2.5 top-1/2 -translate-y-1/2 duration-500 flex right-3.5 rtl:right-auto rtl:left-3.5" :class="open ? 'rotate-180' : ''"><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;"> <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> </div><ul class="mt-6 hidden md:block"><li class="mb-1 first:pt-0 pt-2"> <a href="/collections/mass-slim-anti-cellulite" class="hover-text-link nav-link relative block lg:inline-block"> Shapewear </a> </li><li class="mb-1 first:pt-0 pt-2"> <a href="/collections/compression-shapewear" class="hover-text-link nav-link relative block lg:inline-block"> Premium Shapewear </a> </li><li class="mb-1 first:pt-0 pt-2"> <a href="/collections/product-combos-bundles" class="hover-text-link nav-link relative block lg:inline-block"> Product Combos </a> </li><li class="mb-1 first:pt-0 pt-2"> <a href="/collections" class="hover-text-link nav-link relative block lg:inline-block"> All Collections </a> </li><li class="mb-1 first:pt-0 pt-2"> <a href="/collections/special-offer" class="hover-text-link nav-link relative block lg:inline-block"> Special Offer </a> </li></ul><ul class="md:hidden" x-show="open" x-collapse x-cloak><li class="mb-1 mt-6 first:pt-0 pt-2"> <a href="/collections/mass-slim-anti-cellulite" class="hover-text-link nav-link relative block lg:inline-block"> Shapewear </a> </li><li class="mb-1 first:pt-0 pt-2"> <a href="/collections/compression-shapewear" class="hover-text-link nav-link relative block lg:inline-block"> Premium Shapewear </a> </li><li class="mb-1 first:pt-0 pt-2"> <a href="/collections/product-combos-bundles" class="hover-text-link nav-link relative block lg:inline-block"> Product Combos </a> </li><li class="mb-1 first:pt-0 pt-2"> <a href="/collections" class="hover-text-link nav-link relative block lg:inline-block"> All Collections </a> </li><li class="mb-1 first:pt-0 pt-2"> <a href="/collections/special-offer" class="hover-text-link nav-link relative block lg:inline-block"> Special Offer </a> </li></ul></div></div></div></div><div class="additional-footer ltr x-pgw page-width mx-auto lg:flex lg:flex-row lg:justify-between items-center" > <div class="flex flex-col lg:flex lg:flex-row gap-x-7 items-center w-full justify-between"><div class="mb-3 md:mb-2 lg:mb-0"> <div id="selector-social" class=" flex flex-col items-center md:items-start md:flex md:items-center mx-auto"> <form method="post" action="/localization" id="localization_form" accept-charset="UTF-8" class="multi-selectors flex flex-col lg:flex-row lg:items-center lg:justify-center md:flex-row" enctype="multipart/form-data"><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="/collections/special-offer?srsltid=AfmBOoqq5bpXNEMEPlOCTa8Ot5VMUO6rsiTZGharaRMJ_EnWEJXChUbq" /><div x-data="xLocalizationForm" class="country-selector max-w-max text-normal relative inline-flex lg:inline-block justify-center" @keyup.escape="openCountry = false" > <button @click.prevent="loadCountry($el); " class="toolbar-button relative py-2.5 rtl:pr-0 rtl:pl-5 pr-5 rtl:md:pr-5 lg:pl-5 cursor-pointer md:pl-6 hover-text-link duration-200 transition" aria-expanded="false" aria-controls="CurrencyList" > <span> United States ‎(USD $)‎ </span> <span x-show="!loading" class="absolute w-2.5 h-2.5 top-1/2 -translate-y-1/2 flex right-0 rtl:right-auto rtl:left-0" :class="openCountry && '-rotate-180'"><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;"> <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> <span x-show="loading" class="absolute w-3 h-3 top-[calc(50%-6px)] flex right-0 rtl:right-auto rtl:left-0 animate-spin" x-cloak><svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" fill="currentcolor" stroke="none"> <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> </g> </svg> </span> </button> <div class="country-options w-max py-3 px-5 absolute left-0 bottom-full z-[51] scrollbar-body shadow-md max-h-64 overflow-y-auto background-header background-footer sticky-footer bottom-9" x-transition:enter="transition-all ease-in-out duration-500" x-transition:enter-start="opacity-0 transform translate-y-4" x-transition:enter-end="opacity-100 transform translate-y-0" x-transition:leave="transition-all ease-in-out duration-500" x-transition:leave-end="opacity-0 transform translate-y-4" x-show="openCountry" @click.away="openCountry = false" x-cloak> </div> <input id="currency_selector" type="hidden" name="country_code" value="US"> </div></form><script src="//theblackpurple.com/cdn/shop/t/70/assets/locales-form.aio.min.js?v=158815562293582759181760147598" defer></script></div> </div><div class="flex flex-col items-center lg:mb-0 order-last md:order-none lg:pl-14 lg:max-w-3xl"> <div class="mt-4 md:mt-4 base-link text-center lg:mt-0 lg:text-right p-break-words"><p class="inline-block">© 2025, </p> <a href="/" title="">TheBlackPurple</a>. <p class="mt-3 md:mt-0 md:ml-1 block md:inline-block"><a target="_blank" rel="nofollow" href="https://www.shopify.com?utm_campaign=poweredby&utm_medium=shopify&utm_source=onlinestore">Powered by Shopify</a></p> </div> </div> <ul class="icon-payment flex justify-center gap-y-2 flex-wrap" role="list"><li class="pl-1 pr-1"> <svg xmlns="http://www.w3.org/2000/svg" role="img" aria-labelledby="pi-american_express" viewBox="0 0 38 24" width="38" height="24"><title id="pi-american_express">American Express</title><path fill="#000" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3Z" opacity=".07"/><path fill="#006FCF" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32Z"/><path fill="#FFF" d="M22.012 19.936v-8.421L37 11.528v2.326l-1.732 1.852L37 17.573v2.375h-2.766l-1.47-1.622-1.46 1.628-9.292-.02Z"/><path fill="#006FCF" d="M23.013 19.012v-6.57h5.572v1.513h-3.768v1.028h3.678v1.488h-3.678v1.01h3.768v1.531h-5.572Z"/><path fill="#006FCF" d="m28.557 19.012 3.083-3.289-3.083-3.282h2.386l1.884 2.083 1.89-2.082H37v.051l-3.017 3.23L37 18.92v.093h-2.307l-1.917-2.103-1.898 2.104h-2.321Z"/><path fill="#FFF" d="M22.71 4.04h3.614l1.269 2.881V4.04h4.46l.77 2.159.771-2.159H37v8.421H19l3.71-8.421Z"/><path fill="#006FCF" d="m23.395 4.955-2.916 6.566h2l.55-1.315h2.98l.55 1.315h2.05l-2.904-6.566h-2.31Zm.25 3.777.875-2.09.873 2.09h-1.748Z"/><path fill="#006FCF" d="M28.581 11.52V4.953l2.811.01L32.84 9l1.456-4.046H37v6.565l-1.74.016v-4.51l-1.644 4.494h-1.59L30.35 7.01v4.51h-1.768Z"/></svg> </li><li class="pl-1 pr-1"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" role="img" x="0" y="0" width="38" height="24" viewBox="0 0 165.521 105.965" xml:space="preserve" aria-labelledby="pi-apple_pay"><title id="pi-apple_pay">Apple Pay</title><path fill="#000" d="M150.698 0H14.823c-.566 0-1.133 0-1.698.003-.477.004-.953.009-1.43.022-1.039.028-2.087.09-3.113.274a10.51 10.51 0 0 0-2.958.975 9.932 9.932 0 0 0-4.35 4.35 10.463 10.463 0 0 0-.975 2.96C.113 9.611.052 10.658.024 11.696a70.22 70.22 0 0 0-.022 1.43C0 13.69 0 14.256 0 14.823v76.318c0 .567 0 1.132.002 1.699.003.476.009.953.022 1.43.028 1.036.09 2.084.275 3.11a10.46 10.46 0 0 0 .974 2.96 9.897 9.897 0 0 0 1.83 2.52 9.874 9.874 0 0 0 2.52 1.83c.947.483 1.917.79 2.96.977 1.025.183 2.073.245 3.112.273.477.011.953.017 1.43.02.565.004 1.132.004 1.698.004h135.875c.565 0 1.132 0 1.697-.004.476-.002.952-.009 1.431-.02 1.037-.028 2.085-.09 3.113-.273a10.478 10.478 0 0 0 2.958-.977 9.955 9.955 0 0 0 4.35-4.35c.483-.947.789-1.917.974-2.96.186-1.026.246-2.074.274-3.11.013-.477.02-.954.022-1.43.004-.567.004-1.132.004-1.699V14.824c0-.567 0-1.133-.004-1.699a63.067 63.067 0 0 0-.022-1.429c-.028-1.038-.088-2.085-.274-3.112a10.4 10.4 0 0 0-.974-2.96 9.94 9.94 0 0 0-4.35-4.35A10.52 10.52 0 0 0 156.939.3c-1.028-.185-2.076-.246-3.113-.274a71.417 71.417 0 0 0-1.431-.022C151.83 0 151.263 0 150.698 0z" /><path fill="#FFF" d="M150.698 3.532l1.672.003c.452.003.905.008 1.36.02.793.022 1.719.065 2.583.22.75.135 1.38.34 1.984.648a6.392 6.392 0 0 1 2.804 2.807c.306.6.51 1.226.645 1.983.154.854.197 1.783.218 2.58.013.45.019.9.02 1.36.005.557.005 1.113.005 1.671v76.318c0 .558 0 1.114-.004 1.682-.002.45-.008.9-.02 1.35-.022.796-.065 1.725-.221 2.589a6.855 6.855 0 0 1-.645 1.975 6.397 6.397 0 0 1-2.808 2.807c-.6.306-1.228.511-1.971.645-.881.157-1.847.2-2.574.22-.457.01-.912.017-1.379.019-.555.004-1.113.004-1.669.004H14.801c-.55 0-1.1 0-1.66-.004a74.993 74.993 0 0 1-1.35-.018c-.744-.02-1.71-.064-2.584-.22a6.938 6.938 0 0 1-1.986-.65 6.337 6.337 0 0 1-1.622-1.18 6.355 6.355 0 0 1-1.178-1.623 6.935 6.935 0 0 1-.646-1.985c-.156-.863-.2-1.788-.22-2.578a66.088 66.088 0 0 1-.02-1.355l-.003-1.327V14.474l.002-1.325a66.7 66.7 0 0 1 .02-1.357c.022-.792.065-1.717.222-2.587a6.924 6.924 0 0 1 .646-1.981c.304-.598.7-1.144 1.18-1.623a6.386 6.386 0 0 1 1.624-1.18 6.96 6.96 0 0 1 1.98-.646c.865-.155 1.792-.198 2.586-.22.452-.012.905-.017 1.354-.02l1.677-.003h135.875" /><g><g><path fill="#000" d="M43.508 35.77c1.404-1.755 2.356-4.112 2.105-6.52-2.054.102-4.56 1.355-6.012 3.112-1.303 1.504-2.456 3.959-2.156 6.266 2.306.2 4.61-1.152 6.063-2.858" /><path fill="#000" d="M45.587 39.079c-3.35-.2-6.196 1.9-7.795 1.9-1.6 0-4.049-1.8-6.698-1.751-3.447.05-6.645 2-8.395 5.1-3.598 6.2-.95 15.4 2.55 20.45 1.699 2.5 3.747 5.25 6.445 5.151 2.55-.1 3.549-1.65 6.647-1.65 3.097 0 3.997 1.65 6.696 1.6 2.798-.05 4.548-2.5 6.247-5 1.95-2.85 2.747-5.6 2.797-5.75-.05-.05-5.396-2.101-5.446-8.251-.05-5.15 4.198-7.6 4.398-7.751-2.399-3.548-6.147-3.948-7.447-4.048" /></g><g><path fill="#000" d="M78.973 32.11c7.278 0 12.347 5.017 12.347 12.321 0 7.33-5.173 12.373-12.529 12.373h-8.058V69.62h-5.822V32.11h14.062zm-8.24 19.807h6.68c5.07 0 7.954-2.729 7.954-7.46 0-4.73-2.885-7.434-7.928-7.434h-6.706v14.894z" /><path fill="#000" d="M92.764 61.847c0-4.809 3.665-7.564 10.423-7.98l7.252-.442v-2.08c0-3.04-2.001-4.704-5.562-4.704-2.938 0-5.07 1.507-5.51 3.82h-5.252c.157-4.86 4.731-8.395 10.918-8.395 6.654 0 10.995 3.483 10.995 8.89v18.663h-5.38v-4.497h-.13c-1.534 2.937-4.914 4.782-8.579 4.782-5.406 0-9.175-3.222-9.175-8.057zm17.675-2.417v-2.106l-6.472.416c-3.64.234-5.536 1.585-5.536 3.95 0 2.288 1.975 3.77 5.068 3.77 3.95 0 6.94-2.522 6.94-6.03z" /><path fill="#000" d="M120.975 79.652v-4.496c.364.051 1.247.103 1.715.103 2.573 0 4.029-1.09 4.913-3.899l.52-1.663-9.852-27.293h6.082l6.863 22.146h.13l6.862-22.146h5.927l-10.216 28.67c-2.34 6.577-5.017 8.735-10.683 8.735-.442 0-1.872-.052-2.261-.157z" /></g></g></svg> </li><li class="pl-1 pr-1"> <svg viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" role="img" width="38" height="24" aria-labelledby="pi-diners_club"><title id="pi-diners_club">Diners Club</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path d="M12 12v3.7c0 .3-.2.3-.5.2-1.9-.8-3-3.3-2.3-5.4.4-1.1 1.2-2 2.3-2.4.4-.2.5-.1.5.2V12zm2 0V8.3c0-.3 0-.3.3-.2 2.1.8 3.2 3.3 2.4 5.4-.4 1.1-1.2 2-2.3 2.4-.4.2-.4.1-.4-.2V12zm7.2-7H13c3.8 0 6.8 3.1 6.8 7s-3 7-6.8 7h8.2c3.8 0 6.8-3.1 6.8-7s-3-7-6.8-7z" fill="#3086C8"/></svg> </li><li class="pl-1 pr-1"> <svg viewBox="0 0 38 24" width="38" height="24" role="img" aria-labelledby="pi-discover" fill="none" xmlns="http://www.w3.org/2000/svg"><title id="pi-discover">Discover</title><path fill="#000" opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32z" fill="#fff"/><path d="M3.57 7.16H2v5.5h1.57c.83 0 1.43-.2 1.96-.63.63-.52 1-1.3 1-2.11-.01-1.63-1.22-2.76-2.96-2.76zm1.26 4.14c-.34.3-.77.44-1.47.44h-.29V8.1h.29c.69 0 1.11.12 1.47.44.37.33.59.84.59 1.37 0 .53-.22 1.06-.59 1.39zm2.19-4.14h1.07v5.5H7.02v-5.5zm3.69 2.11c-.64-.24-.83-.4-.83-.69 0-.35.34-.61.8-.61.32 0 .59.13.86.45l.56-.73c-.46-.4-1.01-.61-1.62-.61-.97 0-1.72.68-1.72 1.58 0 .76.35 1.15 1.35 1.51.42.15.63.25.74.31.21.14.32.34.32.57 0 .45-.35.78-.83.78-.51 0-.92-.26-1.17-.73l-.69.67c.49.73 1.09 1.05 1.9 1.05 1.11 0 1.9-.74 1.9-1.81.02-.89-.35-1.29-1.57-1.74zm1.92.65c0 1.62 1.27 2.87 2.9 2.87.46 0 .86-.09 1.34-.32v-1.26c-.43.43-.81.6-1.29.6-1.08 0-1.85-.78-1.85-1.9 0-1.06.79-1.89 1.8-1.89.51 0 .9.18 1.34.62V7.38c-.47-.24-.86-.34-1.32-.34-1.61 0-2.92 1.28-2.92 2.88zm12.76.94l-1.47-3.7h-1.17l2.33 5.64h.58l2.37-5.64h-1.16l-1.48 3.7zm3.13 1.8h3.04v-.93h-1.97v-1.48h1.9v-.93h-1.9V8.1h1.97v-.94h-3.04v5.5zm7.29-3.87c0-1.03-.71-1.62-1.95-1.62h-1.59v5.5h1.07v-2.21h.14l1.48 2.21h1.32l-1.73-2.32c.81-.17 1.26-.72 1.26-1.56zm-2.16.91h-.31V8.03h.33c.67 0 1.03.28 1.03.82 0 .55-.36.85-1.05.85z" fill="#231F20"/><path d="M20.16 12.86a2.931 2.931 0 100-5.862 2.931 2.931 0 000 5.862z" fill="url(#pi-paint0_linear)"/><path opacity=".65" d="M20.16 12.86a2.931 2.931 0 100-5.862 2.931 2.931 0 000 5.862z" fill="url(#pi-paint1_linear)"/><path d="M36.57 7.506c0-.1-.07-.15-.18-.15h-.16v.48h.12v-.19l.14.19h.14l-.16-.2c.06-.01.1-.06.1-.13zm-.2.07h-.02v-.13h.02c.06 0 .09.02.09.06 0 .05-.03.07-.09.07z" fill="#231F20"/><path d="M36.41 7.176c-.23 0-.42.19-.42.42 0 .23.19.42.42.42.23 0 .42-.19.42-.42 0-.23-.19-.42-.42-.42zm0 .77c-.18 0-.34-.15-.34-.35 0-.19.15-.35.34-.35.18 0 .33.16.33.35 0 .19-.15.35-.33.35z" fill="#231F20"/><path d="M37 12.984S27.09 19.873 8.976 23h26.023a2 2 0 002-1.984l.024-3.02L37 12.985z" fill="#F48120"/><defs><linearGradient id="pi-paint0_linear" x1="21.657" y1="12.275" x2="19.632" y2="9.104" gradientUnits="userSpaceOnUse"><stop stop-color="#F89F20"/><stop offset=".25" stop-color="#F79A20"/><stop offset=".533" stop-color="#F68D20"/><stop offset=".62" stop-color="#F58720"/><stop offset=".723" stop-color="#F48120"/><stop offset="1" stop-color="#F37521"/></linearGradient><linearGradient id="pi-paint1_linear" x1="21.338" y1="12.232" x2="18.378" y2="6.446" gradientUnits="userSpaceOnUse"><stop stop-color="#F58720"/><stop offset=".359" stop-color="#E16F27"/><stop offset=".703" stop-color="#D4602C"/><stop offset=".982" stop-color="#D05B2E"/></linearGradient></defs></svg> </li><li class="pl-1 pr-1"> <svg xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" aria-labelledby="pi-google_pay"><title id="pi-google_pay">Google Pay</title><path d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z" fill="#000" opacity=".07"/><path d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32" fill="#FFF"/><path d="M18.093 11.976v3.2h-1.018v-7.9h2.691a2.447 2.447 0 0 1 1.747.692 2.28 2.28 0 0 1 .11 3.224l-.11.116c-.47.447-1.098.69-1.747.674l-1.673-.006zm0-3.732v2.788h1.698c.377.012.741-.135 1.005-.404a1.391 1.391 0 0 0-1.005-2.354l-1.698-.03zm6.484 1.348c.65-.03 1.286.188 1.778.613.445.43.682 1.03.65 1.649v3.334h-.969v-.766h-.049a1.93 1.93 0 0 1-1.673.931 2.17 2.17 0 0 1-1.496-.533 1.667 1.667 0 0 1-.613-1.324 1.606 1.606 0 0 1 .613-1.336 2.746 2.746 0 0 1 1.698-.515c.517-.02 1.03.093 1.49.331v-.208a1.134 1.134 0 0 0-.417-.901 1.416 1.416 0 0 0-.98-.368 1.545 1.545 0 0 0-1.319.717l-.895-.564a2.488 2.488 0 0 1 2.182-1.06zM23.29 13.52a.79.79 0 0 0 .337.662c.223.176.5.269.785.263.429-.001.84-.17 1.146-.472.305-.286.478-.685.478-1.103a2.047 2.047 0 0 0-1.324-.374 1.716 1.716 0 0 0-1.03.294.883.883 0 0 0-.392.73zm9.286-3.75l-3.39 7.79h-1.048l1.281-2.728-2.224-5.062h1.103l1.612 3.885 1.569-3.885h1.097z" fill="#5F6368"/><path d="M13.986 11.284c0-.308-.024-.616-.073-.92h-4.29v1.747h2.451a2.096 2.096 0 0 1-.9 1.373v1.134h1.464a4.433 4.433 0 0 0 1.348-3.334z" fill="#4285F4"/><path d="M9.629 15.721a4.352 4.352 0 0 0 3.01-1.097l-1.466-1.14a2.752 2.752 0 0 1-4.094-1.44H5.577v1.17a4.53 4.53 0 0 0 4.052 2.507z" fill="#34A853"/><path d="M7.079 12.05a2.709 2.709 0 0 1 0-1.735v-1.17H5.577a4.505 4.505 0 0 0 0 4.075l1.502-1.17z" fill="#FBBC04"/><path d="M9.629 8.44a2.452 2.452 0 0 1 1.74.68l1.3-1.293a4.37 4.37 0 0 0-3.065-1.183 4.53 4.53 0 0 0-4.027 2.5l1.502 1.171a2.715 2.715 0 0 1 2.55-1.875z" fill="#EA4335"/></svg> </li><li class="pl-1 pr-1"> <svg viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" role="img" width="38" height="24" aria-labelledby="pi-master"><title id="pi-master">Mastercard</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><circle fill="#EB001B" cx="15" cy="12" r="7"/><circle fill="#F79E1B" cx="23" cy="12" r="7"/><path fill="#FF5F00" d="M22 12c0-2.4-1.2-4.5-3-5.7-1.8 1.3-3 3.4-3 5.7s1.2 4.5 3 5.7c1.8-1.2 3-3.3 3-5.7z"/></svg> </li><li class="pl-1 pr-1"> <svg viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" width="38" height="24" role="img" aria-labelledby="pi-paypal"><title id="pi-paypal">PayPal</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path fill="#003087" d="M23.9 8.3c.2-1 0-1.7-.6-2.3-.6-.7-1.7-1-3.1-1h-4.1c-.3 0-.5.2-.6.5L14 15.6c0 .2.1.4.3.4H17l.4-3.4 1.8-2.2 4.7-2.1z"/><path fill="#3086C8" d="M23.9 8.3l-.2.2c-.5 2.8-2.2 3.8-4.6 3.8H18c-.3 0-.5.2-.6.5l-.6 3.9-.2 1c0 .2.1.4.3.4H19c.3 0 .5-.2.5-.4v-.1l.4-2.4v-.1c0-.2.3-.4.5-.4h.3c2.1 0 3.7-.8 4.1-3.2.2-1 .1-1.8-.4-2.4-.1-.5-.3-.7-.5-.8z"/><path fill="#012169" d="M23.3 8.1c-.1-.1-.2-.1-.3-.1-.1 0-.2 0-.3-.1-.3-.1-.7-.1-1.1-.1h-3c-.1 0-.2 0-.2.1-.2.1-.3.2-.3.4l-.7 4.4v.1c0-.3.3-.5.6-.5h1.3c2.5 0 4.1-1 4.6-3.8v-.2c-.1-.1-.3-.2-.5-.2h-.1z"/></svg> </li><li class="pl-1 pr-1"> <svg xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" aria-labelledby="pi-shopify_pay"><title id="pi-shopify_pay">Shop Pay</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z" fill="#000"/><path d="M35.889 0C37.05 0 38 .982 38 2.182v19.636c0 1.2-.95 2.182-2.111 2.182H2.11C.95 24 0 23.018 0 21.818V2.182C0 .982.95 0 2.111 0H35.89z" fill="#5A31F4"/><path d="M9.35 11.368c-1.017-.223-1.47-.31-1.47-.705 0-.372.306-.558.92-.558.54 0 .934.238 1.225.704a.079.079 0 00.104.03l1.146-.584a.082.082 0 00.032-.114c-.475-.831-1.353-1.286-2.51-1.286-1.52 0-2.464.755-2.464 1.956 0 1.275 1.15 1.597 2.17 1.82 1.02.222 1.474.31 1.474.705 0 .396-.332.582-.993.582-.612 0-1.065-.282-1.34-.83a.08.08 0 00-.107-.035l-1.143.57a.083.083 0 00-.036.111c.454.92 1.384 1.437 2.627 1.437 1.583 0 2.539-.742 2.539-1.98s-1.155-1.598-2.173-1.82v-.003zM15.49 8.855c-.65 0-1.224.232-1.636.646a.04.04 0 01-.069-.03v-2.64a.08.08 0 00-.08-.081H12.27a.08.08 0 00-.08.082v8.194a.08.08 0 00.08.082h1.433a.08.08 0 00.081-.082v-3.594c0-.695.528-1.227 1.239-1.227.71 0 1.226.521 1.226 1.227v3.594a.08.08 0 00.081.082h1.433a.08.08 0 00.081-.082v-3.594c0-1.51-.981-2.577-2.355-2.577zM20.753 8.62c-.778 0-1.507.24-2.03.588a.082.082 0 00-.027.109l.632 1.088a.08.08 0 00.11.03 2.5 2.5 0 011.318-.366c1.25 0 2.17.891 2.17 2.068 0 1.003-.736 1.745-1.669 1.745-.76 0-1.288-.446-1.288-1.077 0-.361.152-.657.548-.866a.08.08 0 00.032-.113l-.596-1.018a.08.08 0 00-.098-.035c-.799.299-1.359 1.018-1.359 1.984 0 1.46 1.152 2.55 2.76 2.55 1.877 0 3.227-1.313 3.227-3.195 0-2.018-1.57-3.492-3.73-3.492zM28.675 8.843c-.724 0-1.373.27-1.845.746-.026.027-.069.007-.069-.029v-.572a.08.08 0 00-.08-.082h-1.397a.08.08 0 00-.08.082v8.182a.08.08 0 00.08.081h1.433a.08.08 0 00.081-.081v-2.683c0-.036.043-.054.069-.03a2.6 2.6 0 001.808.7c1.682 0 2.993-1.373 2.993-3.157s-1.313-3.157-2.993-3.157zm-.271 4.929c-.956 0-1.681-.768-1.681-1.783s.723-1.783 1.681-1.783c.958 0 1.68.755 1.68 1.783 0 1.027-.713 1.783-1.681 1.783h.001z" fill="#fff"/></svg> </li><li class="pl-1 pr-1"> <svg viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" role="img" width="38" height="24" aria-labelledby="pi-visa"><title id="pi-visa">Visa</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path d="M28.3 10.1H28c-.4 1-.7 1.5-1 3h1.9c-.3-1.5-.3-2.2-.6-3zm2.9 5.9h-1.7c-.1 0-.1 0-.2-.1l-.2-.9-.1-.2h-2.4c-.1 0-.2 0-.2.2l-.3.9c0 .1-.1.1-.1.1h-2.1l.2-.5L27 8.7c0-.5.3-.7.8-.7h1.5c.1 0 .2 0 .2.2l1.4 6.5c.1.4.2.7.2 1.1.1.1.1.1.1.2zm-13.4-.3l.4-1.8c.1 0 .2.1.2.1.7.3 1.4.5 2.1.4.2 0 .5-.1.7-.2.5-.2.5-.7.1-1.1-.2-.2-.5-.3-.8-.5-.4-.2-.8-.4-1.1-.7-1.2-1-.8-2.4-.1-3.1.6-.4.9-.8 1.7-.8 1.2 0 2.5 0 3.1.2h.1c-.1.6-.2 1.1-.4 1.7-.5-.2-1-.4-1.5-.4-.3 0-.6 0-.9.1-.2 0-.3.1-.4.2-.2.2-.2.5 0 .7l.5.4c.4.2.8.4 1.1.6.5.3 1 .8 1.1 1.4.2.9-.1 1.7-.9 2.3-.5.4-.7.6-1.4.6-1.4 0-2.5.1-3.4-.2-.1.2-.1.2-.2.1zm-3.5.3c.1-.7.1-.7.2-1 .5-2.2 1-4.5 1.4-6.7.1-.2.1-.3.3-.3H18c-.2 1.2-.4 2.1-.7 3.2-.3 1.5-.6 3-1 4.5 0 .2-.1.2-.3.2M5 8.2c0-.1.2-.2.3-.2h3.4c.5 0 .9.3 1 .8l.9 4.4c0 .1 0 .1.1.2 0-.1.1-.1.1-.1l2.1-5.1c-.1-.1 0-.2.1-.2h2.1c0 .1 0 .1-.1.2l-3.1 7.3c-.1.2-.1.3-.2.4-.1.1-.3 0-.5 0H9.7c-.1 0-.2 0-.2-.2L7.9 9.5c-.2-.2-.5-.5-.9-.6-.6-.3-1.7-.5-1.9-.5L5 8.2z" fill="#142688"/></svg> </li></ul> </div> </div> </div> </div>  <div id="eurus-popup" class="fixed duration-500 inset-0 z-[100] md:z-60 pointer-events-none md:block flex flex-col-reverse h-fit top-[unset] md:h-full md:top-0" x-cloak></div> <div id="popup-minimal-left" class="fixed z-50 bottom-4 md:bottom-8 left-4 md:left-8 pointer-events-auto pr-4 md:pr-8" ></div> <div class="scroll-to-top"> <style data-shopify> .scroll_top { bottom: 40px; } @media(min-width: 768px) { .scroll_top { bottom: 40px; } } </style> <div x-data="xScrollTop" @init-run.window="scrollFunction()" @scroll.window="scrollFunction()" class="hidden md:block" > <button x-show="show" x-cloak @click="scrollTop()" class="scroll_top fixed z-50 pl-3 pr-3 pb-3 pt-3 w-11 h-11 md:w-14 md:h-14 md:pl-4 md:pt-4 md:pr-4 md:pb-4 border-0 rounded-full right-5 rtl:right-auto rtl:left-5 -rotate-90 button-outline" x-transition:enter="transition-all ease-in-out duration-500" x-transition:enter-start="opacity-0 transform translate-y-1/3" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition-all ease-in-out duration-500" x-transition:leave-end="opacity-0 transform translate-y-1/3" aria-label="scroll top" > <svg width="100%" height="100%" class=" w-full h-full" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;"> <path d="M14.6998 17.7577L20 12.3788L14.6998 7M4 12.3789H18.9697" stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </button> </div> <script> requestAnimationFrame(() => { document.addEventListener('alpine:init', () => { Alpine.data('xScrollTop', () => ({ show: false, scrollTop() { window.scrollTo({top: 0, behavior: 'smooth'}); }, scrollFunction() { const position = window.innerWidth < 1025 ? 300 : 900; this.show = (document.body.scrollTop > position || document.documentElement.scrollTop > position) ? true : false; } })); }); }); </script> </div> </div> <div> <ul hidden> <li id="a11y-refresh-page-message">Choosing a selection results in a full page refresh. </li> <li id="a11y-new-window-message">Opens in a new window. </li> </ul> <script> window.Eurus = { sliderScript: '//theblackpurple.com/cdn/shop/t/70/assets/splide4.1.3.aio.min.js?v=117205672124987356751760147605', cart_error: `There was an error while updating your cart. Please try again.`, cart_quantity_error_html: `You can only add [quantity] of this item to your cart.`, loadedScript: new Set(), cart_add_url: '/cart/add' }; </script> <script src="//theblackpurple.com/cdn/shop/t/70/assets/share-cart.aio.min.js?v=66555914730961636361760147603" defer></script> <script src="//theblackpurple.com/cdn/shop/t/70/assets/coupon-code.aio.min.js?v=10654427990499564881760147598" defer></script> <script src="//theblackpurple.com/cdn/shop/t/70/assets/product-recommendations.aio.min.js?v=87967288946860778551760147599" defer></script> <script src="//theblackpurple.com/cdn/shop/t/70/assets/estimate-shipping-rate.aio.min.js?v=54709766640709237771760147598" defer></script> <script src="//theblackpurple.com/cdn/shop/t/70/assets/preview-color-swatches.aio.min.js?v=4594295495024200981760147598" defer></script><script src="//theblackpurple.com/cdn/shop/t/70/assets/cart-countdown-timer.aio.min.js?v=29345414441718995961760147598" defer></script><script src="//theblackpurple.com/cdn/shop/t/70/assets/theme.aio.min.js?v=158895402153279869161760147608" defer></script> <script src="//theblackpurple.com/cdn/shop/t/70/assets/vendors.aio.min.js?v=79444014845945219631760147610" defer></script> <script src="//theblackpurple.com/cdn/shop/t/70/assets/variant-select-card.aio.min.js?v=68671393451214742311760147609" defer></script> <script> window.addEventListener("load", (event) => { deferScriptLoad('instant.page', '//theblackpurple.com/cdn/shop/t/70/assets/instant.page.v5.1.1.aio.min.js?v=49920012082709044601760147598', () => {}, true); }); </script> </div> <style> .jdgm-rev-widg__header {margin-top: 80px;} button.button-disable-effect,.button.button-disable-effect,.button.button-solid,.button.button-solid {background-color: #7b30a2;} @media (min-width: 1090px) {.md\:text-\[0\.6125rem\] {font-size: 0.9125rem; }} </style> </body> </html>