<!doctype html>
<html
lang="en"
>
<head>
<meta charset="utf-8">
<meta
http-equiv="X-UA-Compatible"
content="IE=edge"
>
<meta
name="viewport"
content="width=device-width,initial-scale=1"
>
<meta
name="view-transition"
content="same-origin"
>
<meta
name="theme-color"
content=""
>
<meta
property="og:site_name"
content="The Body Hub® FZE"
>
<meta
property="og:url"
content="https://www.body-hub.com/"
>
<meta
property="og:title"
content="The Body Hub® FZE"
>
<meta
property="og:type"
content="website"
>
<meta
property="og:description"
content="The Body Hub® FZE"
><meta
name="twitter:card"
content="summary_large_image"
>
<meta
name="twitter:title"
content="The Body Hub® FZE"
>
<meta
name="twitter:description"
content="The Body Hub® FZE"
>
<title>
The Body Hub® FZE
</title>
<link
rel="canonical"
href="https://www.body-hub.com/"
>
<link href="//www.body-hub.com/cdn/shop/t/9/assets/overflow-list.css?v=101911674359793798601781263057" as="style" rel="preload">
<link href="//www.body-hub.com/cdn/shop/t/9/assets/base.css?v=34039264063766325411781263057" rel="stylesheet" type="text/css" media="all" />
<link
rel="preload"
as="font"
href="//www.body-hub.com/cdn/fonts/mona_sans/monasans_n4.cc3f184f0be0174773c72c5502453af88810902e.woff2"
type="font/woff2"
crossorigin
fetchpriority="low"
><link
rel="preload"
as="font"
href="//www.body-hub.com/cdn/fonts/frank_ruhl_libre/frankruhllibre_n4.be41c898e32d82eb3a7f43577f4ecd03f1e247ed.woff2"
type="font/woff2"
crossorigin
fetchpriority="low"
><link
rel="preload"
as="font"
href="//www.body-hub.com/cdn/fonts/frank_ruhl_libre/frankruhllibre_n5.ef527ecd81d37492e58d3e3b9e4e8498733bc28d.woff2"
type="font/woff2"
crossorigin
fetchpriority="low"
><link
rel="preload"
as="font"
href="//www.body-hub.com/cdn/fonts/anonymous_pro/anonymouspro_n4.f8892cc1cfa3d797af6172c8eeddce62cf610e33.woff2"
type="font/woff2"
crossorigin
fetchpriority="low"
>
<script async crossorigin fetchpriority="high" src="/cdn/shopifycloud/importmap-polyfill/es-modules-shim.2.4.0.js"></script>
<script type="importmap">
{
"imports": {
"@theme/overflow-list": "//www.body-hub.com/cdn/shop/t/9/assets/overflow-list.js?v=46858356770684902511781263057",
"@theme/product-title": "//www.body-hub.com/cdn/shop/t/9/assets/product-title-truncation.js?v=81744426891537421781781263057",
"@theme/component": "//www.body-hub.com/cdn/shop/t/9/assets/component.js?v=184240237101443119871781263057",
"@theme/dialog": "//www.body-hub.com/cdn/shop/t/9/assets/dialog.js?v=150888536568694194021781263057",
"@theme/events": "//www.body-hub.com/cdn/shop/t/9/assets/events.js?v=147926035229139604561781263057",
"@theme/focus": "//www.body-hub.com/cdn/shop/t/9/assets/focus.js?v=60436577539430446401781263057",
"@theme/morph": "//www.body-hub.com/cdn/shop/t/9/assets/morph.js?v=102085577784545683451781263057",
"@theme/paginated-list": "//www.body-hub.com/cdn/shop/t/9/assets/paginated-list.js?v=95298315036233333871781263057",
"@theme/performance": "//www.body-hub.com/cdn/shop/t/9/assets/performance.js?v=171015751390534793081781263057",
"@theme/product-form": "//www.body-hub.com/cdn/shop/t/9/assets/product-form.js?v=37993400097492174081781263057",
"@theme/recently-viewed-products": "//www.body-hub.com/cdn/shop/t/9/assets/recently-viewed-products.js?v=94729125001750262651781263057",
"@theme/scrolling": "//www.body-hub.com/cdn/shop/t/9/assets/scrolling.js?v=162288454571026455011781263057",
"@theme/section-renderer": "//www.body-hub.com/cdn/shop/t/9/assets/section-renderer.js?v=152586934315572818121781263057",
"@theme/section-hydration": "//www.body-hub.com/cdn/shop/t/9/assets/section-hydration.js?v=108434990705342316311781263057",
"@theme/money-formatting": "//www.body-hub.com/cdn/shop/t/9/assets/money-formatting.js?v=182191346160333327151781263057",
"@theme/utilities": "//www.body-hub.com/cdn/shop/t/9/assets/utilities.js?v=137979405375850297411781263057",
"@theme/variant-picker": "//www.body-hub.com/cdn/shop/t/9/assets/variant-picker.js?v=124079696159966615681781263057",
"@theme/media-gallery": "//www.body-hub.com/cdn/shop/t/9/assets/media-gallery.js?v=14624021005636302161781263057",
"@theme/quick-add": "//www.body-hub.com/cdn/shop/t/9/assets/quick-add.js?v=8173316780029216301781263057",
"@theme/paginated-list-aspect-ratio": "//www.body-hub.com/cdn/shop/t/9/assets/paginated-list-aspect-ratio.js?v=25254270272143792451781263057",
"@theme/popover-polyfill": "//www.body-hub.com/cdn/shop/t/9/assets/popover-polyfill.js?v=119029313658895111201781263057",
"@theme/component-quantity-selector": "//www.body-hub.com/cdn/shop/t/9/assets/component-quantity-selector.js?v=67906657287482036641781263057",
"@theme/comparison-slider": "//www.body-hub.com/cdn/shop/t/9/assets/comparison-slider.js?v=106705562947035711941781263057",
"@theme/sticky-add-to-cart": "//www.body-hub.com/cdn/shop/t/9/assets/sticky-add-to-cart.js?v=48956925339276737091781263057",
"@theme/fly-to-cart": "//www.body-hub.com/cdn/shop/t/9/assets/fly-to-cart.js?v=48483246440248933081781263057"
}
}
</script>
<script
src="//www.body-hub.com/cdn/shop/t/9/assets/view-transitions.js?v=7106414069516106341781263057"
async
></script>
<link
rel="modulepreload"
href="//www.body-hub.com/cdn/shop/t/9/assets/utilities.js?v=137979405375850297411781263057"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//www.body-hub.com/cdn/shop/t/9/assets/component.js?v=184240237101443119871781263057"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//www.body-hub.com/cdn/shop/t/9/assets/section-renderer.js?v=152586934315572818121781263057"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//www.body-hub.com/cdn/shop/t/9/assets/section-hydration.js?v=108434990705342316311781263057"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//www.body-hub.com/cdn/shop/t/9/assets/morph.js?v=102085577784545683451781263057"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//www.body-hub.com/cdn/shop/t/9/assets/focus.js?v=60436577539430446401781263057"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//www.body-hub.com/cdn/shop/t/9/assets/recently-viewed-products.js?v=94729125001750262651781263057"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//www.body-hub.com/cdn/shop/t/9/assets/scrolling.js?v=162288454571026455011781263057"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//www.body-hub.com/cdn/shop/t/9/assets/events.js?v=147926035229139604561781263057"
fetchpriority="low"
>
<script
src="//www.body-hub.com/cdn/shop/t/9/assets/popover-polyfill.js?v=119029313658895111201781263057"
type="module"
fetchpriority="low"
></script>
<script
src="//www.body-hub.com/cdn/shop/t/9/assets/overflow-list.js?v=46858356770684902511781263057"
type="module"
fetchpriority="low"
></script>
<script
src="//www.body-hub.com/cdn/shop/t/9/assets/quick-add.js?v=8173316780029216301781263057"
type="module"
fetchpriority="low"
></script>
<script
src="//www.body-hub.com/cdn/shop/t/9/assets/cart-discount.js?v=107077853990124422021781263057"
type="module"
fetchpriority="low"
></script>
<script
src="//www.body-hub.com/cdn/shop/t/9/assets/dialog.js?v=150888536568694194021781263057"
type="module"
fetchpriority="low"
></script>
<script
src="//www.body-hub.com/cdn/shop/t/9/assets/variant-picker.js?v=124079696159966615681781263057"
type="module"
fetchpriority="low"
></script>
<script
src="//www.body-hub.com/cdn/shop/t/9/assets/product-card.js?v=124402285637860180781781263057"
type="module"
fetchpriority="low"
></script>
<script
src="//www.body-hub.com/cdn/shop/t/9/assets/product-form.js?v=37993400097492174081781263057"
type="module"
fetchpriority="low"
></script>
<script
src="//www.body-hub.com/cdn/shop/t/9/assets/fly-to-cart.js?v=48483246440248933081781263057"
type="module"
fetchpriority="low"
></script>
<script
src="//www.body-hub.com/cdn/shop/t/9/assets/accordion-custom.js?v=97588419883090888471781263057"
type="module"
fetchpriority="low"
></script>
<script
src="//www.body-hub.com/cdn/shop/t/9/assets/media.js?v=37825095869491791421781263057"
type="module"
fetchpriority="low"
></script>
<script
src="//www.body-hub.com/cdn/shop/t/9/assets/product-price.js?v=125406045307689219221781263057"
type="module"
fetchpriority="low"
></script>
<script
src="//www.body-hub.com/cdn/shop/t/9/assets/product-sku.js?v=121804655373531320511781263057"
type="module"
fetchpriority="low"
></script>
<script
src="//www.body-hub.com/cdn/shop/t/9/assets/product-title-truncation.js?v=81744426891537421781781263057"
type="module"
fetchpriority="low"
></script>
<script
src="//www.body-hub.com/cdn/shop/t/9/assets/product-inventory.js?v=81520546963552472391781263057"
type="module"
fetchpriority="low"
></script>
<script
src="//www.body-hub.com/cdn/shop/t/9/assets/show-more.js?v=94563802205717136101781263057"
type="module"
fetchpriority="low"
></script>
<script
src="//www.body-hub.com/cdn/shop/t/9/assets/slideshow.js?v=17868446697736367161781263057"
type="module"
fetchpriority="low"
></script>
<script
src="//www.body-hub.com/cdn/shop/t/9/assets/layered-slideshow.js?v=30135417790894624731781263057"
type="module"
fetchpriority="low"
></script>
<script
src="//www.body-hub.com/cdn/shop/t/9/assets/anchored-popover.js?v=95953304814728754461781263057"
type="module"
fetchpriority="low"
></script>
<script
src="//www.body-hub.com/cdn/shop/t/9/assets/floating-panel.js?v=151277338116891310371781263057"
type="module"
fetchpriority="low"
></script>
<script
src="//www.body-hub.com/cdn/shop/t/9/assets/video-background.js?v=25237992823806706551781263057"
type="module"
fetchpriority="low"
></script>
<script
src="//www.body-hub.com/cdn/shop/t/9/assets/component-quantity-selector.js?v=67906657287482036641781263057"
type="module"
fetchpriority="low"
></script>
<script
src="//www.body-hub.com/cdn/shop/t/9/assets/media-gallery.js?v=14624021005636302161781263057"
type="module"
fetchpriority="low"
></script>
<script
src="//www.body-hub.com/cdn/shop/t/9/assets/rte-formatter.js?v=40306132146590816021781263057"
type="module"
fetchpriority="low"
></script>
<script
src="//www.body-hub.com/cdn/shop/t/9/assets/volume-pricing.js?v=15442793518842484731781263057"
type="module"
fetchpriority="low"
></script>
<script
src="//www.body-hub.com/cdn/shop/t/9/assets/price-per-item.js?v=144512917617120124431781263057"
type="module"
fetchpriority="low"
></script>
<script
src="//www.body-hub.com/cdn/shop/t/9/assets/volume-pricing-info.js?v=94479640769665442661781263057"
type="module"
fetchpriority="low"
></script>
<script
src="//www.body-hub.com/cdn/shop/t/9/assets/localization.js?v=15585934801240115691781263057"
type="module"
fetchpriority="low"
></script>
<script
src="//www.body-hub.com/cdn/shop/t/9/assets/auto-close-details.js?v=58350291535404441581781263057"
defer="defer"
></script>
<script>
const Theme = {
translations: {
placeholder_image: `Placeholder image`,
added: `Added`,
recipient_form_fields_visible: `Recipient form fields are now visible`,
recipient_form_fields_hidden: `Recipient form fields are now hidden`,
recipient_form_error: `There was an error with the form submission`,
items_added_to_cart_one: `1 item added to cart`,
items_added_to_cart_other: `{{ count }} items added to cart`,
},
routes: {
cart_add_url: '/cart/add.js',
cart_change_url: '/cart/change',
cart_update_url: '/cart/update',
cart_url: '/cart',
predictive_search_url: '/search/suggest',
search_url: '/search',
},
template: {
name: 'index',
},
};
</script>
<style data-shopify>
@font-face {
font-family: "Mona Sans";
font-weight: 400;
font-style: normal;
font-display: swap;
src: url("//www.body-hub.com/cdn/fonts/mona_sans/monasans_n4.cc3f184f0be0174773c72c5502453af88810902e.woff2") format("woff2"),
url("//www.body-hub.com/cdn/fonts/mona_sans/monasans_n4.fa36f5da9700fad1da93752dd8c5592c2878aaec.woff") format("woff");
}
@font-face {
font-family: "Mona Sans";
font-weight: 700;
font-style: normal;
font-display: swap;
src: url("//www.body-hub.com/cdn/fonts/mona_sans/monasans_n7.7a174deadcf23a8eb1f5b59b4449a81c215adf52.woff2") format("woff2"),
url("//www.body-hub.com/cdn/fonts/mona_sans/monasans_n7.fa6a2ddc8ef9995151c1d6e9116360bce89c3e37.woff") format("woff");
}
@font-face {
font-family: "Mona Sans";
font-weight: 400;
font-style: italic;
font-display: swap;
src: url("//www.body-hub.com/cdn/fonts/mona_sans/monasans_i4.8afe827b8e1249d54e8235898b9437caf25eb86d.woff2") format("woff2"),
url("//www.body-hub.com/cdn/fonts/mona_sans/monasans_i4.f786ef97cfdb9bdf0574b567a4b4eb003f584167.woff") format("woff");
}
@font-face {
font-family: "Mona Sans";
font-weight: 700;
font-style: italic;
font-display: swap;
src: url("//www.body-hub.com/cdn/fonts/mona_sans/monasans_i7.89aaf4e957e47c275eefdc2401ad05ae83998937.woff2") format("woff2"),
url("//www.body-hub.com/cdn/fonts/mona_sans/monasans_i7.c3ddf121e9050e4a9b2cd9e66994f7aca1957aad.woff") format("woff");
}
@font-face {
font-family: "Frank Ruhl Libre";
font-weight: 400;
font-style: normal;
font-display: swap;
src: url("//www.body-hub.com/cdn/fonts/frank_ruhl_libre/frankruhllibre_n4.be41c898e32d82eb3a7f43577f4ecd03f1e247ed.woff2") format("woff2"),
url("//www.body-hub.com/cdn/fonts/frank_ruhl_libre/frankruhllibre_n4.64ad59b2faca9e6f1e4f98b77886084a0fe29ad9.woff") format("woff");
}
@font-face {
font-family: "Frank Ruhl Libre";
font-weight: 700;
font-style: normal;
font-display: swap;
src: url("//www.body-hub.com/cdn/fonts/frank_ruhl_libre/frankruhllibre_n7.06bf05fa630f92a9f19b582dcbbceb09621e4909.woff2") format("woff2"),
url("//www.body-hub.com/cdn/fonts/frank_ruhl_libre/frankruhllibre_n7.5d86522b9aa7c903886206d07b95baaf5e68bfba.woff") format("woff");
}
@font-face {
font-family: "Frank Ruhl Libre";
font-weight: 500;
font-style: normal;
font-display: swap;
src: url("//www.body-hub.com/cdn/fonts/frank_ruhl_libre/frankruhllibre_n5.ef527ecd81d37492e58d3e3b9e4e8498733bc28d.woff2") format("woff2"),
url("//www.body-hub.com/cdn/fonts/frank_ruhl_libre/frankruhllibre_n5.677fe8cc2ad8e6bbb0799a09a859be4fa0617e06.woff") format("woff");
}
@font-face {
font-family: "Anonymous Pro";
font-weight: 400;
font-style: normal;
font-display: swap;
src: url("//www.body-hub.com/cdn/fonts/anonymous_pro/anonymouspro_n4.f8892cc1cfa3d797af6172c8eeddce62cf610e33.woff2") format("woff2"),
url("//www.body-hub.com/cdn/fonts/anonymous_pro/anonymouspro_n4.a707ca3ea5e6b6468ff0c29cf7e105dca1c09be4.woff") format("woff");
}
@font-face {
font-family: "Anonymous Pro";
font-weight: 700;
font-style: normal;
font-display: swap;
src: url("//www.body-hub.com/cdn/fonts/anonymous_pro/anonymouspro_n7.1abf60a1262a5f61d3e7f19599b5bc79deae580f.woff2") format("woff2"),
url("//www.body-hub.com/cdn/fonts/anonymous_pro/anonymouspro_n7.72f538c813c55fd861df0050c3a89911062226b9.woff") format("woff");
}
@font-face {
font-family: "Anonymous Pro";
font-weight: 400;
font-style: italic;
font-display: swap;
src: url("//www.body-hub.com/cdn/fonts/anonymous_pro/anonymouspro_i4.e25745b6d033a0b4eea75ad1dd0df2b911abcf1f.woff2") format("woff2"),
url("//www.body-hub.com/cdn/fonts/anonymous_pro/anonymouspro_i4.280c8776a79ac154f9332217a9852603e17ae391.woff") format("woff");
}
@font-face {
font-family: "Anonymous Pro";
font-weight: 700;
font-style: italic;
font-display: swap;
src: url("//www.body-hub.com/cdn/fonts/anonymous_pro/anonymouspro_i7.ee4faea594767398c1a7c2d939c79e197bcdaf0b.woff2") format("woff2"),
url("//www.body-hub.com/cdn/fonts/anonymous_pro/anonymouspro_i7.d1ad252be5feb58dd0c7443a002463a98964f452.woff") format("woff");
}
:root {
/* Page Layout */
--sidebar-width: 25rem;
--narrow-content-width: 36rem;
--normal-content-width: 42rem;
--wide-content-width: 46rem;
--narrow-page-width: 90rem;
--normal-page-width: 120rem;
--wide-page-width: 150rem;
/* Section Heights */
--section-height-small: 15rem;
--section-height-medium: 25rem;
--section-height-large: 35rem;
@media screen and (min-width: 40em) {
--section-height-small: 40svh;
--section-height-medium: 55svh;
--section-height-large: 70svh;
}
@media screen and (min-width: 60em) {
--section-height-small: 50svh;
--section-height-medium: 65svh;
--section-height-large: 80svh;
}
/* Letter spacing */
--letter-spacing-sm: 0.06em;
--letter-spacing-md: 0.13em;
/* Font families */
--font-body--family: "Mona Sans", sans-serif;
--font-body--style: normal;
--font-body--weight: 400;
--font-subheading--family: "Frank Ruhl Libre", serif;
--font-subheading--style: normal;
--font-subheading--weight: 400;
--font-heading--family: "Frank Ruhl Libre", serif;
--font-heading--style: normal;
--font-heading--weight: 500;
--font-accent--family: "Anonymous Pro", monospace;
--font-accent--style: normal;
--font-accent--weight: 400;
/* Margin sizes */
--font-h1--spacing: 0.25em;
--font-h2--spacing: 0.25em;
--font-h3--spacing: 0.25em;
--font-h4--spacing: 0.25em;
--font-h5--spacing: 0.25em;
--font-h6--spacing: 0.25em;
--font-paragraph--spacing: 0.5em;
/* Heading colors */
--font-h1--color: var(--color-foreground-heading);
--font-h2--color: var(--color-foreground-heading);
--font-h3--color: var(--color-foreground-heading);
--font-h4--color: var(--color-foreground-heading);
--font-h5--color: var(--color-foreground-heading);
--font-h6--color: var(--color-foreground-heading);
/** Z-Index / Layering */
--layer-section-background: -2;
--layer-lowest: -1;
--layer-base: 0;
--layer-flat: 1;
--layer-raised: 2;
--layer-heightened: 4;
--layer-sticky: 8;
--layer-window-overlay: 10;
--layer-header-menu: 12;
--layer-overlay: 16;
--layer-menu-drawer: 18;
--layer-temporary: 20;
/* Max-width / Measure */
--max-width--body-normal: 32.5em;
--max-width--body-narrow: 22.75em;
--max-width--heading-normal: 32.5em;
--max-width--heading-narrow: 19.5em;
--max-width--display-normal: 13em;
--max-width--display-narrow: 9.75em;
--max-width--display-tight: 3.25em;
/* Letter-spacing / Tracking */
--letter-spacing--display-tight: -0.03em;
--letter-spacing--display-normal: 0em;
--letter-spacing--display-loose: 0.03em;
--letter-spacing--heading-tight: -0.03em;
--letter-spacing--heading-normal: 0em;
--letter-spacing--heading-loose: 0.03em;
--letter-spacing--body-tight: -0.03em;
--letter-spacing--body-normal: 0em;
--letter-spacing--body-loose: 0.03em;
/* Line height / Leading */
--line-height: 1;
--line-height--display-tight: 1;
--line-height--display-normal: 1.1;
--line-height--display-loose: 1.2;
--line-height--heading-tight: 1.15;
--line-height--heading-normal: 1.25;
--line-height--heading-loose: 1.35;
--line-height--body-tight: 1.2;
--line-height--body-normal: 1.4;
--line-height--body-loose: 1.6;
/* Typography presets */
--font-size--paragraph: 0.875rem;--font-size--h1: clamp(3.0rem, 8.8vw, 5.5rem);--font-size--h2: clamp(2.25rem, 4.8vw, 3.0rem);--font-size--h3: 2.0rem;--font-size--h4: 1.5rem;--font-size--h5: 1.125rem;--font-size--h6: 0.875rem;--font-paragraph--weight: 400;--font-paragraph--letter-spacing: var(--letter-spacing--body-normal);--font-paragraph--size: var(--font-size--paragraph);--font-paragraph--family: var(--font-body--family);--font-paragraph--style: var(--font-body--style);--font-paragraph--case: ;--font-paragraph--line-height: var(--line-height--body-normal);--font-h1--weight: var(--font-heading--weight);--font-h1--letter-spacing: var(--letter-spacing--heading-normal);--font-h1--size: var(--font-size--h1);--font-h1--family: var(--font-heading--family);--font-h1--style: var(--font-heading--style);--font-h1--case: none;--font-h1--line-height: var(--line-height--display-tight);--font-h2--weight: var(--font-heading--weight);--font-h2--letter-spacing: var(--letter-spacing--heading-normal);--font-h2--size: var(--font-size--h2);--font-h2--family: var(--font-heading--family);--font-h2--style: var(--font-heading--style);--font-h2--case: none;--font-h2--line-height: var(--line-height--display-loose);--font-h3--weight: var(--font-heading--weight);--font-h3--letter-spacing: var(--letter-spacing--heading-normal);--font-h3--size: var(--font-size--h3);--font-h3--family: var(--font-heading--family);--font-h3--style: var(--font-heading--style);--font-h3--case: none;--font-h3--line-height: var(--line-height--display-normal);--font-h4--weight: var(--font-heading--weight);--font-h4--letter-spacing: var(--letter-spacing--heading-normal);--font-h4--size: var(--font-size--h4);--font-h4--family: var(--font-heading--family);--font-h4--style: var(--font-heading--style);--font-h4--case: none;--font-h4--line-height: var(--line-height--display-tight);--font-h5--weight: var(--font-subheading--weight);--font-h5--letter-spacing: var(--letter-spacing--heading-normal);--font-h5--size: var(--font-size--h5);--font-h5--family: var(--font-subheading--family);--font-h5--style: var(--font-subheading--style);--font-h5--case: none;--font-h5--line-height: var(--line-height--display-normal);--font-h6--weight: var(--font-subheading--weight);--font-h6--letter-spacing: var(--letter-spacing--heading-normal);--font-h6--size: var(--font-size--h6);--font-h6--family: var(--font-subheading--family);--font-h6--style: var(--font-subheading--style);--font-h6--case: none;--font-h6--line-height: var(--line-height--display-normal);
/* Hardcoded font sizes */
--font-size--3xs: 0.625rem;
--font-size--2xs: 0.75rem;
--font-size--xs: 0.8125rem;
--font-size--sm: 0.875rem;
--font-size--md: 1rem;
--font-size--lg: 1.125rem;
--font-size--xl: 1.25rem;
--font-size--2xl: 1.5rem;
--font-size--3xl: 2rem;
--font-size--4xl: 2.5rem;
--font-size--5xl: 3rem;
--font-size--6xl: 3.5rem;
/* Menu font sizes */
--menu-font-sm--size: 0.875rem;
--menu-font-sm--line-height: calc(1.1 + 0.5 * min(16 / 14));
--menu-font-md--size: 1rem;
--menu-font-md--line-height: calc(1.1 + 0.5 * min(16 / 16));
--menu-font-lg--size: 1.125rem;
--menu-font-lg--line-height: calc(1.1 + 0.5 * min(16 / 18));
--menu-font-xl--size: 1.25rem;
--menu-font-xl--line-height: calc(1.1 + 0.5 * min(16 / 20));
--menu-font-2xl--size: 1.75rem;
--menu-font-2xl--line-height: calc(1.1 + 0.5 * min(16 / 28));
/* Colors */
--color-error: #8B0000;
--color-success: #006400;
--color-white: #FFFFFF;
--color-white-rgb: 255 255 255;
--color-black: #000000;
--color-instock: #3ED660;
--color-lowstock: #EE9441;
--color-outofstock: #C8C8C8;
/* Opacity */
--opacity-5: 0.05;
--opacity-8: 0.08;
--opacity-10: 0.1;
--opacity-15: 0.15;
--opacity-20: 0.2;
--opacity-25: 0.25;
--opacity-30: 0.3;
--opacity-40: 0.4;
--opacity-50: 0.5;
--opacity-60: 0.6;
--opacity-70: 0.7;
--opacity-80: 0.8;
--opacity-85: 0.85;
--opacity-90: 0.9;
--opacity-subdued-text: var(--opacity-70);
--shadow-button: 0 2px 3px rgb(0 0 0 / 20%);
--gradient-image-overlay: linear-gradient(to top, rgb(0 0 0 / 0.5), transparent);
/* Spacing */
--margin-3xs: 0.125rem;
--margin-2xs: 0.3rem;
--margin-xs: 0.5rem;
--margin-sm: 0.7rem;
--margin-md: 0.8rem;
--margin-lg: 1rem;
--margin-xl: 1.25rem;
--margin-2xl: 1.5rem;
--margin-3xl: 1.75rem;
--margin-4xl: 2rem;
--margin-5xl: 3rem;
--margin-6xl: 5rem;
--scroll-margin: 50px;
--padding-3xs: 0.125rem;
--padding-2xs: 0.25rem;
--padding-xs: 0.5rem;
--padding-sm: 0.7rem;
--padding-md: 0.8rem;
--padding-lg: 1rem;
--padding-xl: 1.25rem;
--padding-2xl: 1.5rem;
--padding-3xl: 1.75rem;
--padding-4xl: 2rem;
--padding-5xl: 3rem;
--padding-6xl: 4rem;
--gap-3xs: 0.125rem;
--gap-2xs: 0.3rem;
--gap-xs: 0.5rem;
--gap-sm: 0.7rem;
--gap-md: 0.9rem;
--gap-lg: 1rem;
--gap-xl: 1.25rem;
--gap-2xl: 2rem;
--gap-3xl: 3rem;
--spacing-scale-sm: 0.6;
--spacing-scale-md: 0.7;
--spacing-scale-default: 1.0;
/* Checkout buttons gap */
--checkout-button-gap: 10px;
/* Borders */
--style-border-width: 1px;
--style-border-radius-xs: 0.2rem;
--style-border-radius-sm: 0.6rem;
--style-border-radius-md: 0.8rem;
--style-border-radius-50: 50%;
--style-border-radius-lg: 1rem;
--style-border-radius-pills: 40px;
--style-border-radius-inputs: 4px;
--style-border-radius-buttons-primary: 14px;
--style-border-radius-buttons-secondary: 14px;
--style-border-width-primary: 0px;
--style-border-width-secondary: 1px;
--style-border-width-inputs: 1px;
--style-border-radius-popover: 14px;
--style-border-popover: 1px none rgb(var(--color-border-rgb) / 50%);
--style-border-drawer: 1px none rgb(var(--color-border-rgb) / 50%);
--style-border-swatch-opacity: 10%;
--style-border-swatch-width: 1px;
--style-border-swatch-style: solid;
/* Animation */
--ease-out-cubic: cubic-bezier(0.33, 1, 0.68, 1);
--ease-out-quad: cubic-bezier(0.32, 0.72, 0, 1);
--ease-in-out-quad: cubic-bezier(0.455, 0.03, 0.515, 0.955);
--animation-speed-fast: 0.0625s;
--animation-speed: 0.125s;
--animation-speed-slow: 0.2s;
--animation-speed-medium: 0.15s;
--animation-easing: ease-in-out;
--animation-slideshow-easing: cubic-bezier(0.4, 0, 0.2, 1);
--drawer-animation-speed: 0.2s;
--animation-values-slow: var(--animation-speed-slow) var(--animation-easing);
--animation-values: var(--animation-speed) var(--animation-easing);
--animation-values-fast: var(--animation-speed-fast) var(--animation-easing);
--animation-values-allow-discrete: var(--animation-speed) var(--animation-easing) allow-discrete;
--animation-timing-hover: cubic-bezier(0.25, 0.46, 0.45, 0.94);
--animation-timing-active: cubic-bezier(0.5, 0, 0.75, 0);
--animation-timing-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
--animation-timing-default: cubic-bezier(0, 0, 0.2, 1);
--animation-timing-fade-in: cubic-bezier(0.16, 1, 0.3, 1);
--animation-timing-fade-out: cubic-bezier(0.4, 0, 0.2, 1);
/* Spring definitions suffixed with perceptual duration (d<ms>) and bounce (b<%>)*/
--spring-d300-b0-easing: linear(0, 0.0033 0.81%, 0.027 2.42%, 0.0916 4.84%, 0.4745 15.32%, 0.6422 20.97%, 0.7175, 0.7789, 0.8283 30.64%, 0.876, 0.9111 38.71%, 0.941, 0.9611 48.39%, 0.9707, 0.978 54.84%, 0.9885 62.1%, 0.9949 70.97%, 0.9982 82.26%, 0.9997 100%);
--spring-d300-b0-duration: 0.4980s;
--spring-d280-b0-easing: linear(0, 0.0044, 0.0164 1.85%, 0.085 4.63%, 0.4571 14.81%, 0.575 18.52%, 0.6505, 0.7148 24.07%, 0.7849, 0.8393, 0.8809 35.18%, 0.9189, 0.9453 44.44%, 0.9662, 0.9793 55.55%, 0.9894 62.95%, 0.995 71.28%, 0.9982 82.39%, 0.9997 99.98%);
--spring-d280-b0-duration: 0.4648s;
--spring-d260-b0-easing: linear(0, 0.0058, 0.0216 2.15%, 0.0748 4.29%, 0.4646 15.03%, 0.5673, 0.655, 0.7279, 0.7872, 0.8349, 0.8727 34.36%, 0.9107, 0.9379 42.95%, 0.9609 48.31%, 0.9778 54.76%, 0.9887 62.27%, 0.9948 70.86%, 0.9983 82.67%, 0.9997 99.85%);
--spring-d260-b0-duration: 0.4316s;
--spring-d220-b0-easing: linear(
0,
0.0093 1.37%,
0.0696 4.12%,
0.4667 15.09%,
0.6322 20.58%,
0.6986 23.32%,
0.7793 27.44%,
0.8219 30.18%,
0.8721,
0.9089 38.42%,
0.9427,
0.9644,
0.978 54.88%,
0.9881 61.74%,
0.9944 69.97%,
0.998 80.95%,
0.9996 98.78%
);
--spring-d220-b0-duration: 0.3818s;
--spring-d180-b0-easing: linear(0, 0.0234, 0.0805 4.48%, 0.4865 15.68%, 0.6211 20.16%, 0.7696 26.88%, 0.8064 29.12%, 0.8646, 0.9063, 0.9358, 0.9563 47.04%, 0.9757, 0.9867 60.48%, 0.9941 69.44%, 0.9979 80.64%, 0.9996 98.56%);
--spring-d180-b0-duration: 0.2988s;
/* View transitions */
/* View transition old */
--view-transition-old-main-content: var(--animation-speed) var(--animation-easing) both fadeOut;
/* View transition new */
--view-transition-new-main-content: var(--animation-speed) var(--animation-easing) both fadeIn, var(--animation-speed) var(--animation-easing) both slideInTopViewTransition;
/* Focus */
--focus-outline-width: 0.09375rem;
--focus-outline-offset: 0.2em;
/* Badges */
--badge-blob-padding-block: 1px;
--badge-blob-padding-inline: 12px 8px;
--badge-rectangle-padding-block: 1px;
--badge-rectangle-padding-inline: 6px;
@media screen and (min-width: 750px) {
--badge-blob-padding-block: 4px;
--badge-blob-padding-inline: 16px 12px;
--badge-rectangle-padding-block: 4px;
--badge-rectangle-padding-inline: 10px;
}
/* Icons */
--icon-size-2xs: 0.6rem;
--icon-size-xs: 0.85rem;
--icon-size-sm: 1.25rem;
--icon-size-md: 1.375rem;
--icon-size-lg: 1.5rem;
--icon-stroke-width: 1.5px;
/* Input */
--input-email-min-width: 200px;
--input-search-max-width: 650px;
--input-padding-y: 0.8rem;
--input-padding-x: 0.8rem;
--input-padding: var(--input-padding-y) var(--input-padding-x);
--input-box-shadow-width: var(--style-border-width-inputs);
--input-box-shadow: 0 0 0 var(--input-box-shadow-width) var(--color-input-border);
--input-box-shadow-focus: 0 0 0 calc(var(--input-box-shadow-width) + 0.5px) var(--color-input-border);
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--input-textarea-min-height: 55px;
/* Checkbox */
--checkbox-size: 22px;
--checkbox-border-radius: 7px;
--checkbox-border: 1px solid rgb(var(--color-foreground-rgb) / var(--opacity-35-55));
--checkbox-label-padding: 8px;
@media screen and (min-width: 750px) {
--checkbox-size: 16px;
--checkbox-border-radius: 5px;
--checkbox-label-padding: 6px;
}
/* Button size */
--button-size-sm: 30px;
--button-size-md: 36px;
--button-size: var(--minimum-touch-target);
--button-padding-inline: 24px;
--button-padding-block: 16px;
/* Button font-family */
--button-font-family-primary: var(--font-body--family);
--button-font-family-secondary: var(--font-body--family);
/* Button text case */
--button-text-case: ;
--button-text-case-primary: default;
--button-text-case-secondary: default;
/* Borders */
--border-color: rgb(var(--color-border-rgb) / var(--opacity-50));
--border-width-sm: 1px;
--border-width-md: 2px;
--border-width-lg: 5px;
--border-radius-sm: 0.25rem;
/* Drawers */
--drawer-inline-padding: 25px;
--drawer-menu-inline-padding: 2.5rem;
--drawer-header-block-padding: 20px;
--drawer-content-block-padding: 10px;
--drawer-header-desktop-top: 0rem;
--drawer-padding: calc(var(--padding-sm) + 7px);
--drawer-height: 100dvh;
--drawer-width: 95vw;
--drawer-max-width: 500px;
/* Variant Picker Swatches */
--variant-picker-swatch-width-unitless: 34;
--variant-picker-swatch-height-unitless: 34;
--variant-picker-swatch-width: 34px;
--variant-picker-swatch-height: 34px;
--variant-picker-swatch-radius: 32px;
--variant-picker-border-width: 1px;
--variant-picker-border-style: solid;
--variant-picker-border-opacity: 10%;
/* Variant Picker Buttons */
--variant-picker-button-radius: 14px;
--variant-picker-button-border-width: 1px;
/* Slideshow */
--slideshow-controls-size: 3.5rem;
--slideshow-controls-icon: 2rem;
--peek-next-slide-size: 3rem;
/* Utilities */
--backdrop-opacity: 0.15;
--backdrop-color-rgb: var(--color-shadow-rgb);
--minimum-touch-target: 44px;
--disabled-opacity: 0.5;
--skeleton-opacity: 0.025;
/* Shapes */
--shape--circle: circle(50% at center);
--shape--sunburst: polygon(100% 50%,94.62% 55.87%,98.3% 62.94%,91.57% 67.22%,93.3% 75%,85.7% 77.39%,85.36% 85.36%,77.39% 85.7%,75% 93.3%,67.22% 91.57%,62.94% 98.3%,55.87% 94.62%,50% 100%,44.13% 94.62%,37.06% 98.3%,32.78% 91.57%,25% 93.3%,22.61% 85.7%,14.64% 85.36%,14.3% 77.39%,6.7% 75%,8.43% 67.22%,1.7% 62.94%,5.38% 55.87%,0% 50%,5.38% 44.13%,1.7% 37.06%,8.43% 32.78%,6.7% 25%,14.3% 22.61%,14.64% 14.64%,22.61% 14.3%,25% 6.7%,32.78% 8.43%,37.06% 1.7%,44.13% 5.38%,50% 0%,55.87% 5.38%,62.94% 1.7%,67.22% 8.43%,75% 6.7%,77.39% 14.3%,85.36% 14.64%,85.7% 22.61%,93.3% 25%,91.57% 32.78%,98.3% 37.06%,94.62% 44.13%);
--shape--diamond: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
--shape--blob: polygon(85.349% 11.712%, 87.382% 13.587%, 89.228% 15.647%, 90.886% 17.862%, 92.359% 20.204%, 93.657% 22.647%, 94.795% 25.169%, 95.786% 27.752%, 96.645% 30.382%, 97.387% 33.048%, 98.025% 35.740%, 98.564% 38.454%, 99.007% 41.186%, 99.358% 43.931%, 99.622% 46.685%, 99.808% 49.446%, 99.926% 52.210%, 99.986% 54.977%, 99.999% 57.744%, 99.975% 60.511%, 99.923% 63.278%, 99.821% 66.043%, 99.671% 68.806%, 99.453% 71.565%, 99.145% 74.314%, 98.724% 77.049%, 98.164% 79.759%, 97.433% 82.427%, 96.495% 85.030%, 95.311% 87.529%, 93.841% 89.872%, 92.062% 91.988%, 89.972% 93.796%, 87.635% 95.273%, 85.135% 96.456%, 82.532% 97.393%, 79.864% 98.127%, 77.156% 98.695%, 74.424% 99.129%, 71.676% 99.452%, 68.918% 99.685%, 66.156% 99.844%, 63.390% 99.942%, 60.624% 99.990%, 57.856% 99.999%, 55.089% 99.978%, 52.323% 99.929%, 49.557% 99.847%, 46.792% 99.723%, 44.031% 99.549%, 41.273% 99.317%, 38.522% 99.017%, 35.781% 98.639%, 33.054% 98.170%, 30.347% 97.599%, 27.667% 96.911%, 25.024% 96.091%, 22.432% 95.123%, 19.907% 93.994%, 17.466% 92.690%, 15.126% 91.216%, 12.902% 89.569%, 10.808% 87.761%, 8.854% 85.803%, 7.053% 83.703%, 5.418% 81.471%, 3.962% 79.119%, 2.702% 76.656%, 1.656% 74.095%, 0.846% 71.450%, 0.294% 68.740%, 0.024% 65.987%, 0.050% 63.221%, 0.343% 60.471%, 0.858% 57.752%, 1.548% 55.073%, 2.370% 52.431%, 3.283% 49.819%, 4.253% 47.227%, 5.249% 44.646%, 6.244% 42.063%, 7.211% 39.471%, 8.124% 36.858%, 8.958% 34.220%, 9.711% 31.558%, 10.409% 28.880%, 11.083% 26.196%, 11.760% 23.513%, 12.474% 20.839%, 13.259% 18.186%, 14.156% 15.569%, 15.214% 13.012%, 16.485% 10.556%, 18.028% 8.261%, 19.883% 6.211%, 22.041% 4.484%, 24.440% 3.110%, 26.998% 2.057%, 29.651% 1.275%, 32.360% 0.714%, 35.101% 0.337%, 37.859% 0.110%, 40.624% 0.009%, 43.391% 0.016%, 46.156% 0.113%, 48.918% 0.289%, 51.674% 0.533%, 54.425% 0.837%, 57.166% 1.215%, 59.898% 1.654%, 62.618% 2.163%, 65.322% 2.750%, 68.006% 3.424%, 70.662% 4.197%, 73.284% 5.081%, 75.860% 6.091%, 78.376% 7.242%, 80.813% 8.551%, 83.148% 10.036%, 85.349% 11.712%);
/* Buy buttons */
--height-buy-buttons: calc(var(--padding-lg) * 2 + var(--icon-size-sm));
/* Card image width and height variables */
--card-width-small: 10rem;
--height-small: 10rem;
--height-medium: 11.5rem;
--height-large: 13rem;
--height-full: 100vh;
@media screen and (min-width: 750px) {
--height-small: 17.5rem;
--height-medium: 21.25rem;
--height-large: 25rem;
}
/* Modal */
--modal-max-height: 65dvh;
--quick-add-modal-height: min(38.5rem, 96vh);
--quick-add-modal-width: min(54rem, 96vw);
--quick-add-modal-gallery-width: 24rem;
/* Card styles for search */
--card-bg-hover: rgb(var(--color-foreground-rgb) / var(--opacity-5));
--card-border-hover: rgb(var(--color-foreground-rgb) / var(--opacity-30));
--card-border-focus: rgb(var(--color-foreground-rgb) / var(--opacity-10));
/* Cart */
--cart-primary-font-family: var(--font-body--family);
--cart-primary-font-style: var(--font-body--style);
--cart-primary-font-weight: var(--font-body--weight);
--cart-secondary-font-family: var(--font-secondary--family);
--cart-secondary-font-style: var(--font-secondary--style);
--cart-secondary-font-weight: var(--font-secondary--weight);
}
</style>
<style data-shopify>
:root,
.color-scheme-1 {
--color-background: rgb(255 255 255 / 1.0);
/* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
--color-background-rgb: 255 255 255;
--opacity-5-15: 0.05;
--opacity-10-25: 0.1;
--opacity-35-55: 0.35;
--opacity-40-60: 0.4;
--opacity-30-60: 0.3;
--color-foreground: rgb(9 10 17 / 1.0);
--color-foreground-rgb: 9 10 17;
--color-foreground-heading: rgb(0 0 0 / 1.0);
--color-foreground-heading-rgb: 0 0 0;
--color-primary: rgb(35 39 67 / 1.0);
--color-primary-rgb: 35 39 67;
--color-primary-hover: rgb(0 0 0 / 1.0);
--color-primary-hover-rgb: 0 0 0;
--color-border: rgb(240 241 244 / 1.0);
--color-border-rgb: 240 241 244;
--color-shadow: rgb(0 0 0 / 1.0);
--color-shadow-rgb: 0 0 0;
--color-primary-button-text: rgb(0 0 0 / 1.0);
--color-primary-button-background: rgb(213 203 191 / 1.0);
--color-primary-button-border: rgb(0 0 0 / 1.0);
--color-primary-button-hover-text: rgb(255 255 255 / 1.0);
--color-primary-button-hover-background: rgb(115 95 63 / 1.0);
--color-primary-button-hover-border: rgb(115 95 63 / 1.0);
--color-secondary-button-text: rgb(0 0 0 / 1.0);
--color-secondary-button-background: rgb(0 0 0 / 0.0);
--color-secondary-button-border: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-text: rgb(51 51 51 / 1.0);
--color-secondary-button-hover-background: rgb(250 250 250 / 1.0);
--color-secondary-button-hover-border: rgb(255 255 255 / 1.0);
--color-input-background: rgb(255 255 255 / 0.78);
--color-input-text: rgb(0 0 0 / 1.0);
--color-input-text-rgb: 0 0 0;
--color-input-border: rgb(35 39 67 / 1.0);
--color-input-hover-background: rgb(245 245 245 / 1.0);
--color-variant-background: rgb(255 255 255 / 1.0);
--color-variant-border: rgb(0 0 0 / 0.13);
--color-variant-text: rgb(0 0 0 / 1.0);
--color-variant-text-rgb: 0 0 0;
--color-variant-hover-background: rgb(245 245 245 / 1.0);
--color-variant-hover-text: rgb(0 0 0 / 1.0);
--color-variant-hover-border: rgb(230 230 230 / 1.0);
--color-selected-variant-background: rgb(0 0 0 / 1.0);
--color-selected-variant-border: rgb(0 0 0 / 1.0);
--color-selected-variant-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
--color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
--font-h1--color: var(--color-foreground-heading);
--font-h2--color: var(--color-foreground-heading);
--font-h3--color: var(--color-foreground-heading);
--font-h4--color: var(--color-foreground-heading);
--font-h5--color: var(--color-foreground-heading);
--font-h6--color: var(--color-foreground-heading);
/* Shadows */
--shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
--shadow-blur: 20px;
--shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
}
.color-scheme-2 {
--color-background: rgb(186 128 106 / 1.0);
/* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
--color-background-rgb: 186 128 106;
--opacity-5-15: 0.05;
--opacity-10-25: 0.1;
--opacity-35-55: 0.35;
--opacity-40-60: 0.4;
--opacity-30-60: 0.3;
--color-foreground: rgb(240 241 244 / 1.0);
--color-foreground-rgb: 240 241 244;
--color-foreground-heading: rgb(0 0 0 / 1.0);
--color-foreground-heading-rgb: 0 0 0;
--color-primary: rgb(244 243 240 / 1.0);
--color-primary-rgb: 244 243 240;
--color-primary-hover: rgb(223 218 210 / 1.0);
--color-primary-hover-rgb: 223 218 210;
--color-border: rgb(35 39 67 / 1.0);
--color-border-rgb: 35 39 67;
--color-shadow: rgb(0 0 0 / 1.0);
--color-shadow-rgb: 0 0 0;
--color-primary-button-text: rgb(18 14 8 / 1.0);
--color-primary-button-background: rgb(200 182 154 / 1.0);
--color-primary-button-border: rgb(200 182 154 / 1.0);
--color-primary-button-hover-text: rgb(18 14 8 / 1.0);
--color-primary-button-hover-background: rgb(210 196 173 / 1.0);
--color-primary-button-hover-border: rgb(210 196 173 / 1.0);
--color-secondary-button-text: rgb(240 241 244 / 1.0);
--color-secondary-button-background: rgb(0 0 0 / 0.0);
--color-secondary-button-border: rgb(240 241 244 / 1.0);
--color-secondary-button-hover-text: rgb(18 14 8 / 1.0);
--color-secondary-button-hover-background: rgb(223 218 210 / 1.0);
--color-secondary-button-hover-border: rgb(223 218 210 / 1.0);
--color-input-background: rgb(255 255 255 / 1.0);
--color-input-text: rgb(244 243 240 / 1.0);
--color-input-text-rgb: 244 243 240;
--color-input-border: rgb(244 243 240 / 1.0);
--color-input-hover-background: rgb(245 245 245 / 1.0);
--color-variant-background: rgb(255 255 255 / 1.0);
--color-variant-border: rgb(230 230 230 / 1.0);
--color-variant-text: rgb(0 0 0 / 1.0);
--color-variant-text-rgb: 0 0 0;
--color-variant-hover-background: rgb(245 245 245 / 1.0);
--color-variant-hover-text: rgb(0 0 0 / 1.0);
--color-variant-hover-border: rgb(230 230 230 / 1.0);
--color-selected-variant-background: rgb(0 0 0 / 1.0);
--color-selected-variant-border: rgb(0 0 0 / 1.0);
--color-selected-variant-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
--color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
--font-h1--color: var(--color-foreground-heading);
--font-h2--color: var(--color-foreground-heading);
--font-h3--color: var(--color-foreground-heading);
--font-h4--color: var(--color-foreground-heading);
--font-h5--color: var(--color-foreground-heading);
--font-h6--color: var(--color-foreground-heading);
/* Shadows */
--shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
--shadow-blur: 20px;
--shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
}
.color-scheme-3 {
--color-background: rgb(241 240 236 / 1.0);
/* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
--color-background-rgb: 241 240 236;
--opacity-5-15: 0.05;
--opacity-10-25: 0.1;
--opacity-35-55: 0.35;
--opacity-40-60: 0.4;
--opacity-30-60: 0.3;
--color-foreground: rgb(9 10 17 / 1.0);
--color-foreground-rgb: 9 10 17;
--color-foreground-heading: rgb(0 0 0 / 1.0);
--color-foreground-heading-rgb: 0 0 0;
--color-primary: rgb(35 39 67 / 1.0);
--color-primary-rgb: 35 39 67;
--color-primary-hover: rgb(9 10 17 / 1.0);
--color-primary-hover-rgb: 9 10 17;
--color-border: rgb(240 241 244 / 1.0);
--color-border-rgb: 240 241 244;
--color-shadow: rgb(0 0 0 / 1.0);
--color-shadow-rgb: 0 0 0;
--color-primary-button-text: rgb(9 10 17 / 1.0);
--color-primary-button-background: rgb(213 203 191 / 1.0);
--color-primary-button-border: rgb(0 0 0 / 1.0);
--color-primary-button-hover-text: rgb(240 241 244 / 1.0);
--color-primary-button-hover-background: rgb(115 95 63 / 1.0);
--color-primary-button-hover-border: rgb(115 95 63 / 1.0);
--color-secondary-button-text: rgb(9 10 17 / 1.0);
--color-secondary-button-background: rgb(0 0 0 / 0.0);
--color-secondary-button-border: rgb(9 10 17 / 1.0);
--color-secondary-button-hover-text: rgb(9 10 17 / 1.0);
--color-secondary-button-hover-background: rgb(255 255 255 / 0.36);
--color-secondary-button-hover-border: rgb(255 255 255 / 1.0);
--color-input-background: rgb(255 255 255 / 0.78);
--color-input-text: rgb(0 0 0 / 1.0);
--color-input-text-rgb: 0 0 0;
--color-input-border: rgb(35 39 67 / 1.0);
--color-input-hover-background: rgb(245 245 245 / 1.0);
--color-variant-background: rgb(255 255 255 / 1.0);
--color-variant-border: rgb(230 230 230 / 1.0);
--color-variant-text: rgb(0 0 0 / 1.0);
--color-variant-text-rgb: 0 0 0;
--color-variant-hover-background: rgb(245 245 245 / 1.0);
--color-variant-hover-text: rgb(0 0 0 / 1.0);
--color-variant-hover-border: rgb(230 230 230 / 1.0);
--color-selected-variant-background: rgb(0 0 0 / 1.0);
--color-selected-variant-border: rgb(0 0 0 / 1.0);
--color-selected-variant-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
--color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
--font-h1--color: var(--color-foreground-heading);
--font-h2--color: var(--color-foreground-heading);
--font-h3--color: var(--color-foreground-heading);
--font-h4--color: var(--color-foreground-heading);
--font-h5--color: var(--color-foreground-heading);
--font-h6--color: var(--color-foreground-heading);
/* Shadows */
--shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
--shadow-blur: 20px;
--shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
}
.color-scheme-4 {
--color-background: rgb(225 237 245 / 1.0);
/* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
--color-background-rgb: 225 237 245;
--opacity-5-15: 0.05;
--opacity-10-25: 0.1;
--opacity-35-55: 0.35;
--opacity-40-60: 0.4;
--opacity-30-60: 0.3;
--color-foreground: rgb(0 0 0 / 0.81);
--color-foreground-rgb: 0 0 0;
--color-foreground-heading: rgb(0 0 0 / 1.0);
--color-foreground-heading-rgb: 0 0 0;
--color-primary: rgb(0 0 0 / 0.81);
--color-primary-rgb: 0 0 0;
--color-primary-hover: rgb(0 0 0 / 1.0);
--color-primary-hover-rgb: 0 0 0;
--color-border: rgb(29 54 134 / 0.5);
--color-border-rgb: 29 54 134;
--color-shadow: rgb(0 0 0 / 1.0);
--color-shadow-rgb: 0 0 0;
--color-primary-button-text: rgb(255 255 255 / 1.0);
--color-primary-button-background: rgb(0 0 0 / 1.0);
--color-primary-button-border: rgb(29 54 134 / 1.0);
--color-primary-button-hover-text: rgb(255 255 255 / 1.0);
--color-primary-button-hover-background: rgb(51 51 51 / 1.0);
--color-primary-button-hover-border: rgb(0 0 0 / 1.0);
--color-secondary-button-text: rgb(0 0 0 / 1.0);
--color-secondary-button-background: rgb(0 0 0 / 0.0);
--color-secondary-button-border: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-text: rgb(0 0 0 / 0.81);
--color-secondary-button-hover-background: rgb(255 255 255 / 0.36);
--color-secondary-button-hover-border: rgb(0 0 0 / 0.81);
--color-input-background: rgb(0 0 0 / 0.0);
--color-input-text: rgb(0 0 0 / 0.81);
--color-input-text-rgb: 0 0 0;
--color-input-border: rgb(0 0 0 / 0.81);
--color-input-hover-background: rgb(255 255 255 / 0.36);
--color-variant-background: rgb(255 255 255 / 1.0);
--color-variant-border: rgb(230 230 230 / 1.0);
--color-variant-text: rgb(0 0 0 / 1.0);
--color-variant-text-rgb: 0 0 0;
--color-variant-hover-background: rgb(245 245 245 / 1.0);
--color-variant-hover-text: rgb(0 0 0 / 1.0);
--color-variant-hover-border: rgb(230 230 230 / 1.0);
--color-selected-variant-background: rgb(0 0 0 / 1.0);
--color-selected-variant-border: rgb(0 0 0 / 1.0);
--color-selected-variant-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
--color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
--font-h1--color: var(--color-foreground-heading);
--font-h2--color: var(--color-foreground-heading);
--font-h3--color: var(--color-foreground-heading);
--font-h4--color: var(--color-foreground-heading);
--font-h5--color: var(--color-foreground-heading);
--font-h6--color: var(--color-foreground-heading);
/* Shadows */
--shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
--shadow-blur: 20px;
--shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
}
.color-scheme-5 {
--color-background: rgb(51 51 51 / 1.0);
/* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
--color-background-rgb: 51 51 51;
--opacity-5-15: 0.15;
--opacity-10-25: 0.25;
--opacity-35-55: 0.55;
--opacity-40-60: 0.6;
--opacity-30-60: 0.6;
--color-foreground: rgb(255 255 255 / 1.0);
--color-foreground-rgb: 255 255 255;
--color-foreground-heading: rgb(255 255 255 / 1.0);
--color-foreground-heading-rgb: 255 255 255;
--color-primary: rgb(255 255 255 / 1.0);
--color-primary-rgb: 255 255 255;
--color-primary-hover: rgb(255 255 255 / 0.69);
--color-primary-hover-rgb: 255 255 255;
--color-border: rgb(255 255 255 / 0.69);
--color-border-rgb: 255 255 255;
--color-shadow: rgb(0 0 0 / 1.0);
--color-shadow-rgb: 0 0 0;
--color-primary-button-text: rgb(0 0 0 / 1.0);
--color-primary-button-background: rgb(255 255 255 / 1.0);
--color-primary-button-border: rgb(255 255 255 / 1.0);
--color-primary-button-hover-text: rgb(255 255 255 / 1.0);
--color-primary-button-hover-background: rgb(0 0 0 / 1.0);
--color-primary-button-hover-border: rgb(0 0 0 / 1.0);
--color-secondary-button-text: rgb(255 255 255 / 1.0);
--color-secondary-button-background: rgb(0 0 0 / 0.0);
--color-secondary-button-border: rgb(255 255 255 / 0.69);
--color-secondary-button-hover-text: rgb(255 255 255 / 0.93);
--color-secondary-button-hover-background: rgb(255 255 255 / 0.04);
--color-secondary-button-hover-border: rgb(255 255 255 / 0.69);
--color-input-background: rgb(51 51 51 / 1.0);
--color-input-text: rgb(255 255 255 / 0.93);
--color-input-text-rgb: 255 255 255;
--color-input-border: rgb(255 255 255 / 0.69);
--color-input-hover-background: rgb(255 255 255 / 0.04);
--color-variant-background: rgb(255 255 255 / 1.0);
--color-variant-border: rgb(230 230 230 / 1.0);
--color-variant-text: rgb(0 0 0 / 1.0);
--color-variant-text-rgb: 0 0 0;
--color-variant-hover-background: rgb(245 245 245 / 1.0);
--color-variant-hover-text: rgb(0 0 0 / 1.0);
--color-variant-hover-border: rgb(230 230 230 / 1.0);
--color-selected-variant-background: rgb(0 0 0 / 1.0);
--color-selected-variant-border: rgb(0 0 0 / 1.0);
--color-selected-variant-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
--color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
--font-h1--color: var(--color-foreground-heading);
--font-h2--color: var(--color-foreground-heading);
--font-h3--color: var(--color-foreground-heading);
--font-h4--color: var(--color-foreground-heading);
--font-h5--color: var(--color-foreground-heading);
--font-h6--color: var(--color-foreground-heading);
/* Shadows */
--shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
--shadow-blur: 20px;
--shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
}
.color-scheme-6 {
--color-background: rgb(0 0 0 / 0.0);
/* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
--color-background-rgb: 0 0 0;
--opacity-5-15: 0.15;
--opacity-10-25: 0.25;
--opacity-35-55: 0.55;
--opacity-40-60: 0.6;
--opacity-30-60: 0.6;
--color-foreground: rgb(255 255 255 / 1.0);
--color-foreground-rgb: 255 255 255;
--color-foreground-heading: rgb(255 255 255 / 1.0);
--color-foreground-heading-rgb: 255 255 255;
--color-primary: rgb(255 255 255 / 1.0);
--color-primary-rgb: 255 255 255;
--color-primary-hover: rgb(255 255 255 / 0.69);
--color-primary-hover-rgb: 255 255 255;
--color-border: rgb(230 230 230 / 1.0);
--color-border-rgb: 230 230 230;
--color-shadow: rgb(0 0 0 / 1.0);
--color-shadow-rgb: 0 0 0;
--color-primary-button-text: rgb(0 0 0 / 1.0);
--color-primary-button-background: rgb(255 255 255 / 1.0);
--color-primary-button-border: rgb(255 255 255 / 1.0);
--color-primary-button-hover-text: rgb(255 255 255 / 1.0);
--color-primary-button-hover-background: rgb(0 0 0 / 1.0);
--color-primary-button-hover-border: rgb(0 0 0 / 1.0);
--color-secondary-button-text: rgb(255 255 255 / 1.0);
--color-secondary-button-background: rgb(0 0 0 / 0.0);
--color-secondary-button-border: rgb(255 255 255 / 1.0);
--color-secondary-button-hover-text: rgb(255 255 255 / 1.0);
--color-secondary-button-hover-background: rgb(255 255 255 / 0.08);
--color-secondary-button-hover-border: rgb(255 255 255 / 1.0);
--color-input-background: rgb(255 255 255 / 1.0);
--color-input-text: rgb(0 0 0 / 0.53);
--color-input-text-rgb: 0 0 0;
--color-input-border: rgb(0 0 0 / 0.13);
--color-input-hover-background: rgb(250 250 250 / 1.0);
--color-variant-background: rgb(255 255 255 / 1.0);
--color-variant-border: rgb(230 230 230 / 1.0);
--color-variant-text: rgb(0 0 0 / 1.0);
--color-variant-text-rgb: 0 0 0;
--color-variant-hover-background: rgb(245 245 245 / 1.0);
--color-variant-hover-text: rgb(0 0 0 / 1.0);
--color-variant-hover-border: rgb(230 230 230 / 1.0);
--color-selected-variant-background: rgb(0 0 0 / 1.0);
--color-selected-variant-border: rgb(0 0 0 / 1.0);
--color-selected-variant-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
--color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
--font-h1--color: var(--color-foreground-heading);
--font-h2--color: var(--color-foreground-heading);
--font-h3--color: var(--color-foreground-heading);
--font-h4--color: var(--color-foreground-heading);
--font-h5--color: var(--color-foreground-heading);
--font-h6--color: var(--color-foreground-heading);
/* Shadows */
--shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
--shadow-blur: 20px;
--shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
}
.color-scheme-58084d4c-a86e-4d0a-855e-a0966e5043f7 {
--color-background: rgb(0 0 0 / 0.0);
/* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
--color-background-rgb: 0 0 0;
--opacity-5-15: 0.15;
--opacity-10-25: 0.25;
--opacity-35-55: 0.55;
--opacity-40-60: 0.6;
--opacity-30-60: 0.6;
--color-foreground: rgb(0 0 0 / 1.0);
--color-foreground-rgb: 0 0 0;
--color-foreground-heading: rgb(0 0 0 / 1.0);
--color-foreground-heading-rgb: 0 0 0;
--color-primary: rgb(0 0 0 / 1.0);
--color-primary-rgb: 0 0 0;
--color-primary-hover: rgb(0 0 0 / 0.53);
--color-primary-hover-rgb: 0 0 0;
--color-border: rgb(230 230 230 / 1.0);
--color-border-rgb: 230 230 230;
--color-shadow: rgb(0 0 0 / 1.0);
--color-shadow-rgb: 0 0 0;
--color-primary-button-text: rgb(255 255 255 / 1.0);
--color-primary-button-background: rgb(0 0 0 / 1.0);
--color-primary-button-border: rgb(0 0 0 / 1.0);
--color-primary-button-hover-text: rgb(255 255 255 / 1.0);
--color-primary-button-hover-background: rgb(51 51 51 / 1.0);
--color-primary-button-hover-border: rgb(51 51 51 / 1.0);
--color-secondary-button-text: rgb(0 0 0 / 1.0);
--color-secondary-button-background: rgb(0 0 0 / 0.0);
--color-secondary-button-border: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-text: rgb(51 51 51 / 1.0);
--color-secondary-button-hover-background: rgb(250 250 250 / 1.0);
--color-secondary-button-hover-border: rgb(51 51 51 / 1.0);
--color-input-background: rgb(255 255 255 / 1.0);
--color-input-text: rgb(0 0 0 / 0.53);
--color-input-text-rgb: 0 0 0;
--color-input-border: rgb(0 0 0 / 0.13);
--color-input-hover-background: rgb(250 250 250 / 1.0);
--color-variant-background: rgb(255 255 255 / 1.0);
--color-variant-border: rgb(230 230 230 / 1.0);
--color-variant-text: rgb(0 0 0 / 1.0);
--color-variant-text-rgb: 0 0 0;
--color-variant-hover-background: rgb(245 245 245 / 1.0);
--color-variant-hover-text: rgb(0 0 0 / 1.0);
--color-variant-hover-border: rgb(230 230 230 / 1.0);
--color-selected-variant-background: rgb(0 0 0 / 1.0);
--color-selected-variant-border: rgb(0 0 0 / 1.0);
--color-selected-variant-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
--color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
--font-h1--color: var(--color-foreground-heading);
--font-h2--color: var(--color-foreground-heading);
--font-h3--color: var(--color-foreground-heading);
--font-h4--color: var(--color-foreground-heading);
--font-h5--color: var(--color-foreground-heading);
--font-h6--color: var(--color-foreground-heading);
/* Shadows */
--shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
--shadow-blur: 20px;
--shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
}
body, .color-scheme-1, .color-scheme-2, .color-scheme-3, .color-scheme-4, .color-scheme-5, .color-scheme-6, .color-scheme-58084d4c-a86e-4d0a-855e-a0966e5043f7 {
color: var(--color-foreground);
background-color: var(--color-background);
}
</style>
<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/70500384904/digital_wallets/dialog">
<script async="async" src="/checkouts/internal/preloads.js?locale=en-AE"></script>
<script id="shopify-features" type="application/json">{"accessToken":"eb47af617999e498628d243929beaa36","betas":["rich-media-storefront-analytics"],"domain":"www.body-hub.com","predictiveSearch":true,"shopId":70500384904,"locale":"en"}</script>
<script>var Shopify = Shopify || {};
Shopify.shop = "udpktg-4b.myshopify.com";
Shopify.locale = "en";
Shopify.currency = {"active":"AED","rate":"1.0"};
Shopify.country = "AE";
Shopify.theme = {"name":"Site copy UPCO","id":149687566472,"schema_name":"Horizon","schema_version":"3.3.0","theme_store_id":2481,"role":"main"};
Shopify.theme.handle = "null";
Shopify.theme.style = {"id":null,"handle":null};
Shopify.cdnHost = "www.body-hub.com/cdn";
Shopify.routes = Shopify.routes || {};
Shopify.routes.root = "/";
Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
Shopify.SignInWithShop = Shopify.SignInWithShop || {};
Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
Shopify.SignInWithShop.User.recognized = false;</script>
<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
<script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script>
<script>
window.Shopify = window.Shopify || {};
window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.01 };
window.Shopify.SignInWithShop.eligible = true;
</script>
<script id="shop-js-analytics" type="application/json">{"pageType":"index"}</script>
<script defer="defer" async type="module" src="//www.body-hub.com/cdn/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"></script>
<script type="module">
await import("//www.body-hub.com/cdn/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js");
window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});
</script>
<script>
window.Shopify = window.Shopify || {};
if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
window.Shopify.featureAssets['shop-js'] = {"shop-toast-manager":["modules/v2/loader.shop-toast-manager.en.esm.js"],"listener":["modules/v2/loader.listener.en.esm.js"],"init-shop-user-recognition":["modules/v2/loader.init-shop-user-recognition.en.esm.js"],"shop-button":["modules/v2/loader.shop-button.en.esm.js"],"shop-cash-offers":["modules/v2/loader.shop-cash-offers.en.esm.js"],"avatar":["modules/v2/loader.avatar.en.esm.js"],"init-windoid":["modules/v2/loader.init-windoid.en.esm.js"],"init-fed-cm":["modules/v2/loader.init-fed-cm.en.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/loader.init-shop-email-lookup-coordinator.en.esm.js"],"checkout-modal":["modules/v2/loader.checkout-modal.en.esm.js"],"shop-login-button":["modules/v2/loader.shop-login-button.en.esm.js"],"init-customer-accounts":["modules/v2/loader.init-customer-accounts.en.esm.js"],"init-shop-cart-sync":["modules/v2/loader.init-shop-cart-sync.en.esm.js"],"init-customer-accounts-sign-up":["modules/v2/loader.init-customer-accounts-sign-up.en.esm.js"],"shop-user-recognition":["modules/v2/loader.shop-user-recognition.en.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/loader.init-shop-for-new-customer-accounts.en.esm.js"],"shop-login":["modules/v2/loader.shop-login.en.esm.js"],"pay-button":["modules/v2/loader.pay-button.en.esm.js"],"shop-cart-sync":["modules/v2/loader.shop-cart-sync.en.esm.js"],"shop-follow-button":["modules/v2/loader.shop-follow-button.en.esm.js"],"lead-capture":["modules/v2/loader.lead-capture.en.esm.js"],"payment-terms":["modules/v2/loader.payment-terms.en.esm.js"]};
</script>
<script id="__st">var __st={"a":70500384904,"offset":14400,"reqid":"816901e8-01bc-41fa-830f-552a10a60327-1783446336","pageurl":"www.body-hub.com\/","u":"f5673b79a741","p":"home"};</script>
<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
<script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.2.iife.js',D={infoText:'Protected by hCaptcha',privacyText:'Privacy',termsText:'Terms'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!0,!0)}();</script>
<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//www.body-hub.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
<script>(function () {var userAgent = navigator.userAgent;var platform = navigator.platform;var maxTouchPoints = navigator.maxTouchPoints || 0;var isIOS = /iPad|iPhone|iPod/.test(platform) || (platform === 'MacIntel' && maxTouchPoints > 1);var isMacSafari = platform.indexOf('Mac') === 0 && /Safari/.test(userAgent) && !/Chrome|Chromium|CriOS|FxiOS|Edg|OPR|Android/.test(userAgent);var isAppleSafari = isIOS || isMacSafari;if (isAppleSafari) {fetch('/sf_private_access_tokens' + location.search).catch(function () {});}function browserMajorVersion(pattern) {var match = userAgent.match(pattern);return match ? parseInt(match[1], 10) : null;}function shouldLoadAutosizesPolyfill() {if (!window.PerformanceObserver?.supportedEntryTypes?.includes('paint')) {return false;}var chromeVersion = browserMajorVersion(/Chrome\/(\d+)/);if (chromeVersion !== null) {return chromeVersion < 126;}var firefoxVersion = browserMajorVersion(/Firefox\/(\d+)/);if (firefoxVersion !== null) {return firefoxVersion < 150;}var safariVersion = isAppleSafari ? browserMajorVersion(/Version\/(\d+).*Safari\//) : null;if (safariVersion !== null) {return safariVersion < 27;}return true;}if (shouldLoadAutosizesPolyfill()) {var autosizesScript = document.createElement('script');autosizesScript.async = true;autosizesScript.crossOrigin = 'anonymous';autosizesScript.src = "//www.body-hub.com/cdn/shopifycloud/storefront/assets/storefront/autosizes-84416378.js";(document.head || document.documentElement).appendChild(autosizesScript);}window.ShopifyAnalytics = window.ShopifyAnalytics || {};window.ShopifyAnalytics.performance = window.ShopifyAnalytics.performance || {};(function () {var LONG_FRAME_THRESHOLD = 50;var longAnimationFrames = [];var activeRafId = null;function collectLongFrames() {var previousTime = null;function rafMonitor(now) {if (activeRafId === null) {return;}var delta = now - previousTime;if (delta > LONG_FRAME_THRESHOLD) {longAnimationFrames.push({startTime: previousTime,endTime: now,});}previousTime = now;activeRafId = requestAnimationFrame(rafMonitor);}previousTime = performance.now();activeRafId = requestAnimationFrame(rafMonitor);}if (!window.PerformanceObserver?.supportedEntryTypes?.includes('long-animation-frame')) {collectLongFrames();var timeoutId = setTimeout(function () {cancelAnimationFrame(activeRafId);}, 10000);window.ShopifyAnalytics.performance.getLongAnimationFrames = function (stopCollection) {if (stopCollection === undefined) {stopCollection = false;}if (stopCollection) {clearTimeout(timeoutId);cancelAnimationFrame(activeRafId);}return longAnimationFrames;};}})();})();</script><script id="shopify-origin-trials" async="async" integrity="sha256-mqQjA+yhr1DtPsW5MhDIq3zDu+LghfjNT49r/ttG3eY=" src="//cdn.shopify.com/shopifycloud/storefront/assets/storefront/origin_trials-5059b83f.js" crossorigin="anonymous" onload="window.__shopifyOriginTrialsDone = true" onerror="window.__shopifyOriginTrialsDone = true"></script>
<script>
window.Shopify = window.Shopify || {};
window.Shopify.MCP = window.Shopify.MCP || {};
window.Shopify.MCP.enabled = true;
window.Shopify.MCP.shop = "udpktg-4b.myshopify.com";
window.Shopify.MCP.mcpEndpoint = "https:\/\/www.body-hub.com\/api\/mcp";
window.Shopify.MCP.tools = [{"name":"search_shop_policies_and_faqs","description":"Used to get facts about the stores policies, products, or services.\nSome examples of questions you can ask are:\n - What is your return policy?\n - What is your shipping policy?\n - What is your phone number?\n - What are your hours of operation?\"\n","inputSchema":{"$schema":"https:\/\/json-schema.org\/draft\/2020-12\/schema","type":"object","properties":{"query":{"type":"string","description":"A natural language query."},"context":{"type":"string","description":"Additional information about the request such as user demographics, mood, location, or other relevant details that could help in tailoring the response appropriately."}},"required":["query"]}}];
</script>
<script>var d="shopify:webmcp_adapter_loaded",n=Symbol.for("shopify.webmcp_adapter_loading");function s(c,a,{win:r=window,doc:o=document}={}){function p(){try{return r.localStorage.getItem(d)==="true"}catch{return!1}}function l(){try{r.localStorage.setItem(d,"true")}catch{}}function u(){return typeof(o.modelContext||r.navigator?.modelContext)?.registerTool=="function"}function f(){if(r[n]||!u())return;let t=o.head||o.getElementsByTagName("head")[0];if(!t)return;let e=o.createElement("script");e.type="module",e.crossOrigin="anonymous",a&&(e.integrity=a),e.src=c,e.addEventListener("load",l,{once:!0}),e.addEventListener("error",()=>{r[n]=!1},{once:!0}),t.appendChild(e),r[n]=!0}function _(t){let e=o.getElementById("shopify-origin-trials");if(!e||r.__shopifyOriginTrialsDone){t();return}e.addEventListener("load",t,{once:!0}),e.addEventListener("error",t,{once:!0})}function i(){_(()=>r.setTimeout(f,0))}function m(){o.addEventListener("DOMContentLoaded",i,{once:!0})}p()?i():m()}s("https:\/\/cdn.shopify.com\/storefront\/webmcp\/webmcp-0.0.3.js","");
</script>
<link rel="stylesheet" media="screen" href="//www.body-hub.com/cdn/shop/t/9/compiled_assets/styles.css?v=68677568227732493251781263941">
<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
<!-- Meta Pixel Code -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '4356276061282337');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=4356276061282337&ev=PageView&noscript=1"
/></noscript>
<!-- End Meta Pixel Code -->
<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {try {var session_token_from_headers = performance.getEntriesByType('navigation')[0].serverTiming.find(x => x.name == '_s').description;} catch {var session_token_from_headers = undefined;}var session_cookie_matches = document.cookie.match(/_shopify_s=([^;]*)/);var session_token_from_cookie = session_cookie_matches && session_cookie_matches.length === 2 ? session_cookie_matches[1] : "";var session_token = session_token_from_headers || session_token_from_cookie || "";function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 70500384904,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "index"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
<script>
window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
</script>
<script>(function(){var wpmLoader=function(){"use strict";var e=/Googlebot|Storebot-Google|bingbot|Baiduspider|YandexBot|DuckDuckBot|Slurp|facebookexternalhit|Twitterbot|LinkedInBot|Applebot|AdsBot-Google|Mediapartners-Google|APIs-Google|PetalBot|SemrushBot|AhrefsBot|MJ12bot|DotBot|Acunetix|PerplexityBot|Perplexity-User/i,r=/bytedance/i;function o(){try{var e=document.cookie;if(!e||"string"!=typeof e)return;for(var r=0,o=e.split(";");r<o.length;r++){var d=o[r],n=d.indexOf("=");if(-1!==n){var t=d.slice(0,n).trim();if(t){var i=void 0;try{i=decodeURIComponent(t)}catch(e){i=t}if("_shopify_s"===i){var a=d.slice(n+1).trim();try{return decodeURIComponent(a)}catch(e){return a}}}}}return}catch(e){return}}return function(d,n,t,i){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};if(!Boolean(null==(l=null==(s=window.Shopify)?void 0:s.analytics)?void 0:l.replayQueue)){var s,l;window.Shopify=window.Shopify||{};var c=window.Shopify;c.analytics=c.analytics||{};var u=c.analytics;u.replayQueue=[],u.publish=function(e,r,o){return u.replayQueue.push([e,r,o]),!0};try{self.performance.mark("wpm:start")}catch(e){}var p,h,f,m,g,y,v,w=(h=(p={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/}).modern,f=p.legacy,(m=navigator.userAgent).match(e)?"bot":m.match(h)?"modern":m.match(f)?"legacy":m.match(r)?"bot":"unknown"),b="modern"===w?"modern":"legacy",P=(null!=i?i:{modern:"",legacy:""})[b],S=[(g={baseUrl:n,hashVersion:t,buildTarget:b}).baseUrl,"/wpm","/b",g.hashVersion,"modern"===g.buildTarget?"m":"l",".js"].join(""),C=function(e){var r=e.version,d=e.browserTarget,n=e.surface,t=e.shopId,i=e.monorailEndpoint,a=window.location.href;return{emit:function(e){var s=e.status,l=e.errorMsg,c=(new Date).getTime(),u=JSON.stringify({metadata:{event_sent_at_ms:c},events:[{schema_id:"web_pixels_manager_load/3.2",payload:{version:r,bundle_target:d,page_url:a,status:s,surface:n,error_msg:l,shop_id:t,visit_token:o()},metadata:{event_created_at_ms:c}}]});if(!i)return console&&console.warn&&console.warn("[Web Pixels Manager] No Monorail endpoint provided, skipping logging."),!1;try{return self.navigator.sendBeacon.bind(self.navigator)(i,u)}catch(e){}var p=new XMLHttpRequest;try{return p.open("POST",i,!0),p.setRequestHeader("Content-Type","text/plain"),p.send(u),!0}catch(e){return console&&console.warn&&console.warn("[Web Pixels Manager] Got an unhandled error while logging to Monorail."),!1}}}}({version:t,browserTarget:w,surface:d.surface,shopId:d.shopId,monorailEndpoint:d.monorailEndpoint});try{a.browserTarget=w,function(e){var r=e.src,o=e.async,d=void 0===o||o,n=e.onload,t=e.onerror,i=e.sri,a=e.scriptDataAttributes,s=void 0===a?{}:a,l=document.createElement("script"),c=document.querySelector("head"),u=document.querySelector("body");if(l.async=d,l.src=r,i&&(l.integrity=i,l.crossOrigin="anonymous"),s)for(var p in s)if(Object.prototype.hasOwnProperty.call(s,p))try{l.dataset[p]=s[p]}catch(e){}if(n&&l.addEventListener("load",n),t&&l.addEventListener("error",t),c)c.appendChild(l);else{if(!u)throw new Error("Did not find a head or body element to append the script");u.appendChild(l)}}({src:S,async:!0,onload:function(){if(!function(){var e,r;return Boolean(null==(r=null==(e=window.Shopify)?void 0:e.analytics)?void 0:r.initialized)}()){var e=window.webPixelsManager.init(d)||void 0;if(e){var r=window.Shopify.analytics;r.replayQueue.forEach(function(r){var o=r[0],d=r[1],n=r[2];e.publishCustomEvent(o,d,n)}),r.replayQueue=[],r.publish=e.publishCustomEvent,r.visitor=e.visitor,r.initialized=!0}}},onerror:function(){return C.emit({status:"failed",errorMsg:"".concat(S," has failed to load")})},sri:(y=P,v=/^sha384-[A-Za-z0-9+/=]+$/,"string"==typeof y&&v.test(y)?P:""),scriptDataAttributes:a}),C.emit({status:"loading"})}catch(e){C.emit({status:"failed",errorMsg:(null==e?void 0:e.message)||"Unknown error"})}}}}();wpmLoader({shopId: 70500384904,storefrontBaseUrl: "https://www.body-hub.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://monorail-edge.shopifysvc.com/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["d5bdd5d0"],webPixelsConfigList: [{"id":"1946976392","configuration":"{\"pixel_id\":\"4356276061282337\",\"pixel_type\":\"facebook_pixel\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"abff2a8add143ccb04deb20f0ebd74a9","type":"APP","apiClientId":2329312,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0490","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0490","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"The Body Hub® FZE","paymentSettings":{"currencyCode":"AED"},"myshopifyDomain":"udpktg-4b.myshopify.com","countryCode":"AE","storefrontUrl":"https:\/\/www.body-hub.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[{"id":"8721690820744","handle":"yamuna®-foot-wakers-pair","title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44418574483592","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8710505857160","handle":"mg-850-fascia-releazer®","title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44381125017736","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8721690001544","handle":"yamuna®-black-balls-pair","title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44418565832840","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8721691345032","handle":"yamuna®-travel-pump","title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44418581659784","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8721687052424","handle":"yamuna®-gold-ball","title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44418542993544","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8719867183240","handle":"cellulite-releazer®","title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44409550143624","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8721690525832","handle":"yamuna®-face-ball-set","title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44418570289288","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8721691672712","handle":"the-body-hub®-natural-latex-band-and-resistance-loop-bundle","title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44418582184072","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8721692819592","handle":"the-body-hub®-drawstring-tote-bag","title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44418592014472","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}],"purchasingCompany":null},},"https://www.body-hub.com/cdn","884e51e7w4ac0e82ap522bb270m20c07008",{"modern":"","legacy":""},{"trekkieShim":true,"apiClientId":"580111","themeId":"149687566472","themeStoreId":"2481","themePublished":"true","pageType":"home","shopId":"70500384904","storefrontBaseUrl":"https:\/\/www.body-hub.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"d5bdd5d0\"]","isMerchantRequest":"false","hashVersion":"884e51e7w4ac0e82ap522bb270m20c07008","publish":"custom","events":"[[\"page_viewed\",{}]]"});})();</script><script>
window.ShopifyAnalytics = window.ShopifyAnalytics || {};
window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
window.ShopifyAnalytics.meta.currency = 'AED';
var meta = {"page":{"pageType":"home","requestId":"816901e8-01bc-41fa-830f-552a10a60327-1783446336"}};
for (var attr in meta) {
window.ShopifyAnalytics.meta[attr] = meta[attr];
}
</script>
<script class="analytics">
(function () {
var customDocumentWrite = function(content) {
var jquery = null;
if (window.jQuery) {
jquery = window.jQuery;
} else if (window.Checkout && window.Checkout.$) {
jquery = window.Checkout.$;
}
if (jquery) {
jquery('body').append(content);
}
};
var hasLoggedConversion = function(token) {
if (token) {
return document.cookie.indexOf('loggedConversion=' + token) !== -1;
}
return false;
}
var setCookieIfConversion = function(token) {
if (token) {
var twoMonthsFromNow = new Date(Date.now());
twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
}
}
var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
window.ShopifyAnalytics.lib.trekkie = window.trekkie;
if (trekkie.integrations) {
return;
}
trekkie.methods = [
'identify',
'page',
'ready',
'track',
'trackForm',
'trackLink'
];
trekkie.factory = function(method) {
return function() {
var args = Array.prototype.slice.call(arguments);
args.unshift(method);
trekkie.push(args);
if (window.__TREKKIE_SHIM_QUEUE && (method == 'track' || method == 'page')) {
try {
window.__TREKKIE_SHIM_QUEUE.push({
from: 'trekkie-stub',
method: method,
args: args.slice(1)
});
} catch (e) {
// no-op
}
}
return trekkie;
};
};
for (var i = 0; i < trekkie.methods.length; i++) {
var key = trekkie.methods[i];
trekkie[key] = trekkie.factory(key);
}
trekkie.load = function(config) {
trekkie.config = config || {};
trekkie.config.initialDocumentCookie = document.cookie;
var first = document.getElementsByTagName('script')[0];
var script = document.createElement('script');
script.type = 'text/javascript';
script.onerror = function(e) {
var scriptFallback = document.createElement('script');
scriptFallback.type = 'text/javascript';
scriptFallback.onerror = function(error) {
var Monorail = {
produce: function produce(monorailDomain, schemaId, payload) {
var currentMs = new Date().getTime();
var event = {
schema_id: schemaId,
payload: payload,
metadata: {
event_created_at_ms: currentMs,
event_sent_at_ms: currentMs
}
};
return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
},
sendRequest: function sendRequest(endpointUrl, payload) {
// Try the sendBeacon API
if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
var blobData = new window.Blob([payload], {
type: 'text/plain'
});
if (window.navigator.sendBeacon(endpointUrl, blobData)) {
return true;
} // sendBeacon was not successful
} // XHR beacon
var xhr = new XMLHttpRequest();
try {
xhr.open('POST', endpointUrl);
xhr.setRequestHeader('Content-Type', 'text/plain');
xhr.send(payload);
} catch (e) {
console.log(e);
}
return false;
},
isIos12: function isIos12() {
return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
}
};
Monorail.produce('monorail-edge.shopifysvc.com',
'trekkie_storefront_load_errors/1.1',
{shop_id: 70500384904,
theme_id: 149687566472,
app_name: "storefront",
context_url: window.location.href,
source_url: "//www.body-hub.com/cdn/s/trekkie.storefront.67561e0d5e9c96760de930de52078bf367e9d8e6.min.js"});
};
scriptFallback.async = true;
scriptFallback.src = '//www.body-hub.com/cdn/s/trekkie.storefront.67561e0d5e9c96760de930de52078bf367e9d8e6.min.js';
first.parentNode.insertBefore(scriptFallback, first);
};
script.async = true;
script.src = '//www.body-hub.com/cdn/s/trekkie.storefront.67561e0d5e9c96760de930de52078bf367e9d8e6.min.js';
first.parentNode.insertBefore(script, first);
};
trekkie.load(
{"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":70500384904,"isMerchantRequest":null,"themeId":149687566472,"themeCityHash":"16664522902645390087","contentLanguage":"en","currency":"AED","eventMetadataId":"9f05371a-e9a0-4d4b-9937-f57f3a4ae159"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["b5387b81","d5bdd5d0"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}}
);
var loaded = false;
trekkie.ready(function() {
if (loaded) return;
loaded = true;
window.ShopifyAnalytics.lib = window.trekkie;
var originalDocumentWrite = document.write;
document.write = customDocumentWrite;
try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
document.write = originalDocumentWrite;
window.ShopifyAnalytics.lib.page(null,{"pageType":"home","requestId":"816901e8-01bc-41fa-830f-552a10a60327-1783446336","shopifyEmitted":true});
var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
var token = match? match[1]: undefined;
if (!hasLoggedConversion(token)) {
setCookieIfConversion(token);
}
});
var eventsListenerScript = document.createElement('script');
eventsListenerScript.async = true;
eventsListenerScript.src = "//www.body-hub.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
})();</script>
<script
defer
src="https://www.body-hub.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.6.1.min.js"
data-application="storefront-renderer"
data-shop-id="70500384904"
data-render-region="gcp-europe-west1"
data-page-type="index"
data-theme-instance-id="149687566472"
data-theme-name="Horizon"
data-theme-version="3.3.0"
data-monorail-region="shop_domain"
data-resource-timing-sampling-rate="10"
data-shs="true"
data-shs-beacon="true"
data-shs-export-with-fetch="true"
data-shs-logs-sample-rate="1"
data-shs-beacon-endpoint="https://www.body-hub.com/api/collect"
></script>
</head>
<body class="page-width-narrow card-hover-effect-none">
<a
class="skip-to-content-link button-secondary"
href="#MainContent"
>
Skip to content
</a>
<div id="header-group">
<!-- BEGIN sections: header-group -->
<div id="shopify-section-sections--20432025813128__header_announcements_9jGBFp" class="shopify-section shopify-section-group-header-group">
<div class="section-background color-scheme-2"></div>
<aside
class="announcement-bar spacing-style section section--page-width color-scheme-2"
style="--padding-block-start: 15px; --padding-block-end:15px; --padding-inline-start:0px; --padding-inline-end:0px; ; --border-bottom-width: 0px;"
>
<announcement-bar-component
class="announcement-bar__slider"
>
<div class="announcement-bar__slides">
<slideshow-slide
ref="slides[]"
class="announcement-bar__slide text-block text-block--AM0VsbHJCV1BBcW5DR__announcement_BxgCk9 text-block--align-center text-block--full-width custom-typography custom-font-size"
style=" --color: ;--font-size: 0.75rem; --font-weight: var(--font-subheading--weight);--font-family: var(--font-subheading--family); --text-transform: none; --text-wrap: pretty; --line-height: var(--line-height--body-); --letter-spacing: var(--letter-spacing--body-normal); --width: 100%; --text-align: center; --line-height: 1; "
aria-hidden="false"
>
<p class="announcement-bar__text">
THE BODY HUB® WELLNESS SOUQ
</p>
</slideshow-slide>
</div>
</announcement-bar-component>
</aside>
</div><header id="shopify-section-sections--20432025813128__header_section" class="shopify-section shopify-section-group-header-group header-section">
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "Organization",
"name": "The Body Hub® FZE",
"logo": "https:\/\/www.body-hub.com\/cdn\/shop\/files\/The_body_hub_logo.png?v=1761307332\u0026width=500",
"url": "https:\/\/www.body-hub.com"
}
</script>
<header-component
id="header-component"
class="header"
data-theme-color="rgb(255 255 255)"
data-skip-node-update
data-scroll-direction="none"
><h1 class="visually-hidden">The Body Hub® FZE</h1>
<div
class="header__row header__row--top color-scheme-1 section section--full-width-margin section--page-width"
ref="headerRowTop">
<div class="header__columns spacing-style">
<div
class="header__column header__column--left"
data-testid="header-top-left"
>
<div
class="header__drawer"
ref="headerDrawerContainer"
data-hydration-key="header-drawer-mobile"
>
<script
src="//www.body-hub.com/cdn/shop/t/9/assets/header-drawer.js?v=121243031541024704371781263057"
type="module"
fetchpriority="low"
></script>
<header-drawer
class="header-drawer"
style="--menu-image-border-radius: 0px; --resource-card-corner-radius: 0px;"
>
<details
id="Details-menu-drawer-container"
data-skip-node-update="true"
class="menu-drawer-container"
ref="details"
scroll-lock
>
<summary
class="header__icon header__icon--menu header__icon--summary"
aria-label="Menu"
on:click="/toggle"
>
<span class="svg-wrapper header-drawer-icon header-drawer-icon--open"><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 3.5H13" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
<path d="M1 10.5H13" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
</svg>
</span>
<span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</summary>
<div
ref="menuDrawer"
class="menu-drawer color-scheme-1"
>
<button
class="button close-button menu-drawer__close-button"
type="button"
aria-label="Close"
on:click="/close"
>
<span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</button>
<nav
class="menu-drawer__navigation"
style="--menu-top-level-font-family: var(--font-body--family);--menu-top-level-font-size-desktop: 0.875rem; --menu-top-level-font-style: var(--font-body--style); --menu-top-level-font-weight: var(--font-body--weight); --menu-top-level-font-case:none; --menu-top-level-font-size: var(--menu-font-2xl--size); --menu-top-level-font-line-height: var(--menu-font-2xl--line-height);--menu-top-level-font-color: var(--color-foreground); --menu-top-level-font-color-rgb: var(--color-foreground-rgb);--menu-parent-font-family: var(--font-body--family); --menu-parent-font-style:var(--font-body--style); --menu-parent-font-weight: var(--font-body--weight); --menu-parent-font-case:none; --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height: var(--menu-font-sm--line-height); --menu-parent-font-color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text)); --menu-parent-active-font-color: var(--color-foreground); --menu-child-font-family: var(--font-body--family); --menu-child-font-style:var(--font-body--style); --menu-child-font-weight: var(--font-body--weight); --menu-child-font-case:none; --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height); --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text)); "
>
<ul
class="menu-drawer__menu has-submenu"
role="list"
>
<li
style="--menu-drawer-animation-index: 1;"
class="menu-drawer__list-item--flat"
>
<a
id="HeaderDrawer-about-us"
href="/blogs/news"
class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">About us</span>
</a>
</li>
<li
style="--menu-drawer-animation-index: 2;"
class="menu-drawer__list-item--flat"
>
<a
id="HeaderDrawer-shop"
href="/collections/all-products"
class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">Shop</span>
</a>
<ul
class="menu-drawer__menu menu-drawer__menu--childlist"
role="list"
tabindex="-1"
><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 2;"
>
<a
href="/collections/all-products"
class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">View all</span>
</a>
</li><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 2;"
>
<a
href="/collections/yamuna"
class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">Balls</span>
</a>
</li><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 2;"
>
<a
href="/collections/releazer%C2%AE"
class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">Releazers</span>
</a>
</li><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 2;"
>
<a
href="/collections/tote-bags"
class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">Tote Bags</span>
</a>
</li><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 2;"
>
<a
href="/collections/resistance-bands"
class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">Resistance Bands</span>
</a>
</li><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 2;"
>
<a
href="/collections/curetape"
class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">CureTape® </span>
</a>
</li><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 2;"
>
<a
href="/collections/fasciq"
class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">Fasciq® </span>
</a>
</li></ul>
</li>
<li
style="--menu-drawer-animation-index: 3;"
class="menu-drawer__list-item--flat"
>
<a
id="HeaderDrawer-shop-by-focus"
href="/collections/all-products"
class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">Shop by Focus</span>
</a>
<ul
class="menu-drawer__menu menu-drawer__menu--childlist"
role="list"
tabindex="-1"
><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 3;"
>
<a
href="/collections/recovery"
class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">Recovery</span>
</a>
</li><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 3;"
>
<a
href="/collections/face-and-jaw"
class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">Face and Jaw</span>
</a>
</li><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 3;"
>
<a
href="/collections/daily-use"
class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">Daily Use</span>
</a>
</li><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 3;"
>
<a
href="/collections/movement-support"
class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">Movement Support</span>
</a>
</li></ul>
</li>
<li
style="--menu-drawer-animation-index: 4;"
class="menu-drawer__list-item--flat"
>
<a
id="HeaderDrawer-contact"
href="/pages/contact"
class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">Contact</span>
</a>
</li>
</ul>
</nav>
<div
class="menu-drawer__utility-links menu-drawer__animated-element"
style="--menu-drawer-animation-index: 4;"
>
<drawer-localization-component class="menu-drawer__localization">
<details
id="drawer-localization"
class="drawer-localization"
on:toggle="/toggle"
>
<summary
id="HeaderDrawer-localization"
class="drawer-localization__button h3 link focus-inset"
aria-expanded="false"
on:click="header-drawer/open/submenu"
style="--menu-localization-font: var(--font-heading--family); --color-shadow: rgb(var(--color-foreground-rgb) / var(--opacity-10-25));"
>
<div class="drawer-localization__button--label h6"><div class="mobile-localization mobile-localization--country link"><span class="currency-code">AED</span>
</div></div>
<span class="svg-wrapper icon-caret icon-caret--forward"><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</summary>
<div
class="menu-drawer__submenu has-submenu color-scheme-1"
style=""
>
<div
class="menu-drawer__nav-buttons"
ref="navButtons"
>
<button
class="button menu-drawer__back-button link focus-inset"
aria-expanded="true"
on:click="header-drawer/back"
>
<span class="svg-wrapper icon-caret icon-caret--backward"><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
Region and language
</button>
<button
class="button close-button menu-drawer__close-button"
type="button"
aria-label="Close"
on:click="header-drawer/close"
>
<span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</button>
</div>
<localization-form-component
ref="localizationForm"
data-label-results-count="[count] results"
data-show-filter="false"
style="--menu-localization-font: var(--font-heading--family); --color-shadow: rgb(var(--color-foreground-rgb) / var(--opacity-10-25));"
>
<form method="post" action="/localization" id="LocalizationForm" accept-charset="UTF-8" class="localization-form" enctype="multipart/form-data" ref="form" aria-label="Region and language"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" />
<div class="country-selector-form__wrapper">
<h2
class="visually-hidden"
id="drawer-CountryLabel"
>
Country/Region
</h2>
<div
class="localization-form__list"
id="drawer-country-results"
ref="countryList"
>
<ul
role="list"
class="list-unstyled countries"
>
<span
class="localization-form__list-item localization-form__list-item-disabled"
id="no-results-message"
ref="noResultsMessage"
hidden
>No results found</span>
<li
class="localization-form__list-item"
data-value="BH"
data-aliases=""
id="Bahrain"
aria-label="Bahrain"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/BH"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Bahrain</span>
<span
class="localization-form__currency"
hidden
>
AED
د.إ</span>
</li>
<li
class="localization-form__list-item"
data-value="EG"
data-aliases=""
id="Egypt"
aria-label="Egypt"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/EG"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Egypt</span>
<span
class="localization-form__currency"
hidden
>
AED
د.إ</span>
</li>
<li
class="localization-form__list-item"
data-value="JO"
data-aliases=""
id="Jordan"
aria-label="Jordan"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/JO"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Jordan</span>
<span
class="localization-form__currency"
hidden
>
AED
د.إ</span>
</li>
<li
class="localization-form__list-item"
data-value="KW"
data-aliases=""
id="Kuwait"
aria-label="Kuwait"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/KW"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Kuwait</span>
<span
class="localization-form__currency"
hidden
>
AED
د.إ</span>
</li>
<li
class="localization-form__list-item"
data-value="LB"
data-aliases=""
id="Lebanon"
aria-label="Lebanon"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/LB"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Lebanon</span>
<span
class="localization-form__currency"
hidden
>
AED
د.إ</span>
</li>
<li
class="localization-form__list-item"
data-value="OM"
data-aliases=""
id="Oman"
aria-label="Oman"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/OM"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Oman</span>
<span
class="localization-form__currency"
hidden
>
AED
د.إ</span>
</li>
<li
class="localization-form__list-item"
data-value="QA"
data-aliases=""
id="Qatar"
aria-label="Qatar"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/QA"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Qatar</span>
<span
class="localization-form__currency"
hidden
>
AED
د.إ</span>
</li>
<li
class="localization-form__list-item"
data-value="SA"
data-aliases=""
id="Saudi Arabia"
aria-label="Saudi Arabia"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/SA"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Saudi Arabia</span>
<span
class="localization-form__currency"
hidden
>
AED
د.إ</span>
</li>
<li
class="localization-form__list-item"
aria-current="true"
data-value="AE"
data-aliases=""
id="United Arab Emirates"
aria-label="United Arab Emirates"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/AE"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">United Arab Emirates</span>
<span
class="localization-form__currency"
hidden
>
AED
د.إ</span>
</li></ul>
</div>
<div class="country-selector__overlay"></div>
<input
type="hidden"
name="country_code"
value="AE"
ref="countryInput"
>
</div>
</form></localization-form-component>
</div>
</details>
</drawer-localization-component>
</div>
</div>
<div
class="menu-drawer__backdrop"
on:click="header-drawer/close"
></div>
</details>
</header-drawer>
</div>
<a
href="/"
class="size-style spacing-style header-logo"
style=" --size-style-width: ;--size-style-height: ; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --font-family: var(--font-body--family); --font-style: var(--font-body--style); --font-weight: 600; "
>
<span
class="header-logo__image-container header-logo__image-container--original"
data-testid="header-logo"
>
<img src="//www.body-hub.com/cdn/shop/files/The_body_hub_logo.png?height=36&v=1761307332" alt="" width="137" height="36" class="header-logo__image" srcset="//www.body-hub.com/cdn/shop/files/The_body_hub_logo.png?height=36&v=1761307332 1x, //www.body-hub.com/cdn/shop/files/The_body_hub_logo.png?height=72&v=1761307332 2x, //www.body-hub.com/cdn/shop/files/The_body_hub_logo.png?height=108&v=1761307332 3x" style="--header-logo-image-width: 138px;--header-logo-image-width-mobile: 107px; --header-logo-image-height: 36px; --header-logo-image-height-mobile: 28px;">
</span>
</a>
<search-button class="search-action search-action--hidden-on-menu">
<button
on:click="#search-modal/showDialog"
class="button-unstyled header-actions__action"
aria-label="Search"
aria-haspopup="dialog"
>
<span
class="svg-wrapper"
>
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg>
</span>
</button>
</search-button>
</div><div
class="header__column header__column--center"
data-testid="header-top-center"
>
<header-menu
ref="headerMenu"
class="header-menu"
data-hydration-key="header-menu"
>
<div class="header-menu__inner">
<nav header-menu>
<div
class="menu-list"
style="--menu-top-level-font-family: var(--font-body--family);--menu-top-level-font-size-desktop: 0.875rem; --menu-top-level-font-style: var(--font-body--style); --menu-top-level-font-weight: var(--font-body--weight); --menu-top-level-font-case:none; --menu-top-level-font-size: var(--menu-font-sm--size); --menu-top-level-font-line-height: var(--menu-font-sm--line-height);--menu-top-level-font-color: var(--color-foreground); --menu-top-level-font-color-rgb: var(--color-foreground-rgb);"
>
<overflow-list
ref="overflowMenu"
class="overflow-menu color-scheme-matches-parent"
minimum-items="2"
data-testid="header-menu-overflow-list"
data-skip-node-update
>
<template shadowrootmode="open">
<link href="//www.body-hub.com/cdn/shop/t/9/assets/overflow-list.css?v=101911674359793798601781263057" rel="stylesheet" type="text/css" media="all" />
<ul part="list">
<slot></slot>
<slot
name="more"
part="more"
hidden
>
<li
part="more"
>
<button
class="button"
type="button"
tabindex="0"
>
More
</button>
</li>
</slot>
<li
part="placeholder"
hidden
></li>
</ul>
<div part="overflow">
<ul part="overflow-list">
<slot name="overflow"></slot>
</ul>
</div>
</template>
<li
role="presentation"
class="menu-list__list-item"
on:focus="/activate"
on:blur="/deactivate"
on:pointerenter="/activate"
on:pointerleave="/deactivate"
>
<a
href="/blogs/news"
data-skip-node-update="true"
class="menu-list__link">
<span class="menu-list__link-title">About us</span>
</a></li>
<li
role="presentation"
class="menu-list__list-item"
on:focus="/activate"
on:blur="/deactivate"
on:pointerenter="/activate"
on:pointerleave="/deactivate"
>
<a
href="/collections/all-products"
data-skip-node-update="true"
class="menu-list__link">
<span class="menu-list__link-title">Shop</span>
</a><div class="menu-list__submenu color-scheme-matches-parent" ref="submenu[]">
<div
id="submenu-2"
class="menu-list__submenu-inner"
style="--menu-parent-font-family: var(--font-body--family); --menu-parent-font-style:var(--font-body--style); --menu-parent-font-weight: var(--font-body--weight); --menu-parent-font-case:none; --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height: var(--menu-font-sm--line-height); --menu-parent-font-color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text)); --menu-parent-active-font-color: var(--color-foreground); --menu-child-font-family: var(--font-body--family); --menu-child-font-style:var(--font-body--style); --menu-child-font-weight: var(--font-body--weight); --menu-child-font-case:none; --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height); --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text)); "
>
<div class="mega-menu section section--full-width-margin section--page-width">
<div
class="mega-menu__grid"
data-menu-grid-id="MegaMenuList-2"
>
<ul
data-menu-list-id="MegaMenuList-2"
class="mega-menu__list list-unstyled"
style="--menu-image-border-radius: 0px;"
>
<li class="mega-menu__column mega-menu__column--span-1">
<div>
<a
href="/collections/all-products"
class="mega-menu__link"
>
<span class="wrap-text">View all</span>
</a>
</div>
<div>
<a
href="/collections/yamuna"
class="mega-menu__link"
>
<span class="wrap-text">Balls</span>
</a>
</div>
<div>
<a
href="/collections/releazer%C2%AE"
class="mega-menu__link"
>
<span class="wrap-text">Releazers</span>
</a>
</div>
<div>
<a
href="/collections/tote-bags"
class="mega-menu__link"
>
<span class="wrap-text">Tote Bags</span>
</a>
</div>
<div>
<a
href="/collections/resistance-bands"
class="mega-menu__link"
>
<span class="wrap-text">Resistance Bands</span>
</a>
</div>
<div>
<a
href="/collections/curetape"
class="mega-menu__link"
>
<span class="wrap-text">CureTape® </span>
</a>
</div>
<div>
<a
href="/collections/fasciq"
class="mega-menu__link"
>
<span class="wrap-text">Fasciq® </span>
</a>
</div>
</li>
</ul>
<style data-shopify>
[data-menu-grid-id="MegaMenuList-2"] {
--menu-columns-desktop: 6;
--menu-columns-tablet: 4;
}
[data-menu-list-id="MegaMenuList-2"] {
--menu-columns-desktop: 6;
--menu-columns-tablet: 4;
}
</style>
</div>
</div>
</div>
</div></li>
<li
role="presentation"
class="menu-list__list-item"
on:focus="/activate"
on:blur="/deactivate"
on:pointerenter="/activate"
on:pointerleave="/deactivate"
>
<a
href="/collections/all-products"
data-skip-node-update="true"
class="menu-list__link">
<span class="menu-list__link-title">Shop by Focus</span>
</a><div class="menu-list__submenu color-scheme-matches-parent" ref="submenu[]">
<div
id="submenu-3"
class="menu-list__submenu-inner"
style="--menu-parent-font-family: var(--font-body--family); --menu-parent-font-style:var(--font-body--style); --menu-parent-font-weight: var(--font-body--weight); --menu-parent-font-case:none; --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height: var(--menu-font-sm--line-height); --menu-parent-font-color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text)); --menu-parent-active-font-color: var(--color-foreground); --menu-child-font-family: var(--font-body--family); --menu-child-font-style:var(--font-body--style); --menu-child-font-weight: var(--font-body--weight); --menu-child-font-case:none; --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height); --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text)); "
>
<div class="mega-menu section section--full-width-margin section--page-width">
<div
class="mega-menu__grid"
data-menu-grid-id="MegaMenuList-3"
>
<ul
data-menu-list-id="MegaMenuList-3"
class="mega-menu__list list-unstyled"
style="--menu-image-border-radius: 0px;"
>
<li class="mega-menu__column mega-menu__column--span-1">
<div>
<a
href="/collections/recovery"
class="mega-menu__link"
>
<span class="wrap-text">Recovery</span>
</a>
</div>
<div>
<a
href="/collections/face-and-jaw"
class="mega-menu__link"
>
<span class="wrap-text">Face and Jaw</span>
</a>
</div>
<div>
<a
href="/collections/daily-use"
class="mega-menu__link"
>
<span class="wrap-text">Daily Use</span>
</a>
</div>
<div>
<a
href="/collections/movement-support"
class="mega-menu__link"
>
<span class="wrap-text">Movement Support</span>
</a>
</div>
</li>
</ul>
<style data-shopify>
[data-menu-grid-id="MegaMenuList-3"] {
--menu-columns-desktop: 6;
--menu-columns-tablet: 4;
}
[data-menu-list-id="MegaMenuList-3"] {
--menu-columns-desktop: 6;
--menu-columns-tablet: 4;
}
</style>
</div>
</div>
</div>
</div></li>
<li
role="presentation"
class="menu-list__list-item"
on:focus="/activate"
on:blur="/deactivate"
on:pointerenter="/activate"
on:pointerleave="/deactivate"
>
<a
href="/pages/contact"
data-skip-node-update="true"
class="menu-list__link">
<span class="menu-list__link-title">Contact</span>
</a></li>
<li
class="menu-list__list-item"
role="presentation"
slot="more"
on:focus="/activate"
on:blur="/deactivate"
on:pointerenter="/activate"
on:pointerleave="/deactivate"
>
<button role="menuitem" class="button menu-list__link button-unstyled">
<span class="menu-list__link-title">More</span>
</button>
</li>
</overflow-list>
</div>
</nav>
</div>
<script
src="//www.body-hub.com/cdn/shop/t/9/assets/header-menu.js?v=181417698387236267271781263057"
type="module"
fetchpriority="low"
></script>
</header-menu>
</div><div
class="header__column header__column--right"
data-testid="header-top-right"
>
<dropdown-localization-component
class="dropdown-localization mobile:hidden"
>
<button
type="button"
class="button dropdown-localization__button localization-selector link"
aria-expanded="false"
aria-controls="dropdown-localization-results"
ref="button"
on:click="/toggleSelector"
style="--menu-localization-font: var(--font-heading--family); --menu-localization-font-size: 0.875rem; "
>
<span
class="currency-code"
data-testid="localization-currency-code"
>AED</span>
<span
class="visually-hidden"
data-testid="localization-visually-hidden"
>Region and language selector</span><span class="svg-wrapper icon-caret"><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</button>
<div
class="localization-wrapper right-bound color-scheme-1"
hidden
ref="panel"
>
<localization-form-component
ref="localizationForm"
data-label-results-count="[count] results"
data-show-filter="false"
style="--menu-localization-font: var(--font-heading--family); --menu-localization-font-size: 0.875rem; --color-shadow: rgb(var(--color-foreground-rgb) / var(--opacity-10-25));"
>
<form method="post" action="/localization" id="LocalizationForm" accept-charset="UTF-8" class="localization-form" enctype="multipart/form-data" ref="form" aria-label="Region and language"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" />
<div class="country-selector-form__wrapper">
<h2
class="visually-hidden"
id="dropdown-CountryLabel"
>
Country/Region
</h2>
<div
class="localization-form__list"
id="dropdown-country-results"
ref="countryList"
>
<ul
role="list"
class="list-unstyled countries"
>
<span
class="localization-form__list-item localization-form__list-item-disabled"
id="no-results-message"
ref="noResultsMessage"
hidden
>No results found</span>
<li
class="localization-form__list-item"
data-value="BH"
data-aliases=""
id="Bahrain"
aria-label="Bahrain"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/BH"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Bahrain</span>
<span
class="localization-form__currency"
hidden
>
AED
د.إ</span>
</li>
<li
class="localization-form__list-item"
data-value="EG"
data-aliases=""
id="Egypt"
aria-label="Egypt"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/EG"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Egypt</span>
<span
class="localization-form__currency"
hidden
>
AED
د.إ</span>
</li>
<li
class="localization-form__list-item"
data-value="JO"
data-aliases=""
id="Jordan"
aria-label="Jordan"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/JO"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Jordan</span>
<span
class="localization-form__currency"
hidden
>
AED
د.إ</span>
</li>
<li
class="localization-form__list-item"
data-value="KW"
data-aliases=""
id="Kuwait"
aria-label="Kuwait"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/KW"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Kuwait</span>
<span
class="localization-form__currency"
hidden
>
AED
د.إ</span>
</li>
<li
class="localization-form__list-item"
data-value="LB"
data-aliases=""
id="Lebanon"
aria-label="Lebanon"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/LB"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Lebanon</span>
<span
class="localization-form__currency"
hidden
>
AED
د.إ</span>
</li>
<li
class="localization-form__list-item"
data-value="OM"
data-aliases=""
id="Oman"
aria-label="Oman"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/OM"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Oman</span>
<span
class="localization-form__currency"
hidden
>
AED
د.إ</span>
</li>
<li
class="localization-form__list-item"
data-value="QA"
data-aliases=""
id="Qatar"
aria-label="Qatar"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/QA"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Qatar</span>
<span
class="localization-form__currency"
hidden
>
AED
د.إ</span>
</li>
<li
class="localization-form__list-item"
data-value="SA"
data-aliases=""
id="Saudi Arabia"
aria-label="Saudi Arabia"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/SA"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Saudi Arabia</span>
<span
class="localization-form__currency"
hidden
>
AED
د.إ</span>
</li>
<li
class="localization-form__list-item"
aria-current="true"
data-value="AE"
data-aliases=""
id="United Arab Emirates"
aria-label="United Arab Emirates"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/AE"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">United Arab Emirates</span>
<span
class="localization-form__currency"
hidden
>
AED
د.إ</span>
</li></ul>
</div>
<div class="country-selector__overlay"></div>
<input
type="hidden"
name="country_code"
value="AE"
ref="countryInput"
>
</div>
</form></localization-form-component>
</div>
</dropdown-localization-component>
<search-button class="search-action">
<button
on:click="#search-modal/showDialog"
class="button-unstyled header-actions__action"
aria-label="Search"
aria-haspopup="dialog"
>
<span
class="svg-wrapper"
>
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg>
</span>
</button>
</search-button>
<script
type="module"
src="//www.body-hub.com/cdn/shop/t/9/assets/cart-icon.js?v=157241182139685326961781263057"
fetchpriority="low"
></script>
<header-actions>
<script
src="//www.body-hub.com/cdn/shop/t/9/assets/cart-drawer.js?v=60516533948368149871781263057"
type="module"
fetchpriority="low"
></script>
<cart-drawer-component
class="cart-drawer"
>
<template id="empty-cart-template">
<div class="cart-drawer__header">
<button
ref="closeButton"
on:click="cart-drawer-component/close"
class="button close-button cart-drawer__close-button button-unstyled"
aria-label="Close dialog"
>
<span class="svg-wrapper"><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</button>
</div>
<div
class="cart-drawer__content"
aria-label="Cart"
>
<h2
class="cart-drawer__heading h4 cart-drawer__heading--empty"
id="cart-drawer-heading-empty"
>
Your cart is empty
</h2>
<div class="cart-drawer__items">
<script
src="//www.body-hub.com/cdn/shop/t/9/assets/component-cart-items.js?v=16199507049899445991781263057"
type="module"
fetchpriority="low"
></script>
<script
src="//www.body-hub.com/cdn/shop/t/9/assets/component-cart-quantity-selector.js?v=105130809908858639751781263057"
type="module"
fetchpriority="low"
></script>
<script
src="//www.body-hub.com/cdn/shop/t/9/assets/volume-pricing-info.js?v=94479640769665442661781263057"
type="module"
fetchpriority="low"
></script>
<div
class="cart-items__wrapper"
>
<a
class="button cart-items__empty-button"
href="/collections/all"
>
<span class="button-text">
Continue shopping
</span>
</a></div>
</div>
</div>
</template>
<button
class="button header-actions__action button-unstyled"
on:click="/open"
aria-haspopup="dialog"
aria-label="Cart"
aria-describedby="cart-bubble-text"
data-testid="cart-drawer-trigger"
>
<cart-icon
class="header-actions__cart-icon"
data-testid="cart-icon"
>
<span
class="svg-wrapper"
aria-hidden="true"
>
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M3.392 6.875h13.216v8.016c0 .567-.224 1.112-.624 1.513-.4.402-.941.627-1.506.627H5.522a2.13 2.13 0 0 1-1.506-.627 2.15 2.15 0 0 1-.624-1.513zM8.818 2.969h2.333c.618 0 1.211.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.313c0-.622.246-1.218.683-1.658a2.33 2.33 0 0 1 1.65-.686"/></svg>
</span>
<div
ref="cartBubble"
class="cart-bubble visually-hidden"
data-maintain-ratio
>
<span class="cart-bubble__background"></span>
<span
ref="cartBubbleText"
id="cart-bubble-text"
class="cart-bubble__text"
role="status"
>
<span class="visually-hidden">Total items in cart: 0
</span>
<span
class="cart-bubble__text-count hidden"
ref="cartBubbleCount"
aria-hidden="true"
data-testid="cart-bubble"
>
0</span>
</span>
</div>
</cart-icon>
</button>
<dialog
ref="dialog"
class="cart-drawer__dialog dialog-modal dialog-drawer color-scheme-1 cart-drawer--empty"
aria-labelledby="cart-drawer-heading-empty"
scroll-lock
cart-summary-sticky="true"
>
<div
class="cart-drawer__inner"
data-hydration-key="cart-drawer-inner"
>
<cart-items-component
class="cart-items-component"
data-drawer
data-section-id="sections--20432025813128__header_section"
>
<div class="cart-drawer__header">
<button
ref="closeButton"
on:click="cart-drawer-component/close"
class="button close-button cart-drawer__close-button button-unstyled"
aria-label="Close dialog"
>
<span class="svg-wrapper"><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</button>
</div>
<div
class="cart-drawer__content"
aria-label="Cart"
>
<h2
class="cart-drawer__heading h4 cart-drawer__heading--empty"
id="cart-drawer-heading-empty"
>
Your cart is empty
</h2>
<div class="cart-drawer__items">
<script
src="//www.body-hub.com/cdn/shop/t/9/assets/component-cart-items.js?v=16199507049899445991781263057"
type="module"
fetchpriority="low"
></script>
<script
src="//www.body-hub.com/cdn/shop/t/9/assets/component-cart-quantity-selector.js?v=105130809908858639751781263057"
type="module"
fetchpriority="low"
></script>
<script
src="//www.body-hub.com/cdn/shop/t/9/assets/volume-pricing-info.js?v=94479640769665442661781263057"
type="module"
fetchpriority="low"
></script>
<div
class="cart-items__wrapper"
>
<a
class="button cart-items__empty-button"
href="/collections/all"
>
<span class="button-text">
Continue shopping
</span>
</a></div>
</div>
</div>
</cart-items-component>
</div>
</dialog>
</cart-drawer-component>
</header-actions>
</div>
</div>
</div>
</header-component>
<script
src="//www.body-hub.com/cdn/shop/t/9/assets/header.js?v=36718054510661947891781263057"
type="module"
></script>
<script type="module">
import { hydrate } from '@theme/section-hydration';
const url = new URL(window.location.href);
url.searchParams.delete('page');
hydrate('sections--20432025813128__header_section', url);
</script>
</header>
<!-- END sections: header-group -->
</div>
<script>
// Inline header height and menu style calculations to prevent layout shift
// Note: Updates in calculateHeaderGroupHeight(), updateTransparentHeaderOffset() and setHeaderMenuStyle() utilities.js should be kept in sync with this function
(function setHeaderHeighCustomProperties() {
/*
* Header calculation functions for maintaining CSS variables
* Mimic calculateHeaderGroupHeight() in utilities.js
*/
const header = document.querySelector('header-component');
const headerGroup = document.querySelector('#header-group');
const hasHeaderSection = headerGroup?.querySelector('.header-section');
if (!header || !headerGroup) return;
const headerHeight = header.offsetHeight;
// Calculate the total height of the header group
let headerGroupHeight = 0;
const children = headerGroup.children;
for (let i = 0; i < children.length; i++) {
const element = children[i];
if (element === header || !(element instanceof HTMLElement)) continue;
headerGroupHeight += element.offsetHeight;
}
// Check for transparent header special case
if (header.hasAttribute('transparent') && header.parentElement?.nextElementSibling) {
headerGroupHeight += headerHeight;
}
// Set CSS variables
document.body.style.setProperty('--header-height', `${headerHeight}px`);
document.body.style.setProperty('--header-group-height', `${headerGroupHeight}px`);
/**
* Updates CSS custom properties for transparent header offset calculation
* Mimic updateTransparentHeaderOffset() in utilities.js
*/
if (!hasHeaderSection || !header?.hasAttribute('transparent')) {
document.body.style.setProperty('--transparent-header-offset-boolean', '0');
return;
}
const hasImmediateSection = hasHeaderSection.nextElementSibling?.classList.contains('shopify-section');
const shouldApplyOffset = !hasImmediateSection ? '1' : '0';
document.body.style.setProperty('--transparent-header-offset-boolean', shouldApplyOffset);
})();
(function setHeaderMenuStyle() {
const headerComponent = document.querySelector('#header-component');
if (headerComponent) {
const isTouchDevice = 'ontouchstart' in window && navigator.maxTouchPoints > 0;
const overflowList = headerComponent?.querySelector('overflow-list');
const hasReachedMinimum = overflowList && overflowList.hasAttribute('minimum-reached');
headerComponent.dataset.menuStyle = isTouchDevice || hasReachedMinimum ? 'drawer' : 'menu';
}
})();
</script>
<main
id="MainContent"
class="content-for-layout"
role="main"
data-page-transition-enabled="false"
data-product-transition="false"
data-template="index"
>
<div id="shopify-section-template--20432030040200__177122615578f35c6b" class="shopify-section section-wrapper">
<div class="section-background color-scheme-1"></div>
<div
class="section section--full-width color-scheme-1"
data-testid="ui-test-section"
style=" "
>
<div class="custom-section-background">
</div>
<div
class="border-style custom-section-content"
style="--border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; "
>
<div
class="spacing-style layout-panel-flex layout-panel-flex--column section-content-wrapper mobile-column"
style=" --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;--gap: 0px;--horizontal-alignment: flex-start; --vertical-alignment: center;--vertical-alignment-mobile: center; --padding-block-start: 0px;--padding-block-end: 0px; "
data-testid="section-content"
>
<style data-shopify>
.ai-slideshow-ak0jjbhvgbnfiqjffsaigenblock8d87e73x3gxab {
position: relative;
width: 100%;
max-width: 100%;
overflow: hidden;
display: block;
}
.ai-slideshow-container-ak0jjbhvgbnfiqjffsaigenblock8d87e73x3gxab {
position: relative;
width: 100%;
height: 100%;
}
.ai-slideshow-slides-ak0jjbhvgbnfiqjffsaigenblock8d87e73x3gxab {
display: flex;
transition: transform 0.5s ease-in-out;
width: 100%;
}
.ai-slideshow-slide-ak0jjbhvgbnfiqjffsaigenblock8d87e73x3gxab {
min-width: 100%;
display: flex;
flex-direction: row;
align-items: center;
gap: 60px;
padding: 0px;
background-color: #ffffff;
}
.ai-slideshow-image-ak0jjbhvgbnfiqjffsaigenblock8d87e73x3gxab {
flex: 1;
display: flex;
align-items: center;
justify-content: center;
}
.ai-slideshow-image-ak0jjbhvgbnfiqjffsaigenblock8d87e73x3gxab img {
width: 100%;
height: auto;
object-fit: cover;
border-radius: 0px;
}
.ai-slideshow-image-placeholder-ak0jjbhvgbnfiqjffsaigenblock8d87e73x3gxab {
width: 100%;
background-color: #f4f4f4;
border-radius: 0px;
display: flex;
align-items: center;
justify-content: center;
min-height: 400px;
}
.ai-slideshow-image-placeholder-ak0jjbhvgbnfiqjffsaigenblock8d87e73x3gxab svg {
width: 100%;
height: 100%;
max-width: 400px;
max-height: 400px;
}
.ai-slideshow-content-ak0jjbhvgbnfiqjffsaigenblock8d87e73x3gxab {
flex: 1;
display: flex;
flex-direction: column;
gap: 15px;
color: #000000;
padding: 20px;
}
.ai-slideshow-title-ak0jjbhvgbnfiqjffsaigenblock8d87e73x3gxab {
font-size: 36px;
font-weight: 700;
margin: 0;
color: #000000;
}
.ai-slideshow-subtitle-ak0jjbhvgbnfiqjffsaigenblock8d87e73x3gxab {
font-size: 24px;
font-weight: 500;
margin: 0;
color: #000000;
}
.ai-slideshow-description-ak0jjbhvgbnfiqjffsaigenblock8d87e73x3gxab {
font-size: 16px;
line-height: 1.6;
margin: 0;
color: #000000;
}
.ai-slideshow-cta-ak0jjbhvgbnfiqjffsaigenblock8d87e73x3gxab {
display: inline-block;
padding: 12px 24px;
background-color: #d5cbbf;
color: #000000;
text-decoration: none;
border-radius: 4px;
font-size: 13px;
font-weight: 600;
transition: background-color 0.3s ease;
align-self: flex-start;
}
.ai-slideshow-cta-ak0jjbhvgbnfiqjffsaigenblock8d87e73x3gxab:hover {
background-color: #735f3f;
}
.ai-slideshow-dots-ak0jjbhvgbnfiqjffsaigenblock8d87e73x3gxab {
position: absolute;
bottom: 20px;
left: 50%;
transform: translateX(-50%);
display: flex;
gap: 10px;
z-index: 10;
}
.ai-slideshow-dot-ak0jjbhvgbnfiqjffsaigenblock8d87e73x3gxab {
width: 10px;
height: 10px;
border-radius: 50%;
background-color: #000000;
opacity: 0.5;
cursor: pointer;
transition: opacity 0.3s ease, transform 0.3s ease;
border: none;
padding: 0;
}
.ai-slideshow-dot-ak0jjbhvgbnfiqjffsaigenblock8d87e73x3gxab.active {
opacity: 1;
transform: scale(1.2);
}
@media screen and (max-width: 749px) {
.ai-slideshow-slide-ak0jjbhvgbnfiqjffsaigenblock8d87e73x3gxab {
flex-direction: column;
}
.ai-slideshow-title-ak0jjbhvgbnfiqjffsaigenblock8d87e73x3gxab {
font-size: 25.2px;
}
.ai-slideshow-subtitle-ak0jjbhvgbnfiqjffsaigenblock8d87e73x3gxab {
font-size: 19.2px;
}
.ai-slideshow-description-ak0jjbhvgbnfiqjffsaigenblock8d87e73x3gxab {
font-size: 14.4px;
}
}
</style>
<slideshow-component-ak0jjbhvgbnfiqjffsaigenblock8d87e73x3gxab
class="ai-slideshow-ak0jjbhvgbnfiqjffsaigenblock8d87e73x3gxab"
data-autoplay-interval="10"
>
<div class="ai-slideshow-container-ak0jjbhvgbnfiqjffsaigenblock8d87e73x3gxab">
<div class="ai-slideshow-slides-ak0jjbhvgbnfiqjffsaigenblock8d87e73x3gxab">
<div class="ai-slideshow-slide-ak0jjbhvgbnfiqjffsaigenblock8d87e73x3gxab" data-slide="1">
<div class="ai-slideshow-image-ak0jjbhvgbnfiqjffsaigenblock8d87e73x3gxab">
<img
src="//www.body-hub.com/cdn/shop/files/MG_2455.jpg?v=1771228167&width=1000"
alt=""
loading="lazy"
width="1762"
height="1761"
>
</div>
<div class="ai-slideshow-content-ak0jjbhvgbnfiqjffsaigenblock8d87e73x3gxab">
<h2 class="ai-slideshow-title-ak0jjbhvgbnfiqjffsaigenblock8d87e73x3gxab">Curated Wellness Starts Here</h2>
<div class="ai-slideshow-description-ak0jjbhvgbnfiqjffsaigenblock8d87e73x3gxab">The Body Hub® is a premium destination for curated wellness — where people come to shop trusted tools, learn body-informed, recovery-led movement, and begin a pathway to feeling aligned in their minds and bodies.
It is a category-defining platform — where science, curation, lived experience, and real-life guidance meet.</div>
<a href="/collections/all-products" class="ai-slideshow-cta-ak0jjbhvgbnfiqjffsaigenblock8d87e73x3gxab">
Explore our Products
</a>
</div>
</div>
<div class="ai-slideshow-slide-ak0jjbhvgbnfiqjffsaigenblock8d87e73x3gxab" data-slide="2">
<div class="ai-slideshow-image-ak0jjbhvgbnfiqjffsaigenblock8d87e73x3gxab">
<img
src="//www.body-hub.com/cdn/shop/files/f280c1f6-2563-4335-9dfa-6bf00becfb24.png?v=1771227642&width=1000"
alt=""
loading="lazy"
width="1856"
height="1856"
>
</div>
<div class="ai-slideshow-content-ak0jjbhvgbnfiqjffsaigenblock8d87e73x3gxab">
<h2 class="ai-slideshow-title-ak0jjbhvgbnfiqjffsaigenblock8d87e73x3gxab">Our Purpose</h2>
<div class="ai-slideshow-description-ak0jjbhvgbnfiqjffsaigenblock8d87e73x3gxab">To make wellness make sense.
At The Body Hub®, wellness is not about chasing trends, performing workouts, or buying random tools in hope.
It’s about understanding how the body responds — and supporting it properly. We curate what works — so you can stop guessing.</div>
<a href="/pages/services" class="ai-slideshow-cta-ak0jjbhvgbnfiqjffsaigenblock8d87e73x3gxab">
Discover our services
</a>
</div>
</div>
</div>
<div class="ai-slideshow-dots-ak0jjbhvgbnfiqjffsaigenblock8d87e73x3gxab">
<button
class="ai-slideshow-dot-ak0jjbhvgbnfiqjffsaigenblock8d87e73x3gxab active"
data-slide="1"
aria-label="Go to slide 1"
></button>
<button
class="ai-slideshow-dot-ak0jjbhvgbnfiqjffsaigenblock8d87e73x3gxab"
data-slide="2"
aria-label="Go to slide 2"
></button>
</div>
</div>
</slideshow-component-ak0jjbhvgbnfiqjffsaigenblock8d87e73x3gxab>
<script>
(function() {
class SlideshowComponentak0jjbhvgbnfiqjffsaigenblock8d87e73x3gxab extends HTMLElement {
constructor() {
super();
this.currentSlide = 0;
this.totalSlides = 2;
this.autoplayInterval = null;
this.isTransitioning = false;
}
connectedCallback() {
this.slidesContainer = this.querySelector('.ai-slideshow-slides-ak0jjbhvgbnfiqjffsaigenblock8d87e73x3gxab');
this.dots = this.querySelectorAll('.ai-slideshow-dot-ak0jjbhvgbnfiqjffsaigenblock8d87e73x3gxab');
this.autoplayTime = parseInt(this.dataset.autoplayInterval) * 1000;
this.setupEventListeners();
this.startAutoplay();
}
disconnectedCallback() {
this.stopAutoplay();
}
setupEventListeners() {
this.dots.forEach((dot) => {
dot.addEventListener('click', (e) => {
const slideIndex = parseInt(e.target.dataset.slide) - 1;
this.goToSlide(slideIndex);
});
});
}
goToSlide(index) {
if (this.isTransitioning) return;
this.isTransitioning = true;
this.currentSlide = index;
const offset = -100 * this.currentSlide;
this.slidesContainer.style.transform = `translateX(${offset}%)`;
this.dots.forEach((dot, i) => {
if (i === this.currentSlide) {
dot.classList.add('active');
} else {
dot.classList.remove('active');
}
});
this.stopAutoplay();
this.startAutoplay();
setTimeout(() => {
this.isTransitioning = false;
}, 500);
}
nextSlide() {
const next = (this.currentSlide + 1) % this.totalSlides;
this.goToSlide(next);
}
startAutoplay() {
this.stopAutoplay();
this.autoplayInterval = setInterval(() => {
this.nextSlide();
}, this.autoplayTime);
}
stopAutoplay() {
if (this.autoplayInterval) {
clearInterval(this.autoplayInterval);
this.autoplayInterval = null;
}
}
}
customElements.define('slideshow-component-ak0jjbhvgbnfiqjffsaigenblock8d87e73x3gxab', SlideshowComponentak0jjbhvgbnfiqjffsaigenblock8d87e73x3gxab);
})();
</script>
</div>
</div>
</div>
</div><div id="shopify-section-template--20432030040200__product_list_847aLe" class="shopify-section ui-test-product-list">
<div class="section-background color-scheme-1"></div>
<div
data-testid="product-list"
class="section section--page-width color-scheme-1 section-resource-list spacing-style gap-style"
style=" --padding-block-start: max(20px, calc(var(--spacing-scale) * 48px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 48px)); --gap: max(24px, calc(var(--gap-scale, 1.0) * 28px)); "
>
<div class="section-resource-list__header">
<div
class="group-block group-block--height-fit group-block--width-fill border-style spacing-style size-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; "
data-testid="group-block"
><div class="group-block__media-wrapper">
</div>
<div
class="group-block-content layout-panel-flex layout-panel-flex--row"
style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;--gap: 12px;--horizontal-alignment: space-between; --vertical-alignment: last baseline;--vertical-alignment-mobile: last baseline;"
>
<rte-formatter class="spacing-style text-block text-block--AallpUEhvUGtFYmVZe__product_list_text_XHMdEW rte rte" style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: fit-content; --max-width: var(--max-width--body-normal); ">
<h3>Best Sellers</h3>
</rte-formatter>
</div>
</div>
</div>
<div
class="resource-list force-full-width resource-list__carousel"
style="--resource-list-column-gap-desktop: 8px;--column-count: 4;--column-count-mobile: 1;--mobile-card-size: 60cqw;"
data-testid="resource-list-grid"
>
<div
class="resource-list__carousel"
style="--gutter-slide-width: var(--util-page-margin-offset); --slide-width-max: 450px;"
>
<slideshow-component
ref="resourceListCarousel"
class="resource-list__carousel"
style="--slideshow-timeline: --slide-0, --slide-1, --slide-2, --slide-3, --slide-4, --slide-5;--slide-min-height: auto;--slide-min-height-desktop: auto;"
initial-slide="0"
>
<slideshow-container ref="slideshowContainer">
<slideshow-arrows
position="center"
><button
class="slideshow-control slideshow-control--previous slideshow-control--shape-circle slideshow-control--style-arrow button button-unstyled button-unstyled--transparent flip-x"
aria-label="Previous slide"
on:click="/previous"
ref="previous"
>
<span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>
<button
class="slideshow-control slideshow-control--next slideshow-control--shape-circle slideshow-control--style-arrow button button-unstyled button-unstyled--transparent"
aria-label="Next slide"
on:click="/next"
ref="next"
>
<span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>
</slideshow-arrows>
<slideshow-slides
tabindex="-1"
ref="scroller"
gutters="start end"
>
<slideshow-slide
ref="slides[]"
aria-hidden="false"
style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
class="resource-list__slide"
>
<div
class="resource-list__item"
>
<style data-shopify>
</style>
<product-card
class="product-card"
data-product-id="8721690820744"
id="product-card-ARWgwZHkxRDVMSUJqY__static-product-card"
data-product-transition="false"
>
<a
id="c2fe2aeee61cdfe87af024ee0f6e98df"
href="/products/yamuna%C2%AE-foot-wakers-pair?variant=44418574483592"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
Foot Wakers
</span>
</a>
<div
class="product-card__content layout-panel-flex layout-panel-flex--column product-grid__card spacing-style border-style gap-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;--horizontal-alignment: ; --vertical-alignment: ;--vertical-alignment-mobile: ; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --product-card-gap: 4px; --quick-add-display: flex; --quick-add-mobile-display: none; --quick-add-mobile-opacity: 0; "
>
<div
ref="cardGallery"
class="card-gallery card-gallery-ASWt5emkrRi9sODJ1U__product_card_gallery_QNnApd spacing-style border-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --gallery-aspect-ratio: 1.1928934010152283; "
data-product-id="8721690820744"
on:pointerenter="/previewImage"
on:pointerleave="/resetImage"
data-image-ratio="adapt"
>
<a
class="contents"
ref="cardGalleryLink"
href="/products/yamuna%C2%AE-foot-wakers-pair?variant=44418574483592"
aria-label="Foot Wakers"
>
<slideshow-component
ref="slideshow"
style="--slideshow-timeline: --slide-0, --slide-1;--slide-min-height: auto;--slide-min-height-desktop: auto;"
initial-slide="0"
infinite
data-generic-media-size="2"
>
<slideshow-container ref="slideshowContainer">
<slideshow-slides
tabindex="-1"
ref="scroller"
>
<slideshow-slide
ref="slides[]"
aria-hidden="false"
style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
class="product-media-container media-fit product-media-container--image"
slide-id="35668358693000"
>
<div
class="product-media"
style="--ratio: 1.1928934010152283"
data-media-id="35668358693000"
>
<img src="//www.body-hub.com/cdn/shop/files/33.png?v=1766573745&width=3840" alt="Foot Wakers" srcset="//www.body-hub.com/cdn/shop/files/33.png?v=1766573745&width=240 240w, //www.body-hub.com/cdn/shop/files/33.png?v=1766573745&width=352 352w, //www.body-hub.com/cdn/shop/files/33.png?v=1766573745&width=832 832w, //www.body-hub.com/cdn/shop/files/33.png?v=1766573745&width=1200 1200w, //www.body-hub.com/cdn/shop/files/33.png?v=1766573745&width=1600 1600w, //www.body-hub.com/cdn/shop/files/33.png?v=1766573745&width=1920 1920w, //www.body-hub.com/cdn/shop/files/33.png?v=1766573745&width=2560 2560w, //www.body-hub.com/cdn/shop/files/33.png?v=1766573745&width=3840 3840w" width="3840" height="3219" loading="eager" sizes="(min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="false" data_max_resolution="//www.body-hub.com/cdn/shop/files/33.png?v=1766573745&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
class="product-media-container media-fit product-media-container--image"
slide-id="35668358725768"
>
<div
class="product-media"
style="--ratio: 1.1928934010152283"
data-media-id="35668358725768"
>
<img src="//www.body-hub.com/cdn/shop/files/36.png?v=1766573745&width=3840" alt="Foot Wakers" srcset="//www.body-hub.com/cdn/shop/files/36.png?v=1766573745&width=240 240w, //www.body-hub.com/cdn/shop/files/36.png?v=1766573745&width=352 352w, //www.body-hub.com/cdn/shop/files/36.png?v=1766573745&width=832 832w, //www.body-hub.com/cdn/shop/files/36.png?v=1766573745&width=1200 1200w, //www.body-hub.com/cdn/shop/files/36.png?v=1766573745&width=1600 1600w, //www.body-hub.com/cdn/shop/files/36.png?v=1766573745&width=1920 1920w, //www.body-hub.com/cdn/shop/files/36.png?v=1766573745&width=2560 2560w, //www.body-hub.com/cdn/shop/files/36.png?v=1766573745&width=3840 3840w" width="3840" height="3219" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="false" data_max_resolution="//www.body-hub.com/cdn/shop/files/36.png?v=1766573745&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
</a>
<div
class="product-badges product-badges--top-right"
style=" --badge-border-radius: 100px; --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none; "
></div>
<quick-add-component
class="quick-add color-scheme-1"
ref="quickAdd"
data-product-title="Foot Wakers"
data-quick-add-button="add"
data-product-options-count="1"
>
<product-form-component
data-section-id="template--20432030040200__product_list_847aLe"
data-product-id="8721690820744"
on:submit="/handleSubmit"
class="quick-add__product-form-component"
>
<div
class="visually-hidden"
aria-live="assertive"
role="status"
aria-atomic="true"
ref="liveRegion"
></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-8721690820744-ASWt5emkrRi9sODJ1U__product_card_gallery_QNnApd" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
type="hidden"
name="id"
ref="variantId"
value="44418574483592"
>
<input
type="hidden"
name="quantity"
value="1"
>
<add-to-cart-component
ref="addToCartButtonContainer"
data-product-variant-media="//www.body-hub.com/cdn/shop/files/33.png?v=1766573745&width=100"
data-add-to-cart-animation="true"
>
<button
type="submit"
name="add"
ref="addToCartButton"
on:click="/handleClick"
class="button button quick-add__button quick-add__button--add add-to-cart-button"
>
<span
class="add-to-cart-text"
>
<span
aria-hidden="true"
class="svg-wrapper add-to-cart-icon"
><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
<span class="add-to-cart-text__content is-visually-hidden-mobile">
<span>
<span>Add</span>
</span>
</span>
</span>
<span class="add-to-cart__added">
<span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g class="check">
<circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<g class="burst">
<g style="--index: 0;">
<line class="line" stroke-linecap="round" pathlength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
</g>
<g style="--index: 1;">
<line class="line" stroke-linecap="round" pathlength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
</g>
<g style="--index: 2;">
<line class="line" stroke-linecap="round" pathlength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
</g>
<g style="--index: 3;">
<line class="line" stroke-linecap="round" pathlength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
</g>
<g style="--index: 4;">
<line class="line" stroke-linecap="round" pathlength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
</g>
<g style="--index: 5;">
<line class="line" stroke-linecap="round" pathlength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
</g>
<g style="--index: 6;">
<line class="line" stroke-linecap="round" pathlength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
</g>
<g style="--index: 7;">
<line class="line" stroke-linecap="round" pathlength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
</g>
</g>
</svg>
</span>
</span>
</button>
</add-to-cart-component>
<button
class="button quick-add__button quick-add__button--choose add-to-cart-button"
type="button"
name="add"
on:click="quick-add-component/handleClick"
>
<span
class="add-to-cart-text"
>
<span
aria-hidden="true"
class="svg-wrapper add-to-cart-icon"
><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
<span class="add-to-cart-text__content is-visually-hidden-mobile">
<span>
<span>
Choose
</span>
</span>
</span>
</span>
</button><input type="hidden" name="product-id" value="8721690820744" /><input type="hidden" name="section-id" value="template--20432030040200__product_list_847aLe" /></form></product-form-component>
</quick-add-component>
</div>
<div class="product-grid-view-zoom-out--details">
<h3 class="h4">Foot Wakers</h3>
</div>
<a
class="contents user-select-text"
ref="productTitleLink"
href="/products/yamuna%C2%AE-foot-wakers-pair?variant=44418574483592"
>
<div class="spacing-style text-block text-block--AS25LcTBQdmlaZU82c__product_title_iKH8gA rte rte" style=" --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: fit-content; --max-width: var(--max-width--body-normal); ">
<p>Foot Wakers</p>
</div>
</a>
<product-price
class="text-block text-block--align-left text-left h6 spacing-style"
data-block-id="ASU1qS2NhK2tKRmZHU__price_PB3QeR"
data-product-id="8721690820744"
style=" --color: var(--color-foreground); --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --width: 100%; "
>
<div ref="priceContainer">
<span class="price">Dhs. 375.00</span>
</div>
</product-price>
</div>
</product-card>
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
class="resource-list__slide"
>
<div
class="resource-list__item"
>
<style data-shopify>
</style>
<product-card
class="product-card"
data-product-id="8710505857160"
id="product-card-ARWgwZHkxRDVMSUJqY__static-product-card-1"
data-product-transition="false"
>
<a
id="c00a48bd4a15fd4a79268e70afa6db36"
href="/products/mg-850-fascia-releazer%C2%AE?variant=44381125017736"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
Fascia-ReleaZer®
</span>
</a>
<div
class="product-card__content layout-panel-flex layout-panel-flex--column product-grid__card spacing-style border-style gap-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;--horizontal-alignment: ; --vertical-alignment: ;--vertical-alignment-mobile: ; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --product-card-gap: 4px; --quick-add-display: flex; --quick-add-mobile-display: none; --quick-add-mobile-opacity: 0; "
>
<div
ref="cardGallery"
class="card-gallery card-gallery-ASWt5emkrRi9sODJ1U__product_card_gallery_QNnApd-1 spacing-style border-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --gallery-aspect-ratio: 1.1928934010152283; "
data-product-id="8710505857160"
on:pointerenter="/previewImage"
on:pointerleave="/resetImage"
data-image-ratio="adapt"
>
<a
class="contents"
ref="cardGalleryLink"
href="/products/mg-850-fascia-releazer%C2%AE?variant=44381125017736"
aria-label="Fascia-ReleaZer®"
>
<slideshow-component
ref="slideshow"
style="--slideshow-timeline: --slide-0, --slide-1, --slide-2, --slide-3, --slide-4, --slide-5;--slide-min-height: auto;--slide-min-height-desktop: auto;"
initial-slide="0"
infinite
data-generic-media-size="6"
>
<slideshow-container ref="slideshowContainer">
<slideshow-arrows
position="center"
><button
class="slideshow-control slideshow-control--previous slideshow-control--style-arrow button button-unstyled button-unstyled--transparent flip-x"
aria-label="Previous slide"
on:click="/previous"
ref="previous"
>
<span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>
<button
class="slideshow-control slideshow-control--next slideshow-control--style-arrow button button-unstyled button-unstyled--transparent"
aria-label="Next slide"
on:click="/next"
ref="next"
>
<span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>
</slideshow-arrows>
<slideshow-slides
tabindex="-1"
ref="scroller"
>
<slideshow-slide
ref="slides[]"
aria-hidden="false"
style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
class="product-media-container media-fit product-media-container--image"
slide-id="35668351287432"
>
<div
class="product-media"
style="--ratio: 1.1928934010152283"
data-media-id="35668351287432"
>
<img src="//www.body-hub.com/cdn/shop/files/6.png?v=1766572536&width=3840" alt="Fascia-ReleaZer®" srcset="//www.body-hub.com/cdn/shop/files/6.png?v=1766572536&width=240 240w, //www.body-hub.com/cdn/shop/files/6.png?v=1766572536&width=352 352w, //www.body-hub.com/cdn/shop/files/6.png?v=1766572536&width=832 832w, //www.body-hub.com/cdn/shop/files/6.png?v=1766572536&width=1200 1200w, //www.body-hub.com/cdn/shop/files/6.png?v=1766572536&width=1600 1600w, //www.body-hub.com/cdn/shop/files/6.png?v=1766572536&width=1920 1920w, //www.body-hub.com/cdn/shop/files/6.png?v=1766572536&width=2560 2560w, //www.body-hub.com/cdn/shop/files/6.png?v=1766572536&width=3840 3840w" width="3840" height="3219" loading="eager" sizes="(min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="false" data_max_resolution="//www.body-hub.com/cdn/shop/files/6.png?v=1766572536&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
class="product-media-container media-fit product-media-container--image"
slide-id="35668351615112"
>
<div
class="product-media"
style="--ratio: 1.1928934010152283"
data-media-id="35668351615112"
>
<img src="//www.body-hub.com/cdn/shop/files/8.png?v=1766572536&width=3840" alt="Fascia-ReleaZer®" srcset="//www.body-hub.com/cdn/shop/files/8.png?v=1766572536&width=240 240w, //www.body-hub.com/cdn/shop/files/8.png?v=1766572536&width=352 352w, //www.body-hub.com/cdn/shop/files/8.png?v=1766572536&width=832 832w, //www.body-hub.com/cdn/shop/files/8.png?v=1766572536&width=1200 1200w, //www.body-hub.com/cdn/shop/files/8.png?v=1766572536&width=1600 1600w, //www.body-hub.com/cdn/shop/files/8.png?v=1766572536&width=1920 1920w, //www.body-hub.com/cdn/shop/files/8.png?v=1766572536&width=2560 2560w, //www.body-hub.com/cdn/shop/files/8.png?v=1766572536&width=3840 3840w" width="3840" height="3219" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="false" data_max_resolution="//www.body-hub.com/cdn/shop/files/8.png?v=1766572536&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
class="product-media-container media-fit product-media-container--image"
slide-id="35686894469256"
>
<div
class="product-media"
style="--ratio: 1.1928934010152283"
data-media-id="35686894469256"
>
<img src="//www.body-hub.com/cdn/shop/files/34.png?v=1766845806&width=3840" alt="Fascia-ReleaZer®" srcset="//www.body-hub.com/cdn/shop/files/34.png?v=1766845806&width=240 240w, //www.body-hub.com/cdn/shop/files/34.png?v=1766845806&width=352 352w, //www.body-hub.com/cdn/shop/files/34.png?v=1766845806&width=832 832w, //www.body-hub.com/cdn/shop/files/34.png?v=1766845806&width=1200 1200w, //www.body-hub.com/cdn/shop/files/34.png?v=1766845806&width=1600 1600w, //www.body-hub.com/cdn/shop/files/34.png?v=1766845806&width=1920 1920w, //www.body-hub.com/cdn/shop/files/34.png?v=1766845806&width=2560 2560w, //www.body-hub.com/cdn/shop/files/34.png?v=1766845806&width=3840 3840w" width="3840" height="3219" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="false" data_max_resolution="//www.body-hub.com/cdn/shop/files/34.png?v=1766845806&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
class="product-media-container media-fit product-media-container--image"
slide-id="35686894502024"
>
<div
class="product-media"
style="--ratio: 1.1928934010152283"
data-media-id="35686894502024"
>
<img src="//www.body-hub.com/cdn/shop/files/35_accec80e-425b-4f86-8f2b-c239d24fe8f9.png?v=1766845806&width=3840" alt="Fascia-ReleaZer®" srcset="//www.body-hub.com/cdn/shop/files/35_accec80e-425b-4f86-8f2b-c239d24fe8f9.png?v=1766845806&width=240 240w, //www.body-hub.com/cdn/shop/files/35_accec80e-425b-4f86-8f2b-c239d24fe8f9.png?v=1766845806&width=352 352w, //www.body-hub.com/cdn/shop/files/35_accec80e-425b-4f86-8f2b-c239d24fe8f9.png?v=1766845806&width=832 832w, //www.body-hub.com/cdn/shop/files/35_accec80e-425b-4f86-8f2b-c239d24fe8f9.png?v=1766845806&width=1200 1200w, //www.body-hub.com/cdn/shop/files/35_accec80e-425b-4f86-8f2b-c239d24fe8f9.png?v=1766845806&width=1600 1600w, //www.body-hub.com/cdn/shop/files/35_accec80e-425b-4f86-8f2b-c239d24fe8f9.png?v=1766845806&width=1920 1920w, //www.body-hub.com/cdn/shop/files/35_accec80e-425b-4f86-8f2b-c239d24fe8f9.png?v=1766845806&width=2560 2560w, //www.body-hub.com/cdn/shop/files/35_accec80e-425b-4f86-8f2b-c239d24fe8f9.png?v=1766845806&width=3840 3840w" width="3840" height="3219" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="false" data_max_resolution="//www.body-hub.com/cdn/shop/files/35_accec80e-425b-4f86-8f2b-c239d24fe8f9.png?v=1766845806&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="--slideshow-timeline: --slide-4; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
class="product-media-container media-fit product-media-container--image"
slide-id="35686894534792"
>
<div
class="product-media"
style="--ratio: 1.1928934010152283"
data-media-id="35686894534792"
>
<img src="//www.body-hub.com/cdn/shop/files/36_e9f1f2d4-3348-4c2f-9d76-7c1c13988cd3.png?v=1766845806&width=3840" alt="Fascia-ReleaZer®" srcset="//www.body-hub.com/cdn/shop/files/36_e9f1f2d4-3348-4c2f-9d76-7c1c13988cd3.png?v=1766845806&width=240 240w, //www.body-hub.com/cdn/shop/files/36_e9f1f2d4-3348-4c2f-9d76-7c1c13988cd3.png?v=1766845806&width=352 352w, //www.body-hub.com/cdn/shop/files/36_e9f1f2d4-3348-4c2f-9d76-7c1c13988cd3.png?v=1766845806&width=832 832w, //www.body-hub.com/cdn/shop/files/36_e9f1f2d4-3348-4c2f-9d76-7c1c13988cd3.png?v=1766845806&width=1200 1200w, //www.body-hub.com/cdn/shop/files/36_e9f1f2d4-3348-4c2f-9d76-7c1c13988cd3.png?v=1766845806&width=1600 1600w, //www.body-hub.com/cdn/shop/files/36_e9f1f2d4-3348-4c2f-9d76-7c1c13988cd3.png?v=1766845806&width=1920 1920w, //www.body-hub.com/cdn/shop/files/36_e9f1f2d4-3348-4c2f-9d76-7c1c13988cd3.png?v=1766845806&width=2560 2560w, //www.body-hub.com/cdn/shop/files/36_e9f1f2d4-3348-4c2f-9d76-7c1c13988cd3.png?v=1766845806&width=3840 3840w" width="3840" height="3219" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="false" data_max_resolution="//www.body-hub.com/cdn/shop/files/36_e9f1f2d4-3348-4c2f-9d76-7c1c13988cd3.png?v=1766845806&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
</a>
<div
class="product-badges product-badges--top-right"
style=" --badge-border-radius: 100px; --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none; "
></div>
<quick-add-component
class="quick-add color-scheme-1"
ref="quickAdd"
data-product-title="Fascia-ReleaZer®"
data-quick-add-button="add"
data-product-options-count="1"
>
<product-form-component
data-section-id="template--20432030040200__product_list_847aLe"
data-product-id="8710505857160"
on:submit="/handleSubmit"
class="quick-add__product-form-component"
>
<div
class="visually-hidden"
aria-live="assertive"
role="status"
aria-atomic="true"
ref="liveRegion"
></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-8710505857160-ASWt5emkrRi9sODJ1U__product_card_gallery_QNnApd-1" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
type="hidden"
name="id"
ref="variantId"
value="44381125017736"
>
<input
type="hidden"
name="quantity"
value="1"
>
<add-to-cart-component
ref="addToCartButtonContainer"
data-product-variant-media="//www.body-hub.com/cdn/shop/files/6.png?v=1766572536&width=100"
data-add-to-cart-animation="true"
>
<button
type="submit"
name="add"
ref="addToCartButton"
on:click="/handleClick"
class="button button quick-add__button quick-add__button--add add-to-cart-button"
>
<span
class="add-to-cart-text"
>
<span
aria-hidden="true"
class="svg-wrapper add-to-cart-icon"
><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
<span class="add-to-cart-text__content is-visually-hidden-mobile">
<span>
<span>Add</span>
</span>
</span>
</span>
<span class="add-to-cart__added">
<span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g class="check">
<circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<g class="burst">
<g style="--index: 0;">
<line class="line" stroke-linecap="round" pathlength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
</g>
<g style="--index: 1;">
<line class="line" stroke-linecap="round" pathlength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
</g>
<g style="--index: 2;">
<line class="line" stroke-linecap="round" pathlength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
</g>
<g style="--index: 3;">
<line class="line" stroke-linecap="round" pathlength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
</g>
<g style="--index: 4;">
<line class="line" stroke-linecap="round" pathlength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
</g>
<g style="--index: 5;">
<line class="line" stroke-linecap="round" pathlength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
</g>
<g style="--index: 6;">
<line class="line" stroke-linecap="round" pathlength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
</g>
<g style="--index: 7;">
<line class="line" stroke-linecap="round" pathlength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
</g>
</g>
</svg>
</span>
</span>
</button>
</add-to-cart-component>
<button
class="button quick-add__button quick-add__button--choose add-to-cart-button"
type="button"
name="add"
on:click="quick-add-component/handleClick"
>
<span
class="add-to-cart-text"
>
<span
aria-hidden="true"
class="svg-wrapper add-to-cart-icon"
><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
<span class="add-to-cart-text__content is-visually-hidden-mobile">
<span>
<span>
Choose
</span>
</span>
</span>
</span>
</button><input type="hidden" name="product-id" value="8710505857160" /><input type="hidden" name="section-id" value="template--20432030040200__product_list_847aLe" /></form></product-form-component>
</quick-add-component>
</div>
<div class="product-grid-view-zoom-out--details">
<h3 class="h4">Fascia-ReleaZer®</h3>
</div>
<a
class="contents user-select-text"
ref="productTitleLink"
href="/products/mg-850-fascia-releazer%C2%AE?variant=44381125017736"
>
<div class="spacing-style text-block text-block--AS25LcTBQdmlaZU82c__product_title_iKH8gA-1 rte rte" style=" --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: fit-content; --max-width: var(--max-width--body-normal); ">
<p>Fascia-ReleaZer®</p>
</div>
</a>
<product-price
class="text-block text-block--align-left text-left h6 spacing-style"
data-block-id="ASU1qS2NhK2tKRmZHU__price_PB3QeR-1"
data-product-id="8710505857160"
style=" --color: var(--color-foreground); --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --width: 100%; "
>
<div ref="priceContainer">
<span class="price">Dhs. 2,350.00</span>
</div>
</product-price>
</div>
</product-card>
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
class="resource-list__slide"
>
<div
class="resource-list__item"
>
<style data-shopify>
</style>
<product-card
class="product-card"
data-product-id="8721690001544"
id="product-card-ARWgwZHkxRDVMSUJqY__static-product-card-2"
data-product-transition="false"
>
<a
id="abf89e7df2e1ddad2d4538d51527001a"
href="/products/yamuna%C2%AE-black-balls-pair?variant=44418565832840"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
Tension Release Balls - small black (pair)
</span>
</a>
<div
class="product-card__content layout-panel-flex layout-panel-flex--column product-grid__card spacing-style border-style gap-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;--horizontal-alignment: ; --vertical-alignment: ;--vertical-alignment-mobile: ; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --product-card-gap: 4px; --quick-add-display: none; --quick-add-mobile-display: none; --quick-add-mobile-opacity: 0; "
>
<div
ref="cardGallery"
class="card-gallery card-gallery-ASWt5emkrRi9sODJ1U__product_card_gallery_QNnApd-2 spacing-style border-style card-gallery--badge-top-right"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --gallery-aspect-ratio: 1.1928934010152283; "
data-product-id="8721690001544"
on:pointerenter="/previewImage"
on:pointerleave="/resetImage"
data-image-ratio="adapt"
>
<a
class="contents"
ref="cardGalleryLink"
href="/products/yamuna%C2%AE-black-balls-pair?variant=44418565832840"
aria-label="Tension Release Balls - small black (pair)"
>
<slideshow-component
ref="slideshow"
style="--slideshow-timeline: --slide-0, --slide-1;--slide-min-height: auto;--slide-min-height-desktop: auto;"
initial-slide="0"
infinite
data-generic-media-size="2"
>
<slideshow-container ref="slideshowContainer">
<slideshow-slides
tabindex="-1"
ref="scroller"
>
<slideshow-slide
ref="slides[]"
aria-hidden="false"
style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
class="product-media-container media-fit product-media-container--image"
slide-id="35668438220936"
>
<div
class="product-media"
style="--ratio: 1.1928934010152283"
data-media-id="35668438220936"
>
<img src="//www.body-hub.com/cdn/shop/files/22.png?v=1766574896&width=3840" alt="Tension Release Balls - small black (pair)" srcset="//www.body-hub.com/cdn/shop/files/22.png?v=1766574896&width=240 240w, //www.body-hub.com/cdn/shop/files/22.png?v=1766574896&width=352 352w, //www.body-hub.com/cdn/shop/files/22.png?v=1766574896&width=832 832w, //www.body-hub.com/cdn/shop/files/22.png?v=1766574896&width=1200 1200w, //www.body-hub.com/cdn/shop/files/22.png?v=1766574896&width=1600 1600w, //www.body-hub.com/cdn/shop/files/22.png?v=1766574896&width=1920 1920w, //www.body-hub.com/cdn/shop/files/22.png?v=1766574896&width=2560 2560w, //www.body-hub.com/cdn/shop/files/22.png?v=1766574896&width=3840 3840w" width="3840" height="3219" loading="eager" sizes="(min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="false" data_max_resolution="//www.body-hub.com/cdn/shop/files/22.png?v=1766574896&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
class="product-media-container media-fit product-media-container--image"
slide-id="35686941261960"
>
<div
class="product-media"
style="--ratio: 1.1928934010152283"
data-media-id="35686941261960"
>
<img src="//www.body-hub.com/cdn/shop/files/Facial_releaser_and_deep_releaser_attachments_in_three_degrees_of_hardness_for_targeted_individual_massage_treatment_1.png?v=1766846222&width=3840" alt="Tension Release Balls - small black (pair)" srcset="//www.body-hub.com/cdn/shop/files/Facial_releaser_and_deep_releaser_attachments_in_three_degrees_of_hardness_for_targeted_individual_massage_treatment_1.png?v=1766846222&width=240 240w, //www.body-hub.com/cdn/shop/files/Facial_releaser_and_deep_releaser_attachments_in_three_degrees_of_hardness_for_targeted_individual_massage_treatment_1.png?v=1766846222&width=352 352w, //www.body-hub.com/cdn/shop/files/Facial_releaser_and_deep_releaser_attachments_in_three_degrees_of_hardness_for_targeted_individual_massage_treatment_1.png?v=1766846222&width=832 832w, //www.body-hub.com/cdn/shop/files/Facial_releaser_and_deep_releaser_attachments_in_three_degrees_of_hardness_for_targeted_individual_massage_treatment_1.png?v=1766846222&width=1200 1200w, //www.body-hub.com/cdn/shop/files/Facial_releaser_and_deep_releaser_attachments_in_three_degrees_of_hardness_for_targeted_individual_massage_treatment_1.png?v=1766846222&width=1600 1600w, //www.body-hub.com/cdn/shop/files/Facial_releaser_and_deep_releaser_attachments_in_three_degrees_of_hardness_for_targeted_individual_massage_treatment_1.png?v=1766846222&width=1920 1920w, //www.body-hub.com/cdn/shop/files/Facial_releaser_and_deep_releaser_attachments_in_three_degrees_of_hardness_for_targeted_individual_massage_treatment_1.png?v=1766846222&width=2560 2560w, //www.body-hub.com/cdn/shop/files/Facial_releaser_and_deep_releaser_attachments_in_three_degrees_of_hardness_for_targeted_individual_massage_treatment_1.png?v=1766846222&width=3840 3840w" width="3840" height="3219" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="false" data_max_resolution="//www.body-hub.com/cdn/shop/files/Facial_releaser_and_deep_releaser_attachments_in_three_degrees_of_hardness_for_targeted_individual_massage_treatment_1.png?v=1766846222&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
</a>
<div
class="product-badges product-badges--top-right"
style=" --badge-border-radius: 100px; --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none; "
><div
class="product-badges__badge product-badges__badge--rectangle color-scheme-3"
>Sold out
</div></div>
<quick-add-component
class="quick-add color-scheme-1"
ref="quickAdd"
data-product-title="Tension Release Balls - small black (pair)"
data-quick-add-button="add"
data-product-options-count="1"
>
<product-form-component
data-section-id="template--20432030040200__product_list_847aLe"
data-product-id="8721690001544"
on:submit="/handleSubmit"
class="quick-add__product-form-component"
>
<div
class="visually-hidden"
aria-live="assertive"
role="status"
aria-atomic="true"
ref="liveRegion"
></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-8721690001544-ASWt5emkrRi9sODJ1U__product_card_gallery_QNnApd-2" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
type="hidden"
name="id"
ref="variantId"
value="44418565832840"
disabled
>
<input
type="hidden"
name="quantity"
value="1"
>
<add-to-cart-component
ref="addToCartButtonContainer"
data-product-variant-media="//www.body-hub.com/cdn/shop/files/22.png?v=1766574896&width=100"
data-add-to-cart-animation="true"
>
<button
type="submit"
name="add"
ref="addToCartButton"
on:click="/handleClick"
class="button button quick-add__button quick-add__button--add add-to-cart-button"
disabled
>
<span
class="add-to-cart-text"
>
<span class="add-to-cart-text__content is-visually-hidden-mobile">
<span>
<span>Add</span>
</span>
</span>
</span>
<span class="add-to-cart__added">
<span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g class="check">
<circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<g class="burst">
<g style="--index: 0;">
<line class="line" stroke-linecap="round" pathlength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
</g>
<g style="--index: 1;">
<line class="line" stroke-linecap="round" pathlength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
</g>
<g style="--index: 2;">
<line class="line" stroke-linecap="round" pathlength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
</g>
<g style="--index: 3;">
<line class="line" stroke-linecap="round" pathlength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
</g>
<g style="--index: 4;">
<line class="line" stroke-linecap="round" pathlength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
</g>
<g style="--index: 5;">
<line class="line" stroke-linecap="round" pathlength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
</g>
<g style="--index: 6;">
<line class="line" stroke-linecap="round" pathlength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
</g>
<g style="--index: 7;">
<line class="line" stroke-linecap="round" pathlength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
</g>
</g>
</svg>
</span>
</span>
</button>
</add-to-cart-component>
<button
class="button quick-add__button quick-add__button--choose add-to-cart-button"
type="button"
name="add"
on:click="quick-add-component/handleClick"
>
<span
class="add-to-cart-text"
>
<span
aria-hidden="true"
class="svg-wrapper add-to-cart-icon"
><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
<span class="add-to-cart-text__content is-visually-hidden-mobile">
<span>
<span>
Choose
</span>
</span>
</span>
</span>
</button><input type="hidden" name="product-id" value="8721690001544" /><input type="hidden" name="section-id" value="template--20432030040200__product_list_847aLe" /></form></product-form-component>
</quick-add-component>
</div>
<div class="product-grid-view-zoom-out--details">
<h3 class="h4">Tension Release Balls - small black (pair)</h3>
</div>
<a
class="contents user-select-text"
ref="productTitleLink"
href="/products/yamuna%C2%AE-black-balls-pair?variant=44418565832840"
>
<div class="spacing-style text-block text-block--AS25LcTBQdmlaZU82c__product_title_iKH8gA-2 rte rte" style=" --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: fit-content; --max-width: var(--max-width--body-normal); ">
<p>Tension Release Balls - small black (pair)</p>
</div>
</a>
<product-price
class="text-block text-block--align-left text-left h6 spacing-style"
data-block-id="ASU1qS2NhK2tKRmZHU__price_PB3QeR-2"
data-product-id="8721690001544"
style=" --color: var(--color-foreground); --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --width: 100%; "
>
<div ref="priceContainer">
<span class="price">Dhs. 185.00</span>
</div>
</product-price>
</div>
</product-card>
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
class="resource-list__slide"
>
<div
class="resource-list__item"
>
<style data-shopify>
</style>
<product-card
class="product-card"
data-product-id="8721691345032"
id="product-card-ARWgwZHkxRDVMSUJqY__static-product-card-3"
data-product-transition="false"
>
<a
id="497f7c4765f20fc071db4bbcb76754b3"
href="/products/yamuna%C2%AE-travel-pump?variant=44418581659784"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
Travel Pump for Tension Release Balls
</span>
</a>
<div
class="product-card__content layout-panel-flex layout-panel-flex--column product-grid__card spacing-style border-style gap-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;--horizontal-alignment: ; --vertical-alignment: ;--vertical-alignment-mobile: ; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --product-card-gap: 4px; --quick-add-display: flex; --quick-add-mobile-display: none; --quick-add-mobile-opacity: 0; "
>
<div
ref="cardGallery"
class="card-gallery card-gallery-ASWt5emkrRi9sODJ1U__product_card_gallery_QNnApd-3 spacing-style border-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --gallery-aspect-ratio: 1.1928934010152283; "
data-product-id="8721691345032"
on:pointerenter="/previewImage"
on:pointerleave="/resetImage"
data-image-ratio="adapt"
>
<a
class="contents"
ref="cardGalleryLink"
href="/products/yamuna%C2%AE-travel-pump?variant=44418581659784"
aria-label="Travel Pump for Tension Release Balls"
>
<slideshow-component
ref="slideshow"
style="--slideshow-timeline: --slide-0, --slide-1, --slide-2;--slide-min-height: auto;--slide-min-height-desktop: auto;"
initial-slide="0"
infinite
data-generic-media-size="3"
>
<slideshow-container ref="slideshowContainer">
<slideshow-arrows
position="center"
><button
class="slideshow-control slideshow-control--previous slideshow-control--style-arrow button button-unstyled button-unstyled--transparent flip-x"
aria-label="Previous slide"
on:click="/previous"
ref="previous"
>
<span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>
<button
class="slideshow-control slideshow-control--next slideshow-control--style-arrow button button-unstyled button-unstyled--transparent"
aria-label="Next slide"
on:click="/next"
ref="next"
>
<span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>
</slideshow-arrows>
<slideshow-slides
tabindex="-1"
ref="scroller"
>
<slideshow-slide
ref="slides[]"
aria-hidden="false"
style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
class="product-media-container media-fit product-media-container--image"
slide-id="35668357972104"
>
<div
class="product-media"
style="--ratio: 1.1928934010152283"
data-media-id="35668357972104"
>
<img src="//www.body-hub.com/cdn/shop/files/37.png?v=1766573554&width=3840" alt="Travel Pump for Tension Release Balls" srcset="//www.body-hub.com/cdn/shop/files/37.png?v=1766573554&width=240 240w, //www.body-hub.com/cdn/shop/files/37.png?v=1766573554&width=352 352w, //www.body-hub.com/cdn/shop/files/37.png?v=1766573554&width=832 832w, //www.body-hub.com/cdn/shop/files/37.png?v=1766573554&width=1200 1200w, //www.body-hub.com/cdn/shop/files/37.png?v=1766573554&width=1600 1600w, //www.body-hub.com/cdn/shop/files/37.png?v=1766573554&width=1920 1920w, //www.body-hub.com/cdn/shop/files/37.png?v=1766573554&width=2560 2560w, //www.body-hub.com/cdn/shop/files/37.png?v=1766573554&width=3840 3840w" width="3840" height="3219" loading="eager" sizes="(min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="false" data_max_resolution="//www.body-hub.com/cdn/shop/files/37.png?v=1766573554&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
class="product-media-container media-fit product-media-container--image"
slide-id="35668358037640"
>
<div
class="product-media"
style="--ratio: 1.1928934010152283"
data-media-id="35668358037640"
>
<img src="//www.body-hub.com/cdn/shop/files/39.png?v=1766573554&width=3840" alt="Travel Pump for Tension Release Balls" srcset="//www.body-hub.com/cdn/shop/files/39.png?v=1766573554&width=240 240w, //www.body-hub.com/cdn/shop/files/39.png?v=1766573554&width=352 352w, //www.body-hub.com/cdn/shop/files/39.png?v=1766573554&width=832 832w, //www.body-hub.com/cdn/shop/files/39.png?v=1766573554&width=1200 1200w, //www.body-hub.com/cdn/shop/files/39.png?v=1766573554&width=1600 1600w, //www.body-hub.com/cdn/shop/files/39.png?v=1766573554&width=1920 1920w, //www.body-hub.com/cdn/shop/files/39.png?v=1766573554&width=2560 2560w, //www.body-hub.com/cdn/shop/files/39.png?v=1766573554&width=3840 3840w" width="3840" height="3219" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="false" data_max_resolution="//www.body-hub.com/cdn/shop/files/39.png?v=1766573554&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
class="product-media-container media-fit product-media-container--image"
slide-id="35668358004872"
>
<div
class="product-media"
style="--ratio: 1.1928934010152283"
data-media-id="35668358004872"
>
<img src="//www.body-hub.com/cdn/shop/files/40.png?v=1766573554&width=3840" alt="Travel Pump for Tension Release Balls" srcset="//www.body-hub.com/cdn/shop/files/40.png?v=1766573554&width=240 240w, //www.body-hub.com/cdn/shop/files/40.png?v=1766573554&width=352 352w, //www.body-hub.com/cdn/shop/files/40.png?v=1766573554&width=832 832w, //www.body-hub.com/cdn/shop/files/40.png?v=1766573554&width=1200 1200w, //www.body-hub.com/cdn/shop/files/40.png?v=1766573554&width=1600 1600w, //www.body-hub.com/cdn/shop/files/40.png?v=1766573554&width=1920 1920w, //www.body-hub.com/cdn/shop/files/40.png?v=1766573554&width=2560 2560w, //www.body-hub.com/cdn/shop/files/40.png?v=1766573554&width=3840 3840w" width="3840" height="3219" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="false" data_max_resolution="//www.body-hub.com/cdn/shop/files/40.png?v=1766573554&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
</a>
<div
class="product-badges product-badges--top-right"
style=" --badge-border-radius: 100px; --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none; "
></div>
<quick-add-component
class="quick-add color-scheme-1"
ref="quickAdd"
data-product-title="Travel Pump for Tension Release Balls"
data-quick-add-button="add"
data-product-options-count="1"
>
<product-form-component
data-section-id="template--20432030040200__product_list_847aLe"
data-product-id="8721691345032"
on:submit="/handleSubmit"
class="quick-add__product-form-component"
>
<div
class="visually-hidden"
aria-live="assertive"
role="status"
aria-atomic="true"
ref="liveRegion"
></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-8721691345032-ASWt5emkrRi9sODJ1U__product_card_gallery_QNnApd-3" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
type="hidden"
name="id"
ref="variantId"
value="44418581659784"
>
<input
type="hidden"
name="quantity"
value="1"
>
<add-to-cart-component
ref="addToCartButtonContainer"
data-product-variant-media="//www.body-hub.com/cdn/shop/files/37.png?v=1766573554&width=100"
data-add-to-cart-animation="true"
>
<button
type="submit"
name="add"
ref="addToCartButton"
on:click="/handleClick"
class="button button quick-add__button quick-add__button--add add-to-cart-button"
>
<span
class="add-to-cart-text"
>
<span
aria-hidden="true"
class="svg-wrapper add-to-cart-icon"
><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
<span class="add-to-cart-text__content is-visually-hidden-mobile">
<span>
<span>Add</span>
</span>
</span>
</span>
<span class="add-to-cart__added">
<span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g class="check">
<circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<g class="burst">
<g style="--index: 0;">
<line class="line" stroke-linecap="round" pathlength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
</g>
<g style="--index: 1;">
<line class="line" stroke-linecap="round" pathlength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
</g>
<g style="--index: 2;">
<line class="line" stroke-linecap="round" pathlength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
</g>
<g style="--index: 3;">
<line class="line" stroke-linecap="round" pathlength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
</g>
<g style="--index: 4;">
<line class="line" stroke-linecap="round" pathlength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
</g>
<g style="--index: 5;">
<line class="line" stroke-linecap="round" pathlength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
</g>
<g style="--index: 6;">
<line class="line" stroke-linecap="round" pathlength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
</g>
<g style="--index: 7;">
<line class="line" stroke-linecap="round" pathlength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
</g>
</g>
</svg>
</span>
</span>
</button>
</add-to-cart-component>
<button
class="button quick-add__button quick-add__button--choose add-to-cart-button"
type="button"
name="add"
on:click="quick-add-component/handleClick"
>
<span
class="add-to-cart-text"
>
<span
aria-hidden="true"
class="svg-wrapper add-to-cart-icon"
><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
<span class="add-to-cart-text__content is-visually-hidden-mobile">
<span>
<span>
Choose
</span>
</span>
</span>
</span>
</button><input type="hidden" name="product-id" value="8721691345032" /><input type="hidden" name="section-id" value="template--20432030040200__product_list_847aLe" /></form></product-form-component>
</quick-add-component>
</div>
<div class="product-grid-view-zoom-out--details">
<h3 class="h4">Travel Pump for Tension Release Balls</h3>
</div>
<a
class="contents user-select-text"
ref="productTitleLink"
href="/products/yamuna%C2%AE-travel-pump?variant=44418581659784"
>
<div class="spacing-style text-block text-block--AS25LcTBQdmlaZU82c__product_title_iKH8gA-3 rte rte" style=" --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: fit-content; --max-width: var(--max-width--body-normal); ">
<p>Travel Pump for Tension Release Balls</p>
</div>
</a>
<product-price
class="text-block text-block--align-left text-left h6 spacing-style"
data-block-id="ASU1qS2NhK2tKRmZHU__price_PB3QeR-3"
data-product-id="8721691345032"
style=" --color: var(--color-foreground); --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --width: 100%; "
>
<div ref="priceContainer">
<span class="price">Dhs. 100.00</span>
</div>
</product-price>
</div>
</product-card>
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="--slideshow-timeline: --slide-4; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
class="resource-list__slide"
>
<div
class="resource-list__item"
>
<style data-shopify>
</style>
<product-card
class="product-card"
data-product-id="8721687052424"
id="product-card-ARWgwZHkxRDVMSUJqY__static-product-card-4"
data-product-transition="false"
>
<a
id="cfa0a98c69f47540f866aacec406a4fb"
href="/products/yamuna%C2%AE-gold-ball?variant=44418542993544"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
Tension Release Ball - gold
</span>
</a>
<div
class="product-card__content layout-panel-flex layout-panel-flex--column product-grid__card spacing-style border-style gap-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;--horizontal-alignment: ; --vertical-alignment: ;--vertical-alignment-mobile: ; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --product-card-gap: 4px; --quick-add-display: flex; --quick-add-mobile-display: none; --quick-add-mobile-opacity: 0; "
>
<div
ref="cardGallery"
class="card-gallery card-gallery-ASWt5emkrRi9sODJ1U__product_card_gallery_QNnApd-4 spacing-style border-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --gallery-aspect-ratio: 1.1928934010152283; "
data-product-id="8721687052424"
on:pointerenter="/previewImage"
on:pointerleave="/resetImage"
data-image-ratio="adapt"
>
<a
class="contents"
ref="cardGalleryLink"
href="/products/yamuna%C2%AE-gold-ball?variant=44418542993544"
aria-label="Tension Release Ball - gold"
>
<slideshow-component
ref="slideshow"
style="--slideshow-timeline: --slide-0, --slide-1, --slide-2, --slide-3;--slide-min-height: auto;--slide-min-height-desktop: auto;"
initial-slide="0"
infinite
data-generic-media-size="4"
>
<slideshow-container ref="slideshowContainer">
<slideshow-arrows
position="center"
><button
class="slideshow-control slideshow-control--previous slideshow-control--style-arrow button button-unstyled button-unstyled--transparent flip-x"
aria-label="Previous slide"
on:click="/previous"
ref="previous"
>
<span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>
<button
class="slideshow-control slideshow-control--next slideshow-control--style-arrow button button-unstyled button-unstyled--transparent"
aria-label="Next slide"
on:click="/next"
ref="next"
>
<span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>
</slideshow-arrows>
<slideshow-slides
tabindex="-1"
ref="scroller"
>
<slideshow-slide
ref="slides[]"
aria-hidden="false"
style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
class="product-media-container media-fit product-media-container--image"
slide-id="35686916849800"
>
<div
class="product-media"
style="--ratio: 1.1928934010152283"
data-media-id="35686916849800"
>
<img src="//www.body-hub.com/cdn/shop/files/Facial_releaser_and_deep_releaser_attachments_in_three_degrees_of_hardness_for_targeted_individual_massage_treatment.png?v=1766846003&width=3840" alt="Tension Release Ball - gold" srcset="//www.body-hub.com/cdn/shop/files/Facial_releaser_and_deep_releaser_attachments_in_three_degrees_of_hardness_for_targeted_individual_massage_treatment.png?v=1766846003&width=240 240w, //www.body-hub.com/cdn/shop/files/Facial_releaser_and_deep_releaser_attachments_in_three_degrees_of_hardness_for_targeted_individual_massage_treatment.png?v=1766846003&width=352 352w, //www.body-hub.com/cdn/shop/files/Facial_releaser_and_deep_releaser_attachments_in_three_degrees_of_hardness_for_targeted_individual_massage_treatment.png?v=1766846003&width=832 832w, //www.body-hub.com/cdn/shop/files/Facial_releaser_and_deep_releaser_attachments_in_three_degrees_of_hardness_for_targeted_individual_massage_treatment.png?v=1766846003&width=1200 1200w, //www.body-hub.com/cdn/shop/files/Facial_releaser_and_deep_releaser_attachments_in_three_degrees_of_hardness_for_targeted_individual_massage_treatment.png?v=1766846003&width=1600 1600w, //www.body-hub.com/cdn/shop/files/Facial_releaser_and_deep_releaser_attachments_in_three_degrees_of_hardness_for_targeted_individual_massage_treatment.png?v=1766846003&width=1920 1920w, //www.body-hub.com/cdn/shop/files/Facial_releaser_and_deep_releaser_attachments_in_three_degrees_of_hardness_for_targeted_individual_massage_treatment.png?v=1766846003&width=2560 2560w, //www.body-hub.com/cdn/shop/files/Facial_releaser_and_deep_releaser_attachments_in_three_degrees_of_hardness_for_targeted_individual_massage_treatment.png?v=1766846003&width=3840 3840w" width="3840" height="3219" loading="eager" sizes="(min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="false" data_max_resolution="//www.body-hub.com/cdn/shop/files/Facial_releaser_and_deep_releaser_attachments_in_three_degrees_of_hardness_for_targeted_individual_massage_treatment.png?v=1766846003&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
class="product-media-container media-fit product-media-container--image"
slide-id="35668439433352"
>
<div
class="product-media"
style="--ratio: 1.1928934010152283"
data-media-id="35668439433352"
>
<img src="//www.body-hub.com/cdn/shop/files/31.png?v=1766575786&width=3840" alt="Tension Release Ball - gold" srcset="//www.body-hub.com/cdn/shop/files/31.png?v=1766575786&width=240 240w, //www.body-hub.com/cdn/shop/files/31.png?v=1766575786&width=352 352w, //www.body-hub.com/cdn/shop/files/31.png?v=1766575786&width=832 832w, //www.body-hub.com/cdn/shop/files/31.png?v=1766575786&width=1200 1200w, //www.body-hub.com/cdn/shop/files/31.png?v=1766575786&width=1600 1600w, //www.body-hub.com/cdn/shop/files/31.png?v=1766575786&width=1920 1920w, //www.body-hub.com/cdn/shop/files/31.png?v=1766575786&width=2560 2560w, //www.body-hub.com/cdn/shop/files/31.png?v=1766575786&width=3840 3840w" width="3840" height="3219" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="false" data_max_resolution="//www.body-hub.com/cdn/shop/files/31.png?v=1766575786&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
class="product-media-container media-fit product-media-container--image"
slide-id="35686910754952"
>
<div
class="product-media"
style="--ratio: 1.1928934010152283"
data-media-id="35686910754952"
>
<img src="//www.body-hub.com/cdn/shop/files/38.png?v=1766846003&width=3840" alt="Tension Release Ball - gold" srcset="//www.body-hub.com/cdn/shop/files/38.png?v=1766846003&width=240 240w, //www.body-hub.com/cdn/shop/files/38.png?v=1766846003&width=352 352w, //www.body-hub.com/cdn/shop/files/38.png?v=1766846003&width=832 832w, //www.body-hub.com/cdn/shop/files/38.png?v=1766846003&width=1200 1200w, //www.body-hub.com/cdn/shop/files/38.png?v=1766846003&width=1600 1600w, //www.body-hub.com/cdn/shop/files/38.png?v=1766846003&width=1920 1920w, //www.body-hub.com/cdn/shop/files/38.png?v=1766846003&width=2560 2560w, //www.body-hub.com/cdn/shop/files/38.png?v=1766846003&width=3840 3840w" width="3840" height="3219" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="false" data_max_resolution="//www.body-hub.com/cdn/shop/files/38.png?v=1766846003&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
class="product-media-container media-fit product-media-container--image"
slide-id="35668439367816"
>
<div
class="product-media"
style="--ratio: 1.1928934010152283"
data-media-id="35668439367816"
>
<img src="//www.body-hub.com/cdn/shop/files/32.png?v=1766846003&width=3840" alt="Tension Release Ball - gold" srcset="//www.body-hub.com/cdn/shop/files/32.png?v=1766846003&width=240 240w, //www.body-hub.com/cdn/shop/files/32.png?v=1766846003&width=352 352w, //www.body-hub.com/cdn/shop/files/32.png?v=1766846003&width=832 832w, //www.body-hub.com/cdn/shop/files/32.png?v=1766846003&width=1200 1200w, //www.body-hub.com/cdn/shop/files/32.png?v=1766846003&width=1600 1600w, //www.body-hub.com/cdn/shop/files/32.png?v=1766846003&width=1920 1920w, //www.body-hub.com/cdn/shop/files/32.png?v=1766846003&width=2560 2560w, //www.body-hub.com/cdn/shop/files/32.png?v=1766846003&width=3840 3840w" width="3840" height="3219" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="false" data_max_resolution="//www.body-hub.com/cdn/shop/files/32.png?v=1766846003&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
</a>
<div
class="product-badges product-badges--top-right"
style=" --badge-border-radius: 100px; --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none; "
></div>
<quick-add-component
class="quick-add color-scheme-1"
ref="quickAdd"
data-product-title="Tension Release Ball - gold"
data-quick-add-button="add"
data-product-options-count="1"
>
<product-form-component
data-section-id="template--20432030040200__product_list_847aLe"
data-product-id="8721687052424"
on:submit="/handleSubmit"
class="quick-add__product-form-component"
>
<div
class="visually-hidden"
aria-live="assertive"
role="status"
aria-atomic="true"
ref="liveRegion"
></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-8721687052424-ASWt5emkrRi9sODJ1U__product_card_gallery_QNnApd-4" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
type="hidden"
name="id"
ref="variantId"
value="44418542993544"
>
<input
type="hidden"
name="quantity"
value="1"
>
<add-to-cart-component
ref="addToCartButtonContainer"
data-product-variant-media="//www.body-hub.com/cdn/shop/files/Facial_releaser_and_deep_releaser_attachments_in_three_degrees_of_hardness_for_targeted_individual_massage_treatment.png?v=1766846003&width=100"
data-add-to-cart-animation="true"
>
<button
type="submit"
name="add"
ref="addToCartButton"
on:click="/handleClick"
class="button button quick-add__button quick-add__button--add add-to-cart-button"
>
<span
class="add-to-cart-text"
>
<span
aria-hidden="true"
class="svg-wrapper add-to-cart-icon"
><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
<span class="add-to-cart-text__content is-visually-hidden-mobile">
<span>
<span>Add</span>
</span>
</span>
</span>
<span class="add-to-cart__added">
<span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g class="check">
<circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<g class="burst">
<g style="--index: 0;">
<line class="line" stroke-linecap="round" pathlength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
</g>
<g style="--index: 1;">
<line class="line" stroke-linecap="round" pathlength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
</g>
<g style="--index: 2;">
<line class="line" stroke-linecap="round" pathlength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
</g>
<g style="--index: 3;">
<line class="line" stroke-linecap="round" pathlength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
</g>
<g style="--index: 4;">
<line class="line" stroke-linecap="round" pathlength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
</g>
<g style="--index: 5;">
<line class="line" stroke-linecap="round" pathlength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
</g>
<g style="--index: 6;">
<line class="line" stroke-linecap="round" pathlength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
</g>
<g style="--index: 7;">
<line class="line" stroke-linecap="round" pathlength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
</g>
</g>
</svg>
</span>
</span>
</button>
</add-to-cart-component>
<button
class="button quick-add__button quick-add__button--choose add-to-cart-button"
type="button"
name="add"
on:click="quick-add-component/handleClick"
>
<span
class="add-to-cart-text"
>
<span
aria-hidden="true"
class="svg-wrapper add-to-cart-icon"
><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
<span class="add-to-cart-text__content is-visually-hidden-mobile">
<span>
<span>
Choose
</span>
</span>
</span>
</span>
</button><input type="hidden" name="product-id" value="8721687052424" /><input type="hidden" name="section-id" value="template--20432030040200__product_list_847aLe" /></form></product-form-component>
</quick-add-component>
</div>
<div class="product-grid-view-zoom-out--details">
<h3 class="h4">Tension Release Ball - gold</h3>
</div>
<a
class="contents user-select-text"
ref="productTitleLink"
href="/products/yamuna%C2%AE-gold-ball?variant=44418542993544"
>
<div class="spacing-style text-block text-block--AS25LcTBQdmlaZU82c__product_title_iKH8gA-4 rte rte" style=" --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: fit-content; --max-width: var(--max-width--body-normal); ">
<p>Tension Release Ball - gold</p>
</div>
</a>
<product-price
class="text-block text-block--align-left text-left h6 spacing-style"
data-block-id="ASU1qS2NhK2tKRmZHU__price_PB3QeR-4"
data-product-id="8721687052424"
style=" --color: var(--color-foreground); --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --width: 100%; "
>
<div ref="priceContainer">
<span class="price">Dhs. 175.00</span>
</div>
</product-price>
</div>
</product-card>
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="--slideshow-timeline: --slide-5; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
class="resource-list__slide"
>
<div
class="resource-list__item"
>
<style data-shopify>
</style>
<product-card
class="product-card"
data-product-id="8719867183240"
id="product-card-ARWgwZHkxRDVMSUJqY__static-product-card-5"
data-product-transition="false"
>
<a
id="cee38234ac792cc3cfcd82bec5b39db9"
href="/products/cellulite-releazer%C2%AE?variant=44409550143624"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
Cellulite and Lymph Massager
</span>
</a>
<div
class="product-card__content layout-panel-flex layout-panel-flex--column product-grid__card spacing-style border-style gap-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;--horizontal-alignment: ; --vertical-alignment: ;--vertical-alignment-mobile: ; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --product-card-gap: 4px; --quick-add-display: flex; --quick-add-mobile-display: none; --quick-add-mobile-opacity: 0; "
>
<div
ref="cardGallery"
class="card-gallery card-gallery-ASWt5emkrRi9sODJ1U__product_card_gallery_QNnApd-5 spacing-style border-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --gallery-aspect-ratio: 1.1928934010152283; "
data-product-id="8719867183240"
on:pointerenter="/previewImage"
on:pointerleave="/resetImage"
data-image-ratio="adapt"
>
<a
class="contents"
ref="cardGalleryLink"
href="/products/cellulite-releazer%C2%AE?variant=44409550143624"
aria-label="Cellulite and Lymph Massager"
>
<slideshow-component
ref="slideshow"
style="--slideshow-timeline: --slide-0, --slide-1;--slide-min-height: auto;--slide-min-height-desktop: auto;"
initial-slide="0"
infinite
data-generic-media-size="2"
>
<slideshow-container ref="slideshowContainer">
<slideshow-slides
tabindex="-1"
ref="scroller"
>
<slideshow-slide
ref="slides[]"
aria-hidden="false"
style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
class="product-media-container media-fit product-media-container--image"
slide-id="35668351058056"
>
<div
class="product-media"
style="--ratio: 1.1928934010152283"
data-media-id="35668351058056"
>
<img src="//www.body-hub.com/cdn/shop/files/2.png?v=1766572423&width=3840" alt="Cellulite and Lymph Massager" srcset="//www.body-hub.com/cdn/shop/files/2.png?v=1766572423&width=240 240w, //www.body-hub.com/cdn/shop/files/2.png?v=1766572423&width=352 352w, //www.body-hub.com/cdn/shop/files/2.png?v=1766572423&width=832 832w, //www.body-hub.com/cdn/shop/files/2.png?v=1766572423&width=1200 1200w, //www.body-hub.com/cdn/shop/files/2.png?v=1766572423&width=1600 1600w, //www.body-hub.com/cdn/shop/files/2.png?v=1766572423&width=1920 1920w, //www.body-hub.com/cdn/shop/files/2.png?v=1766572423&width=2560 2560w, //www.body-hub.com/cdn/shop/files/2.png?v=1766572423&width=3840 3840w" width="3840" height="3219" loading="eager" sizes="(min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="false" data_max_resolution="//www.body-hub.com/cdn/shop/files/2.png?v=1766572423&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
class="product-media-container media-fit product-media-container--image"
slide-id="35668351123592"
>
<div
class="product-media"
style="--ratio: 1.1928934010152283"
data-media-id="35668351123592"
>
<img src="//www.body-hub.com/cdn/shop/files/4.png?v=1766572423&width=3840" alt="Cellulite and Lymph Massager" srcset="//www.body-hub.com/cdn/shop/files/4.png?v=1766572423&width=240 240w, //www.body-hub.com/cdn/shop/files/4.png?v=1766572423&width=352 352w, //www.body-hub.com/cdn/shop/files/4.png?v=1766572423&width=832 832w, //www.body-hub.com/cdn/shop/files/4.png?v=1766572423&width=1200 1200w, //www.body-hub.com/cdn/shop/files/4.png?v=1766572423&width=1600 1600w, //www.body-hub.com/cdn/shop/files/4.png?v=1766572423&width=1920 1920w, //www.body-hub.com/cdn/shop/files/4.png?v=1766572423&width=2560 2560w, //www.body-hub.com/cdn/shop/files/4.png?v=1766572423&width=3840 3840w" width="3840" height="3219" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="false" data_max_resolution="//www.body-hub.com/cdn/shop/files/4.png?v=1766572423&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
</a>
<div
class="product-badges product-badges--top-right"
style=" --badge-border-radius: 100px; --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none; "
></div>
<quick-add-component
class="quick-add color-scheme-1"
ref="quickAdd"
data-product-title="Cellulite and Lymph Massager"
data-quick-add-button="add"
data-product-options-count="1"
>
<product-form-component
data-section-id="template--20432030040200__product_list_847aLe"
data-product-id="8719867183240"
on:submit="/handleSubmit"
class="quick-add__product-form-component"
>
<div
class="visually-hidden"
aria-live="assertive"
role="status"
aria-atomic="true"
ref="liveRegion"
></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-8719867183240-ASWt5emkrRi9sODJ1U__product_card_gallery_QNnApd-5" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
type="hidden"
name="id"
ref="variantId"
value="44409550143624"
>
<input
type="hidden"
name="quantity"
value="1"
>
<add-to-cart-component
ref="addToCartButtonContainer"
data-product-variant-media="//www.body-hub.com/cdn/shop/files/2.png?v=1766572423&width=100"
data-add-to-cart-animation="true"
>
<button
type="submit"
name="add"
ref="addToCartButton"
on:click="/handleClick"
class="button button quick-add__button quick-add__button--add add-to-cart-button"
>
<span
class="add-to-cart-text"
>
<span
aria-hidden="true"
class="svg-wrapper add-to-cart-icon"
><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
<span class="add-to-cart-text__content is-visually-hidden-mobile">
<span>
<span>Add</span>
</span>
</span>
</span>
<span class="add-to-cart__added">
<span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g class="check">
<circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<g class="burst">
<g style="--index: 0;">
<line class="line" stroke-linecap="round" pathlength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
</g>
<g style="--index: 1;">
<line class="line" stroke-linecap="round" pathlength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
</g>
<g style="--index: 2;">
<line class="line" stroke-linecap="round" pathlength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
</g>
<g style="--index: 3;">
<line class="line" stroke-linecap="round" pathlength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
</g>
<g style="--index: 4;">
<line class="line" stroke-linecap="round" pathlength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
</g>
<g style="--index: 5;">
<line class="line" stroke-linecap="round" pathlength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
</g>
<g style="--index: 6;">
<line class="line" stroke-linecap="round" pathlength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
</g>
<g style="--index: 7;">
<line class="line" stroke-linecap="round" pathlength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
</g>
</g>
</svg>
</span>
</span>
</button>
</add-to-cart-component>
<button
class="button quick-add__button quick-add__button--choose add-to-cart-button"
type="button"
name="add"
on:click="quick-add-component/handleClick"
>
<span
class="add-to-cart-text"
>
<span
aria-hidden="true"
class="svg-wrapper add-to-cart-icon"
><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
<span class="add-to-cart-text__content is-visually-hidden-mobile">
<span>
<span>
Choose
</span>
</span>
</span>
</span>
</button><input type="hidden" name="product-id" value="8719867183240" /><input type="hidden" name="section-id" value="template--20432030040200__product_list_847aLe" /></form></product-form-component>
</quick-add-component>
</div>
<div class="product-grid-view-zoom-out--details">
<h3 class="h4">Cellulite and Lymph Massager</h3>
</div>
<a
class="contents user-select-text"
ref="productTitleLink"
href="/products/cellulite-releazer%C2%AE?variant=44409550143624"
>
<div class="spacing-style text-block text-block--AS25LcTBQdmlaZU82c__product_title_iKH8gA-5 rte rte" style=" --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: fit-content; --max-width: var(--max-width--body-normal); ">
<p>Cellulite and Lymph Massager</p>
</div>
</a>
<product-price
class="text-block text-block--align-left text-left h6 spacing-style"
data-block-id="ASU1qS2NhK2tKRmZHU__price_PB3QeR-5"
data-product-id="8719867183240"
style=" --color: var(--color-foreground); --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --width: 100%; "
>
<div ref="priceContainer">
<span class="price">Dhs. 850.00</span>
</div>
</product-price>
</div>
</product-card>
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
</div>
</div>
<div
class="section-resource-list__content"
style="--horizontal-alignment: flex-start;"
></div>
</div>
</div><div id="shopify-section-template--20432030040200__177115756999eb2dd7" class="shopify-section section-wrapper">
<div class="section-background color-scheme-1"></div>
<div
class="section section--page-width color-scheme-1"
data-testid="ui-test-section"
style=" "
>
<div class="custom-section-background">
</div>
<div
class="border-style custom-section-content"
style="--border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; "
>
<div
class="spacing-style layout-panel-flex layout-panel-flex--column section-content-wrapper mobile-column"
style=" --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;--gap: 12px;--horizontal-alignment: flex-start; --vertical-alignment: center;--vertical-alignment-mobile: center; --padding-block-start: 0px;--padding-block-end: 0px; "
data-testid="section-content"
>
<style data-shopify>
.ai-features-section-ad3irskxywfp0y2xktaigenblock068db8dqd4k7y {
display: block;
width: 100%;
max-width: 100%;
padding: 60px 20px;
background-color: #ffffff;
}
.ai-features-container-ad3irskxywfp0y2xktaigenblock068db8dqd4k7y {
max-width: 1200px;
margin: 0 auto;
}
.ai-features-title-ad3irskxywfp0y2xktaigenblock068db8dqd4k7y {
font-family: "Frank Ruhl Libre", serif;
font-weight: 500;
font-size: 48px;
color: #000000;
text-align: center;
margin: 0 0 40px 0;
}
.ai-features-grid-ad3irskxywfp0y2xktaigenblock068db8dqd4k7y {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 40px;
margin-bottom: 32px;
}
.ai-feature-item-ad3irskxywfp0y2xktaigenblock068db8dqd4k7y {
background-color: #f1f0ec;
border: 1px solid #e6e6e6;
border-radius: 20px;
padding: 20px;
text-align: left;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.ai-feature-item-ad3irskxywfp0y2xktaigenblock068db8dqd4k7y:hover {
transform: translateY(-4px);
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
}
.ai-feature-subtitle-ad3irskxywfp0y2xktaigenblock068db8dqd4k7y {
font-family: "Frank Ruhl Libre", serif;
font-weight: 500;
font-size: 18px;
color: #000000;
margin: 0 0 12px 0;
}
.ai-feature-body-ad3irskxywfp0y2xktaigenblock068db8dqd4k7y {
font-family: "Mona Sans", sans-serif;
font-weight: 400;
font-size: 13px;
color: #090a11;
line-height: 1.6;
margin: 0;
}
.ai-feature-link-ad3irskxywfp0y2xktaigenblock068db8dqd4k7y {
display: block;
text-decoration: none;
color: inherit;
height: 100%;
}
.ai-features-footer-ad3irskxywfp0y2xktaigenblock068db8dqd4k7y {
font-family: "Mona Sans", sans-serif;
font-weight: 400;
font-size: 14px;
color: #090a11;
text-align: center;
line-height: 1.6;
}
@media screen and (max-width: 989px) {
.ai-features-grid-ad3irskxywfp0y2xktaigenblock068db8dqd4k7y {
grid-template-columns: repeat(2, 1fr);
}
}
@media screen and (max-width: 749px) {
.ai-features-grid-ad3irskxywfp0y2xktaigenblock068db8dqd4k7y {
grid-template-columns: 1fr;
}
.ai-features-title-ad3irskxywfp0y2xktaigenblock068db8dqd4k7y {
font-size: calc(48px * 0.8);
}
.ai-feature-subtitle-ad3irskxywfp0y2xktaigenblock068db8dqd4k7y {
font-size: calc(18px * 0.9);
}
.ai-feature-body-ad3irskxywfp0y2xktaigenblock068db8dqd4k7y {
font-size: calc(13px * 0.95);
}
.ai-features-footer-ad3irskxywfp0y2xktaigenblock068db8dqd4k7y {
font-size: calc(14px * 0.95);
}
.ai-feature-item-ad3irskxywfp0y2xktaigenblock068db8dqd4k7y {
padding: calc(20px * 0.8);
}
}
</style>
<div class="ai-features-section-ad3irskxywfp0y2xktaigenblock068db8dqd4k7y" >
<div class="ai-features-container-ad3irskxywfp0y2xktaigenblock068db8dqd4k7y">
<h2 class="ai-features-title-ad3irskxywfp0y2xktaigenblock068db8dqd4k7y">What we offer</h2>
<div class="ai-features-grid-ad3irskxywfp0y2xktaigenblock068db8dqd4k7y">
<div class="ai-feature-item-ad3irskxywfp0y2xktaigenblock068db8dqd4k7y">
<a href="/collections/all-products" class="ai-feature-link-ad3irskxywfp0y2xktaigenblock068db8dqd4k7y">
<h3 class="ai-feature-subtitle-ad3irskxywfp0y2xktaigenblock068db8dqd4k7y">Curated Products</h3>
<div class="ai-feature-body-ad3irskxywfp0y2xktaigenblock068db8dqd4k7y">Recovery-led, fascia-informed tools for mobility, posture, breath, and daily body care — selected for real-world use and long-term support.</div>
</a>
</div>
<div class="ai-feature-item-ad3irskxywfp0y2xktaigenblock068db8dqd4k7y">
<a href="https://momence.com/u/the-body-hub-3Ad3UL" class="ai-feature-link-ad3irskxywfp0y2xktaigenblock068db8dqd4k7y">
<h3 class="ai-feature-subtitle-ad3irskxywfp0y2xktaigenblock068db8dqd4k7y">Programs & Pathways</h3>
<div class="ai-feature-body-ad3irskxywfp0y2xktaigenblock068db8dqd4k7y">For women, men, and youth — body-informed movement, alignment, and gut rhythm support.</div>
</a>
</div>
<div class="ai-feature-item-ad3irskxywfp0y2xktaigenblock068db8dqd4k7y">
<a href="https://momence.com/video/plugin/19094" class="ai-feature-link-ad3irskxywfp0y2xktaigenblock068db8dqd4k7y">
<h3 class="ai-feature-subtitle-ad3irskxywfp0y2xktaigenblock068db8dqd4k7y">On-Demand Movement</h3>
<div class="ai-feature-body-ad3irskxywfp0y2xktaigenblock068db8dqd4k7y">Stream guided fascia-release flows, decompression practices, and breath sessions from anywhere - for home or travel.</div>
</a>
</div>
<div class="ai-feature-item-ad3irskxywfp0y2xktaigenblock068db8dqd4k7y">
<a href="https://momence.com/u/the-body-hub-3Ad3UL" class="ai-feature-link-ad3irskxywfp0y2xktaigenblock068db8dqd4k7y">
<h3 class="ai-feature-subtitle-ad3irskxywfp0y2xktaigenblock068db8dqd4k7y">Dubai Experiences</h3>
<div class="ai-feature-body-ad3irskxywfp0y2xktaigenblock068db8dqd4k7y">Private sessions, small groups, corporate activations, and events.</div>
</a>
</div>
</div>
<div class="ai-features-footer-ad3irskxywfp0y2xktaigenblock068db8dqd4k7y"><p>Not fitness. Not therapy. Not trends.</p><p><strong>This is intelligent wellness — curated.</strong></p></div>
</div>
</div>
</div>
</div>
</div>
</div><div id="shopify-section-template--20432030040200__1771159864dae8bb4a" class="shopify-section section-wrapper">
<div class="section-background color-scheme-3"></div>
<div
class="section section--page-width color-scheme-3"
data-testid="ui-test-section"
style=" "
>
<div class="custom-section-background">
</div>
<div
class="border-style custom-section-content"
style="--border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; "
>
<div
class="spacing-style layout-panel-flex layout-panel-flex--column section-content-wrapper mobile-column"
style=" --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;--gap: 12px;--horizontal-alignment: flex-start; --vertical-alignment: center;--vertical-alignment-mobile: center; --padding-block-start: 0px;--padding-block-end: 0px; "
data-testid="section-content"
>
<div id="shopify-block-AbHdFY2lkUjBCZzFyb__ai_gen_block_335a2fa_XBmeYt" class="shopify-block">
<style data-shopify>
.ai-founder-section-abhdfy2lkujbczzfybaigenblock335a2faxbmeyt {
display: block;
width: 100%;
max-width: 100%;
margin: 0 auto;
padding: 40px 20px;
background-color: #f1f0ec;
}
.ai-founder-content-abhdfy2lkujbczzfybaigenblock335a2faxbmeyt {
display: flex;
flex-direction: row;
gap: 40px;
align-items: center;
}
.ai-founder-image-wrapper-abhdfy2lkujbczzfybaigenblock335a2faxbmeyt {
flex: 0 0 40%;
}
.ai-founder-image-abhdfy2lkujbczzfybaigenblock335a2faxbmeyt {
width: 100%;
height: auto;
border-radius: 0px;
display: block;
}
.ai-founder-image-placeholder-abhdfy2lkujbczzfybaigenblock335a2faxbmeyt {
width: 100%;
aspect-ratio: 3 / 4;
background-color: #f4f4f4;
border-radius: 0px;
display: flex;
align-items: center;
justify-content: center;
position: relative;
}
.ai-founder-image-placeholder-abhdfy2lkujbczzfybaigenblock335a2faxbmeyt svg {
width: 100%;
height: 100%;
object-fit: cover;
}
.ai-founder-text-wrapper-abhdfy2lkujbczzfybaigenblock335a2faxbmeyt {
flex: 1;
}
.ai-founder-title-abhdfy2lkujbczzfybaigenblock335a2faxbmeyt {
font-family: "Frank Ruhl Libre", serif;
font-weight: 500;
font-size: 40px;
color: #000000;
margin: 0 0 10px 0;
line-height: 1.2;
}
.ai-founder-subtitle-abhdfy2lkujbczzfybaigenblock335a2faxbmeyt {
font-family: "Frank Ruhl Libre", serif;
font-weight: 400;
font-size: 20px;
color: #000000;
margin: 0 0 15px 0;
line-height: 1.4;
}
.ai-founder-credentials-abhdfy2lkujbczzfybaigenblock335a2faxbmeyt {
font-family: "Mona Sans", sans-serif;
font-weight: 400;
font-size: 14px;
color: #666666;
margin: 0 0 20px 0;
font-style: italic;
line-height: 1.5;
}
.ai-founder-body-abhdfy2lkujbczzfybaigenblock335a2faxbmeyt {
font-family: "Mona Sans", sans-serif;
font-weight: 400;
font-size: 16px;
color: #333333;
line-height: 1.6;
margin: 0;
}
.ai-founder-body-abhdfy2lkujbczzfybaigenblock335a2faxbmeyt p {
margin: 0 0 20px 0;
}
.ai-founder-body-abhdfy2lkujbczzfybaigenblock335a2faxbmeyt p:last-child {
margin-bottom: 0;
}
.ai-founder-quote-section-abhdfy2lkujbczzfybaigenblock335a2faxbmeyt {
margin-top: 40px;
padding: 25px;
background-color: #f9f9f9;
border-left: 4px solid #d5cbbf;
border-radius: 4px;
}
.ai-founder-quote-abhdfy2lkujbczzfybaigenblock335a2faxbmeyt {
font-family: "Frank Ruhl Libre", serif;
font-weight: 400;
font-size: 20px;
color: #000000;
line-height: 1.5;
margin: 0 0 15px 0;
font-style: italic;
}
.ai-founder-quote-author-abhdfy2lkujbczzfybaigenblock335a2faxbmeyt {
font-family: "Mona Sans", sans-serif;
font-weight: 400;
font-size: 14px;
color: #666666;
margin: 0;
text-align: right;
}
@media screen and (max-width: 749px) {
.ai-founder-content-abhdfy2lkujbczzfybaigenblock335a2faxbmeyt {
flex-direction: column;
}
.ai-founder-image-wrapper-abhdfy2lkujbczzfybaigenblock335a2faxbmeyt {
flex: 0 0 100%;
width: 100%;
}
.ai-founder-title-abhdfy2lkujbczzfybaigenblock335a2faxbmeyt {
font-size: calc(40px * 0.7);
}
.ai-founder-subtitle-abhdfy2lkujbczzfybaigenblock335a2faxbmeyt {
font-size: calc(20px * 0.85);
}
.ai-founder-quote-abhdfy2lkujbczzfybaigenblock335a2faxbmeyt {
font-size: calc(20px * 0.85);
}
}
</style>
<div class="ai-founder-section-abhdfy2lkujbczzfybaigenblock335a2faxbmeyt" >
<div class="ai-founder-content-abhdfy2lkujbczzfybaigenblock335a2faxbmeyt">
<div class="ai-founder-image-wrapper-abhdfy2lkujbczzfybaigenblock335a2faxbmeyt">
<img
src="//www.body-hub.com/cdn/shop/files/83c0654c-bf88-4f77-bf58-413f2589af02.png?v=1767948552&width=1000"
alt=""
loading="lazy"
width="1856"
height="2304"
class="ai-founder-image-abhdfy2lkujbczzfybaigenblock335a2faxbmeyt"
>
</div>
<div class="ai-founder-text-wrapper-abhdfy2lkujbczzfybaigenblock335a2faxbmeyt">
<h2 class="ai-founder-title-abhdfy2lkujbczzfybaigenblock335a2faxbmeyt">Meet Danielle Haggar</h2>
<h3 class="ai-founder-subtitle-abhdfy2lkujbczzfybaigenblock335a2faxbmeyt">Founder of The Body Hub®</h3>
<div class="ai-founder-credentials-abhdfy2lkujbczzfybaigenblock335a2faxbmeyt">Biologist · Body Educator · Advocate of Natural Health & Natural Beauty</div>
<div class="ai-founder-body-abhdfy2lkujbczzfybaigenblock335a2faxbmeyt"><p>Danielle works with people who already invest in their health and want smarter, more natural ways to support their body.</p><p>Her work is grounded in biology, fascia science, nervous system regulation, gut health, and years of observing how bodies respond in real life — not ideal conditions.</p><p>Through lived experience, education, and deep study, she stepped away from force-based approaches and toward understanding how the body adapts to stress, load, movement, and lifestyle.</p><p>The Body Hub® grew from that work — a place where education, movement, and carefully curated recovery tools help people support themselves long-term.</p></div>
<div class="ai-founder-quote-section-abhdfy2lkujbczzfybaigenblock335a2faxbmeyt">
<blockquote class="ai-founder-quote-abhdfy2lkujbczzfybaigenblock335a2faxbmeyt">
<p>I don't help people push harder. I help them understand how their body responds — so they can support it properly.</p>
</blockquote>
<p class="ai-founder-quote-author-abhdfy2lkujbczzfybaigenblock335a2faxbmeyt">— Danielle</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div><div id="shopify-section-template--20432030040200__product_list_xRyJpy" class="shopify-section ui-test-product-list">
<div class="section-background color-scheme-1"></div>
<div
data-testid="product-list"
class="section section--page-width color-scheme-1 section-resource-list spacing-style gap-style"
style=" --padding-block-start: max(20px, calc(var(--spacing-scale) * 48px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 48px)); --gap: max(24px, calc(var(--gap-scale, 1.0) * 28px)); "
>
<div class="section-resource-list__header">
<div
class="group-block group-block--height-fit group-block--width-fill border-style spacing-style size-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; "
data-testid="group-block"
><div class="group-block__media-wrapper">
</div>
<div
class="group-block-content layout-panel-flex layout-panel-flex--row"
style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;--gap: 12px;--horizontal-alignment: space-between; --vertical-alignment: last baseline;--vertical-alignment-mobile: last baseline;"
>
<rte-formatter class="spacing-style text-block text-block--AdzM1RW5yUDZhSWQxc__product_list_text_QUPcHc rte rte" style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: fit-content; --max-width: var(--max-width--body-normal); ">
<h3>Recovery</h3>
</rte-formatter>
<a
href="/collections/recovery"
class="size-style link link--Acy9xZ3hjdCtoT3dOY__product_list_button_CMAMCL"
style="--size-style-width: fit-content;--size-style-height: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;"
>
View all
</a>
</div>
</div>
</div>
<div
class="resource-list force-full-width resource-list__carousel"
style="--resource-list-column-gap-desktop: 8px;--column-count: 4;--column-count-mobile: 1;--mobile-card-size: 60cqw;"
data-testid="resource-list-grid"
>
<div
class="resource-list__carousel"
style="--gutter-slide-width: var(--util-page-margin-offset); --slide-width-max: 450px;"
>
<slideshow-component
ref="resourceListCarousel"
class="resource-list__carousel"
style="--slideshow-timeline: --slide-0, --slide-1, --slide-2, --slide-3, --slide-4, --slide-5;--slide-min-height: auto;--slide-min-height-desktop: auto;"
initial-slide="0"
>
<slideshow-container ref="slideshowContainer">
<slideshow-arrows
position="center"
><button
class="slideshow-control slideshow-control--previous slideshow-control--shape-circle slideshow-control--style-arrow button button-unstyled button-unstyled--transparent flip-x"
aria-label="Previous slide"
on:click="/previous"
ref="previous"
>
<span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>
<button
class="slideshow-control slideshow-control--next slideshow-control--shape-circle slideshow-control--style-arrow button button-unstyled button-unstyled--transparent"
aria-label="Next slide"
on:click="/next"
ref="next"
>
<span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>
</slideshow-arrows>
<slideshow-slides
tabindex="-1"
ref="scroller"
gutters="start end"
>
<slideshow-slide
ref="slides[]"
aria-hidden="false"
style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
class="resource-list__slide"
>
<div
class="resource-list__item"
>
<style data-shopify>
</style>
<product-card
class="product-card"
data-product-id="8710505857160"
id="product-card-AT0x1MDhhK2FRWFpLU__static-product-card"
data-product-transition="false"
>
<a
id="077f61ce8eb6245acf536568cc2c5596"
href="/products/mg-850-fascia-releazer%C2%AE?variant=44381125017736"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
Fascia-ReleaZer®
</span>
</a>
<div
class="product-card__content layout-panel-flex layout-panel-flex--column product-grid__card spacing-style border-style gap-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;--horizontal-alignment: ; --vertical-alignment: ;--vertical-alignment-mobile: ; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --product-card-gap: 4px; --quick-add-display: flex; --quick-add-mobile-display: none; --quick-add-mobile-opacity: 0; "
>
<div
ref="cardGallery"
class="card-gallery card-gallery-AODZiK0owWVNjcWM3L__product_card_gallery_69rgDH spacing-style border-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --gallery-aspect-ratio: 1.1928934010152283; "
data-product-id="8710505857160"
on:pointerenter="/previewImage"
on:pointerleave="/resetImage"
data-image-ratio="adapt"
>
<a
class="contents"
ref="cardGalleryLink"
href="/products/mg-850-fascia-releazer%C2%AE?variant=44381125017736"
aria-label="Fascia-ReleaZer®"
>
<slideshow-component
ref="slideshow"
style="--slideshow-timeline: --slide-0, --slide-1, --slide-2, --slide-3, --slide-4, --slide-5;--slide-min-height: auto;--slide-min-height-desktop: auto;"
initial-slide="0"
infinite
data-generic-media-size="6"
>
<slideshow-container ref="slideshowContainer">
<slideshow-arrows
position="center"
><button
class="slideshow-control slideshow-control--previous slideshow-control--style-arrow button button-unstyled button-unstyled--transparent flip-x"
aria-label="Previous slide"
on:click="/previous"
ref="previous"
>
<span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>
<button
class="slideshow-control slideshow-control--next slideshow-control--style-arrow button button-unstyled button-unstyled--transparent"
aria-label="Next slide"
on:click="/next"
ref="next"
>
<span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>
</slideshow-arrows>
<slideshow-slides
tabindex="-1"
ref="scroller"
>
<slideshow-slide
ref="slides[]"
aria-hidden="false"
style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
class="product-media-container media-fit product-media-container--image"
slide-id="35668351287432"
>
<div
class="product-media"
style="--ratio: 1.1928934010152283"
data-media-id="35668351287432"
>
<img src="//www.body-hub.com/cdn/shop/files/6.png?v=1766572536&width=3840" alt="Fascia-ReleaZer®" srcset="//www.body-hub.com/cdn/shop/files/6.png?v=1766572536&width=240 240w, //www.body-hub.com/cdn/shop/files/6.png?v=1766572536&width=352 352w, //www.body-hub.com/cdn/shop/files/6.png?v=1766572536&width=832 832w, //www.body-hub.com/cdn/shop/files/6.png?v=1766572536&width=1200 1200w, //www.body-hub.com/cdn/shop/files/6.png?v=1766572536&width=1600 1600w, //www.body-hub.com/cdn/shop/files/6.png?v=1766572536&width=1920 1920w, //www.body-hub.com/cdn/shop/files/6.png?v=1766572536&width=2560 2560w, //www.body-hub.com/cdn/shop/files/6.png?v=1766572536&width=3840 3840w" width="3840" height="3219" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="false" data_max_resolution="//www.body-hub.com/cdn/shop/files/6.png?v=1766572536&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
class="product-media-container media-fit product-media-container--image"
slide-id="35668351615112"
>
<div
class="product-media"
style="--ratio: 1.1928934010152283"
data-media-id="35668351615112"
>
<img src="//www.body-hub.com/cdn/shop/files/8.png?v=1766572536&width=3840" alt="Fascia-ReleaZer®" srcset="//www.body-hub.com/cdn/shop/files/8.png?v=1766572536&width=240 240w, //www.body-hub.com/cdn/shop/files/8.png?v=1766572536&width=352 352w, //www.body-hub.com/cdn/shop/files/8.png?v=1766572536&width=832 832w, //www.body-hub.com/cdn/shop/files/8.png?v=1766572536&width=1200 1200w, //www.body-hub.com/cdn/shop/files/8.png?v=1766572536&width=1600 1600w, //www.body-hub.com/cdn/shop/files/8.png?v=1766572536&width=1920 1920w, //www.body-hub.com/cdn/shop/files/8.png?v=1766572536&width=2560 2560w, //www.body-hub.com/cdn/shop/files/8.png?v=1766572536&width=3840 3840w" width="3840" height="3219" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="false" data_max_resolution="//www.body-hub.com/cdn/shop/files/8.png?v=1766572536&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
class="product-media-container media-fit product-media-container--image"
slide-id="35686894469256"
>
<div
class="product-media"
style="--ratio: 1.1928934010152283"
data-media-id="35686894469256"
>
<img src="//www.body-hub.com/cdn/shop/files/34.png?v=1766845806&width=3840" alt="Fascia-ReleaZer®" srcset="//www.body-hub.com/cdn/shop/files/34.png?v=1766845806&width=240 240w, //www.body-hub.com/cdn/shop/files/34.png?v=1766845806&width=352 352w, //www.body-hub.com/cdn/shop/files/34.png?v=1766845806&width=832 832w, //www.body-hub.com/cdn/shop/files/34.png?v=1766845806&width=1200 1200w, //www.body-hub.com/cdn/shop/files/34.png?v=1766845806&width=1600 1600w, //www.body-hub.com/cdn/shop/files/34.png?v=1766845806&width=1920 1920w, //www.body-hub.com/cdn/shop/files/34.png?v=1766845806&width=2560 2560w, //www.body-hub.com/cdn/shop/files/34.png?v=1766845806&width=3840 3840w" width="3840" height="3219" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="false" data_max_resolution="//www.body-hub.com/cdn/shop/files/34.png?v=1766845806&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
class="product-media-container media-fit product-media-container--image"
slide-id="35686894502024"
>
<div
class="product-media"
style="--ratio: 1.1928934010152283"
data-media-id="35686894502024"
>
<img src="//www.body-hub.com/cdn/shop/files/35_accec80e-425b-4f86-8f2b-c239d24fe8f9.png?v=1766845806&width=3840" alt="Fascia-ReleaZer®" srcset="//www.body-hub.com/cdn/shop/files/35_accec80e-425b-4f86-8f2b-c239d24fe8f9.png?v=1766845806&width=240 240w, //www.body-hub.com/cdn/shop/files/35_accec80e-425b-4f86-8f2b-c239d24fe8f9.png?v=1766845806&width=352 352w, //www.body-hub.com/cdn/shop/files/35_accec80e-425b-4f86-8f2b-c239d24fe8f9.png?v=1766845806&width=832 832w, //www.body-hub.com/cdn/shop/files/35_accec80e-425b-4f86-8f2b-c239d24fe8f9.png?v=1766845806&width=1200 1200w, //www.body-hub.com/cdn/shop/files/35_accec80e-425b-4f86-8f2b-c239d24fe8f9.png?v=1766845806&width=1600 1600w, //www.body-hub.com/cdn/shop/files/35_accec80e-425b-4f86-8f2b-c239d24fe8f9.png?v=1766845806&width=1920 1920w, //www.body-hub.com/cdn/shop/files/35_accec80e-425b-4f86-8f2b-c239d24fe8f9.png?v=1766845806&width=2560 2560w, //www.body-hub.com/cdn/shop/files/35_accec80e-425b-4f86-8f2b-c239d24fe8f9.png?v=1766845806&width=3840 3840w" width="3840" height="3219" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="false" data_max_resolution="//www.body-hub.com/cdn/shop/files/35_accec80e-425b-4f86-8f2b-c239d24fe8f9.png?v=1766845806&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="--slideshow-timeline: --slide-4; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
class="product-media-container media-fit product-media-container--image"
slide-id="35686894534792"
>
<div
class="product-media"
style="--ratio: 1.1928934010152283"
data-media-id="35686894534792"
>
<img src="//www.body-hub.com/cdn/shop/files/36_e9f1f2d4-3348-4c2f-9d76-7c1c13988cd3.png?v=1766845806&width=3840" alt="Fascia-ReleaZer®" srcset="//www.body-hub.com/cdn/shop/files/36_e9f1f2d4-3348-4c2f-9d76-7c1c13988cd3.png?v=1766845806&width=240 240w, //www.body-hub.com/cdn/shop/files/36_e9f1f2d4-3348-4c2f-9d76-7c1c13988cd3.png?v=1766845806&width=352 352w, //www.body-hub.com/cdn/shop/files/36_e9f1f2d4-3348-4c2f-9d76-7c1c13988cd3.png?v=1766845806&width=832 832w, //www.body-hub.com/cdn/shop/files/36_e9f1f2d4-3348-4c2f-9d76-7c1c13988cd3.png?v=1766845806&width=1200 1200w, //www.body-hub.com/cdn/shop/files/36_e9f1f2d4-3348-4c2f-9d76-7c1c13988cd3.png?v=1766845806&width=1600 1600w, //www.body-hub.com/cdn/shop/files/36_e9f1f2d4-3348-4c2f-9d76-7c1c13988cd3.png?v=1766845806&width=1920 1920w, //www.body-hub.com/cdn/shop/files/36_e9f1f2d4-3348-4c2f-9d76-7c1c13988cd3.png?v=1766845806&width=2560 2560w, //www.body-hub.com/cdn/shop/files/36_e9f1f2d4-3348-4c2f-9d76-7c1c13988cd3.png?v=1766845806&width=3840 3840w" width="3840" height="3219" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="false" data_max_resolution="//www.body-hub.com/cdn/shop/files/36_e9f1f2d4-3348-4c2f-9d76-7c1c13988cd3.png?v=1766845806&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
</a>
<div
class="product-badges product-badges--top-right"
style=" --badge-border-radius: 100px; --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none; "
></div>
<quick-add-component
class="quick-add color-scheme-1"
ref="quickAdd"
data-product-title="Fascia-ReleaZer®"
data-quick-add-button="add"
data-product-options-count="1"
>
<product-form-component
data-section-id="template--20432030040200__product_list_xRyJpy"
data-product-id="8710505857160"
on:submit="/handleSubmit"
class="quick-add__product-form-component"
>
<div
class="visually-hidden"
aria-live="assertive"
role="status"
aria-atomic="true"
ref="liveRegion"
></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-8710505857160-AODZiK0owWVNjcWM3L__product_card_gallery_69rgDH" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
type="hidden"
name="id"
ref="variantId"
value="44381125017736"
>
<input
type="hidden"
name="quantity"
value="1"
>
<add-to-cart-component
ref="addToCartButtonContainer"
data-product-variant-media="//www.body-hub.com/cdn/shop/files/6.png?v=1766572536&width=100"
data-add-to-cart-animation="true"
>
<button
type="submit"
name="add"
ref="addToCartButton"
on:click="/handleClick"
class="button button quick-add__button quick-add__button--add add-to-cart-button"
>
<span
class="add-to-cart-text"
>
<span
aria-hidden="true"
class="svg-wrapper add-to-cart-icon"
><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
<span class="add-to-cart-text__content is-visually-hidden-mobile">
<span>
<span>Add</span>
</span>
</span>
</span>
<span class="add-to-cart__added">
<span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g class="check">
<circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<g class="burst">
<g style="--index: 0;">
<line class="line" stroke-linecap="round" pathlength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
</g>
<g style="--index: 1;">
<line class="line" stroke-linecap="round" pathlength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
</g>
<g style="--index: 2;">
<line class="line" stroke-linecap="round" pathlength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
</g>
<g style="--index: 3;">
<line class="line" stroke-linecap="round" pathlength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
</g>
<g style="--index: 4;">
<line class="line" stroke-linecap="round" pathlength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
</g>
<g style="--index: 5;">
<line class="line" stroke-linecap="round" pathlength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
</g>
<g style="--index: 6;">
<line class="line" stroke-linecap="round" pathlength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
</g>
<g style="--index: 7;">
<line class="line" stroke-linecap="round" pathlength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
</g>
</g>
</svg>
</span>
</span>
</button>
</add-to-cart-component>
<button
class="button quick-add__button quick-add__button--choose add-to-cart-button"
type="button"
name="add"
on:click="quick-add-component/handleClick"
>
<span
class="add-to-cart-text"
>
<span
aria-hidden="true"
class="svg-wrapper add-to-cart-icon"
><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
<span class="add-to-cart-text__content is-visually-hidden-mobile">
<span>
<span>
Choose
</span>
</span>
</span>
</span>
</button><input type="hidden" name="product-id" value="8710505857160" /><input type="hidden" name="section-id" value="template--20432030040200__product_list_xRyJpy" /></form></product-form-component>
</quick-add-component>
</div>
<div class="product-grid-view-zoom-out--details">
<h3 class="h4">Fascia-ReleaZer®</h3>
</div>
<a
class="contents user-select-text"
ref="productTitleLink"
href="/products/mg-850-fascia-releazer%C2%AE?variant=44381125017736"
>
<div class="spacing-style text-block text-block--AUytsZUFNdU5xdnFrN__product_title_LMaUei rte rte" style=" --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: fit-content; --max-width: var(--max-width--body-normal); ">
<p>Fascia-ReleaZer®</p>
</div>
</a>
<product-price
class="text-block text-block--align-left text-left h6 spacing-style"
data-block-id="AVUdjdjBnWitiZmlDZ__price_9UPxi9"
data-product-id="8710505857160"
style=" --color: var(--color-foreground); --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --width: 100%; "
>
<div ref="priceContainer">
<span class="price">Dhs. 2,350.00</span>
</div>
</product-price>
</div>
</product-card>
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
class="resource-list__slide"
>
<div
class="resource-list__item"
>
<style data-shopify>
</style>
<product-card
class="product-card"
data-product-id="8719867183240"
id="product-card-AT0x1MDhhK2FRWFpLU__static-product-card-1"
data-product-transition="false"
>
<a
id="0cab62b7778141e8dfb1da66ebf7e17a"
href="/products/cellulite-releazer%C2%AE?variant=44409550143624"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
Cellulite and Lymph Massager
</span>
</a>
<div
class="product-card__content layout-panel-flex layout-panel-flex--column product-grid__card spacing-style border-style gap-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;--horizontal-alignment: ; --vertical-alignment: ;--vertical-alignment-mobile: ; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --product-card-gap: 4px; --quick-add-display: flex; --quick-add-mobile-display: none; --quick-add-mobile-opacity: 0; "
>
<div
ref="cardGallery"
class="card-gallery card-gallery-AODZiK0owWVNjcWM3L__product_card_gallery_69rgDH-1 spacing-style border-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --gallery-aspect-ratio: 1.1928934010152283; "
data-product-id="8719867183240"
on:pointerenter="/previewImage"
on:pointerleave="/resetImage"
data-image-ratio="adapt"
>
<a
class="contents"
ref="cardGalleryLink"
href="/products/cellulite-releazer%C2%AE?variant=44409550143624"
aria-label="Cellulite and Lymph Massager"
>
<slideshow-component
ref="slideshow"
style="--slideshow-timeline: --slide-0, --slide-1;--slide-min-height: auto;--slide-min-height-desktop: auto;"
initial-slide="0"
infinite
data-generic-media-size="2"
>
<slideshow-container ref="slideshowContainer">
<slideshow-slides
tabindex="-1"
ref="scroller"
>
<slideshow-slide
ref="slides[]"
aria-hidden="false"
style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
class="product-media-container media-fit product-media-container--image"
slide-id="35668351058056"
>
<div
class="product-media"
style="--ratio: 1.1928934010152283"
data-media-id="35668351058056"
>
<img src="//www.body-hub.com/cdn/shop/files/2.png?v=1766572423&width=3840" alt="Cellulite and Lymph Massager" srcset="//www.body-hub.com/cdn/shop/files/2.png?v=1766572423&width=240 240w, //www.body-hub.com/cdn/shop/files/2.png?v=1766572423&width=352 352w, //www.body-hub.com/cdn/shop/files/2.png?v=1766572423&width=832 832w, //www.body-hub.com/cdn/shop/files/2.png?v=1766572423&width=1200 1200w, //www.body-hub.com/cdn/shop/files/2.png?v=1766572423&width=1600 1600w, //www.body-hub.com/cdn/shop/files/2.png?v=1766572423&width=1920 1920w, //www.body-hub.com/cdn/shop/files/2.png?v=1766572423&width=2560 2560w, //www.body-hub.com/cdn/shop/files/2.png?v=1766572423&width=3840 3840w" width="3840" height="3219" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="false" data_max_resolution="//www.body-hub.com/cdn/shop/files/2.png?v=1766572423&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
class="product-media-container media-fit product-media-container--image"
slide-id="35668351123592"
>
<div
class="product-media"
style="--ratio: 1.1928934010152283"
data-media-id="35668351123592"
>
<img src="//www.body-hub.com/cdn/shop/files/4.png?v=1766572423&width=3840" alt="Cellulite and Lymph Massager" srcset="//www.body-hub.com/cdn/shop/files/4.png?v=1766572423&width=240 240w, //www.body-hub.com/cdn/shop/files/4.png?v=1766572423&width=352 352w, //www.body-hub.com/cdn/shop/files/4.png?v=1766572423&width=832 832w, //www.body-hub.com/cdn/shop/files/4.png?v=1766572423&width=1200 1200w, //www.body-hub.com/cdn/shop/files/4.png?v=1766572423&width=1600 1600w, //www.body-hub.com/cdn/shop/files/4.png?v=1766572423&width=1920 1920w, //www.body-hub.com/cdn/shop/files/4.png?v=1766572423&width=2560 2560w, //www.body-hub.com/cdn/shop/files/4.png?v=1766572423&width=3840 3840w" width="3840" height="3219" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="false" data_max_resolution="//www.body-hub.com/cdn/shop/files/4.png?v=1766572423&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
</a>
<div
class="product-badges product-badges--top-right"
style=" --badge-border-radius: 100px; --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none; "
></div>
<quick-add-component
class="quick-add color-scheme-1"
ref="quickAdd"
data-product-title="Cellulite and Lymph Massager"
data-quick-add-button="add"
data-product-options-count="1"
>
<product-form-component
data-section-id="template--20432030040200__product_list_xRyJpy"
data-product-id="8719867183240"
on:submit="/handleSubmit"
class="quick-add__product-form-component"
>
<div
class="visually-hidden"
aria-live="assertive"
role="status"
aria-atomic="true"
ref="liveRegion"
></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-8719867183240-AODZiK0owWVNjcWM3L__product_card_gallery_69rgDH-1" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
type="hidden"
name="id"
ref="variantId"
value="44409550143624"
>
<input
type="hidden"
name="quantity"
value="1"
>
<add-to-cart-component
ref="addToCartButtonContainer"
data-product-variant-media="//www.body-hub.com/cdn/shop/files/2.png?v=1766572423&width=100"
data-add-to-cart-animation="true"
>
<button
type="submit"
name="add"
ref="addToCartButton"
on:click="/handleClick"
class="button button quick-add__button quick-add__button--add add-to-cart-button"
>
<span
class="add-to-cart-text"
>
<span
aria-hidden="true"
class="svg-wrapper add-to-cart-icon"
><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
<span class="add-to-cart-text__content is-visually-hidden-mobile">
<span>
<span>Add</span>
</span>
</span>
</span>
<span class="add-to-cart__added">
<span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g class="check">
<circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<g class="burst">
<g style="--index: 0;">
<line class="line" stroke-linecap="round" pathlength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
</g>
<g style="--index: 1;">
<line class="line" stroke-linecap="round" pathlength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
</g>
<g style="--index: 2;">
<line class="line" stroke-linecap="round" pathlength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
</g>
<g style="--index: 3;">
<line class="line" stroke-linecap="round" pathlength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
</g>
<g style="--index: 4;">
<line class="line" stroke-linecap="round" pathlength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
</g>
<g style="--index: 5;">
<line class="line" stroke-linecap="round" pathlength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
</g>
<g style="--index: 6;">
<line class="line" stroke-linecap="round" pathlength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
</g>
<g style="--index: 7;">
<line class="line" stroke-linecap="round" pathlength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
</g>
</g>
</svg>
</span>
</span>
</button>
</add-to-cart-component>
<button
class="button quick-add__button quick-add__button--choose add-to-cart-button"
type="button"
name="add"
on:click="quick-add-component/handleClick"
>
<span
class="add-to-cart-text"
>
<span
aria-hidden="true"
class="svg-wrapper add-to-cart-icon"
><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
<span class="add-to-cart-text__content is-visually-hidden-mobile">
<span>
<span>
Choose
</span>
</span>
</span>
</span>
</button><input type="hidden" name="product-id" value="8719867183240" /><input type="hidden" name="section-id" value="template--20432030040200__product_list_xRyJpy" /></form></product-form-component>
</quick-add-component>
</div>
<div class="product-grid-view-zoom-out--details">
<h3 class="h4">Cellulite and Lymph Massager</h3>
</div>
<a
class="contents user-select-text"
ref="productTitleLink"
href="/products/cellulite-releazer%C2%AE?variant=44409550143624"
>
<div class="spacing-style text-block text-block--AUytsZUFNdU5xdnFrN__product_title_LMaUei-1 rte rte" style=" --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: fit-content; --max-width: var(--max-width--body-normal); ">
<p>Cellulite and Lymph Massager</p>
</div>
</a>
<product-price
class="text-block text-block--align-left text-left h6 spacing-style"
data-block-id="AVUdjdjBnWitiZmlDZ__price_9UPxi9-1"
data-product-id="8719867183240"
style=" --color: var(--color-foreground); --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --width: 100%; "
>
<div ref="priceContainer">
<span class="price">Dhs. 850.00</span>
</div>
</product-price>
</div>
</product-card>
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
class="resource-list__slide"
>
<div
class="resource-list__item"
>
<style data-shopify>
</style>
<product-card
class="product-card"
data-product-id="8721687052424"
id="product-card-AT0x1MDhhK2FRWFpLU__static-product-card-2"
data-product-transition="false"
>
<a
id="7bccad139299fef25d29bff39e2452e5"
href="/products/yamuna%C2%AE-gold-ball?variant=44418542993544"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
Tension Release Ball - gold
</span>
</a>
<div
class="product-card__content layout-panel-flex layout-panel-flex--column product-grid__card spacing-style border-style gap-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;--horizontal-alignment: ; --vertical-alignment: ;--vertical-alignment-mobile: ; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --product-card-gap: 4px; --quick-add-display: flex; --quick-add-mobile-display: none; --quick-add-mobile-opacity: 0; "
>
<div
ref="cardGallery"
class="card-gallery card-gallery-AODZiK0owWVNjcWM3L__product_card_gallery_69rgDH-2 spacing-style border-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --gallery-aspect-ratio: 1.1928934010152283; "
data-product-id="8721687052424"
on:pointerenter="/previewImage"
on:pointerleave="/resetImage"
data-image-ratio="adapt"
>
<a
class="contents"
ref="cardGalleryLink"
href="/products/yamuna%C2%AE-gold-ball?variant=44418542993544"
aria-label="Tension Release Ball - gold"
>
<slideshow-component
ref="slideshow"
style="--slideshow-timeline: --slide-0, --slide-1, --slide-2, --slide-3;--slide-min-height: auto;--slide-min-height-desktop: auto;"
initial-slide="0"
infinite
data-generic-media-size="4"
>
<slideshow-container ref="slideshowContainer">
<slideshow-arrows
position="center"
><button
class="slideshow-control slideshow-control--previous slideshow-control--style-arrow button button-unstyled button-unstyled--transparent flip-x"
aria-label="Previous slide"
on:click="/previous"
ref="previous"
>
<span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>
<button
class="slideshow-control slideshow-control--next slideshow-control--style-arrow button button-unstyled button-unstyled--transparent"
aria-label="Next slide"
on:click="/next"
ref="next"
>
<span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>
</slideshow-arrows>
<slideshow-slides
tabindex="-1"
ref="scroller"
>
<slideshow-slide
ref="slides[]"
aria-hidden="false"
style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
class="product-media-container media-fit product-media-container--image"
slide-id="35686916849800"
>
<div
class="product-media"
style="--ratio: 1.1928934010152283"
data-media-id="35686916849800"
>
<img src="//www.body-hub.com/cdn/shop/files/Facial_releaser_and_deep_releaser_attachments_in_three_degrees_of_hardness_for_targeted_individual_massage_treatment.png?v=1766846003&width=3840" alt="Tension Release Ball - gold" srcset="//www.body-hub.com/cdn/shop/files/Facial_releaser_and_deep_releaser_attachments_in_three_degrees_of_hardness_for_targeted_individual_massage_treatment.png?v=1766846003&width=240 240w, //www.body-hub.com/cdn/shop/files/Facial_releaser_and_deep_releaser_attachments_in_three_degrees_of_hardness_for_targeted_individual_massage_treatment.png?v=1766846003&width=352 352w, //www.body-hub.com/cdn/shop/files/Facial_releaser_and_deep_releaser_attachments_in_three_degrees_of_hardness_for_targeted_individual_massage_treatment.png?v=1766846003&width=832 832w, //www.body-hub.com/cdn/shop/files/Facial_releaser_and_deep_releaser_attachments_in_three_degrees_of_hardness_for_targeted_individual_massage_treatment.png?v=1766846003&width=1200 1200w, //www.body-hub.com/cdn/shop/files/Facial_releaser_and_deep_releaser_attachments_in_three_degrees_of_hardness_for_targeted_individual_massage_treatment.png?v=1766846003&width=1600 1600w, //www.body-hub.com/cdn/shop/files/Facial_releaser_and_deep_releaser_attachments_in_three_degrees_of_hardness_for_targeted_individual_massage_treatment.png?v=1766846003&width=1920 1920w, //www.body-hub.com/cdn/shop/files/Facial_releaser_and_deep_releaser_attachments_in_three_degrees_of_hardness_for_targeted_individual_massage_treatment.png?v=1766846003&width=2560 2560w, //www.body-hub.com/cdn/shop/files/Facial_releaser_and_deep_releaser_attachments_in_three_degrees_of_hardness_for_targeted_individual_massage_treatment.png?v=1766846003&width=3840 3840w" width="3840" height="3219" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="false" data_max_resolution="//www.body-hub.com/cdn/shop/files/Facial_releaser_and_deep_releaser_attachments_in_three_degrees_of_hardness_for_targeted_individual_massage_treatment.png?v=1766846003&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
class="product-media-container media-fit product-media-container--image"
slide-id="35668439433352"
>
<div
class="product-media"
style="--ratio: 1.1928934010152283"
data-media-id="35668439433352"
>
<img src="//www.body-hub.com/cdn/shop/files/31.png?v=1766575786&width=3840" alt="Tension Release Ball - gold" srcset="//www.body-hub.com/cdn/shop/files/31.png?v=1766575786&width=240 240w, //www.body-hub.com/cdn/shop/files/31.png?v=1766575786&width=352 352w, //www.body-hub.com/cdn/shop/files/31.png?v=1766575786&width=832 832w, //www.body-hub.com/cdn/shop/files/31.png?v=1766575786&width=1200 1200w, //www.body-hub.com/cdn/shop/files/31.png?v=1766575786&width=1600 1600w, //www.body-hub.com/cdn/shop/files/31.png?v=1766575786&width=1920 1920w, //www.body-hub.com/cdn/shop/files/31.png?v=1766575786&width=2560 2560w, //www.body-hub.com/cdn/shop/files/31.png?v=1766575786&width=3840 3840w" width="3840" height="3219" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="false" data_max_resolution="//www.body-hub.com/cdn/shop/files/31.png?v=1766575786&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
class="product-media-container media-fit product-media-container--image"
slide-id="35686910754952"
>
<div
class="product-media"
style="--ratio: 1.1928934010152283"
data-media-id="35686910754952"
>
<img src="//www.body-hub.com/cdn/shop/files/38.png?v=1766846003&width=3840" alt="Tension Release Ball - gold" srcset="//www.body-hub.com/cdn/shop/files/38.png?v=1766846003&width=240 240w, //www.body-hub.com/cdn/shop/files/38.png?v=1766846003&width=352 352w, //www.body-hub.com/cdn/shop/files/38.png?v=1766846003&width=832 832w, //www.body-hub.com/cdn/shop/files/38.png?v=1766846003&width=1200 1200w, //www.body-hub.com/cdn/shop/files/38.png?v=1766846003&width=1600 1600w, //www.body-hub.com/cdn/shop/files/38.png?v=1766846003&width=1920 1920w, //www.body-hub.com/cdn/shop/files/38.png?v=1766846003&width=2560 2560w, //www.body-hub.com/cdn/shop/files/38.png?v=1766846003&width=3840 3840w" width="3840" height="3219" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="false" data_max_resolution="//www.body-hub.com/cdn/shop/files/38.png?v=1766846003&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
class="product-media-container media-fit product-media-container--image"
slide-id="35668439367816"
>
<div
class="product-media"
style="--ratio: 1.1928934010152283"
data-media-id="35668439367816"
>
<img src="//www.body-hub.com/cdn/shop/files/32.png?v=1766846003&width=3840" alt="Tension Release Ball - gold" srcset="//www.body-hub.com/cdn/shop/files/32.png?v=1766846003&width=240 240w, //www.body-hub.com/cdn/shop/files/32.png?v=1766846003&width=352 352w, //www.body-hub.com/cdn/shop/files/32.png?v=1766846003&width=832 832w, //www.body-hub.com/cdn/shop/files/32.png?v=1766846003&width=1200 1200w, //www.body-hub.com/cdn/shop/files/32.png?v=1766846003&width=1600 1600w, //www.body-hub.com/cdn/shop/files/32.png?v=1766846003&width=1920 1920w, //www.body-hub.com/cdn/shop/files/32.png?v=1766846003&width=2560 2560w, //www.body-hub.com/cdn/shop/files/32.png?v=1766846003&width=3840 3840w" width="3840" height="3219" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="false" data_max_resolution="//www.body-hub.com/cdn/shop/files/32.png?v=1766846003&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
</a>
<div
class="product-badges product-badges--top-right"
style=" --badge-border-radius: 100px; --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none; "
></div>
<quick-add-component
class="quick-add color-scheme-1"
ref="quickAdd"
data-product-title="Tension Release Ball - gold"
data-quick-add-button="add"
data-product-options-count="1"
>
<product-form-component
data-section-id="template--20432030040200__product_list_xRyJpy"
data-product-id="8721687052424"
on:submit="/handleSubmit"
class="quick-add__product-form-component"
>
<div
class="visually-hidden"
aria-live="assertive"
role="status"
aria-atomic="true"
ref="liveRegion"
></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-8721687052424-AODZiK0owWVNjcWM3L__product_card_gallery_69rgDH-2" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
type="hidden"
name="id"
ref="variantId"
value="44418542993544"
>
<input
type="hidden"
name="quantity"
value="1"
>
<add-to-cart-component
ref="addToCartButtonContainer"
data-product-variant-media="//www.body-hub.com/cdn/shop/files/Facial_releaser_and_deep_releaser_attachments_in_three_degrees_of_hardness_for_targeted_individual_massage_treatment.png?v=1766846003&width=100"
data-add-to-cart-animation="true"
>
<button
type="submit"
name="add"
ref="addToCartButton"
on:click="/handleClick"
class="button button quick-add__button quick-add__button--add add-to-cart-button"
>
<span
class="add-to-cart-text"
>
<span
aria-hidden="true"
class="svg-wrapper add-to-cart-icon"
><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
<span class="add-to-cart-text__content is-visually-hidden-mobile">
<span>
<span>Add</span>
</span>
</span>
</span>
<span class="add-to-cart__added">
<span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g class="check">
<circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<g class="burst">
<g style="--index: 0;">
<line class="line" stroke-linecap="round" pathlength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
</g>
<g style="--index: 1;">
<line class="line" stroke-linecap="round" pathlength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
</g>
<g style="--index: 2;">
<line class="line" stroke-linecap="round" pathlength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
</g>
<g style="--index: 3;">
<line class="line" stroke-linecap="round" pathlength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
</g>
<g style="--index: 4;">
<line class="line" stroke-linecap="round" pathlength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
</g>
<g style="--index: 5;">
<line class="line" stroke-linecap="round" pathlength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
</g>
<g style="--index: 6;">
<line class="line" stroke-linecap="round" pathlength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
</g>
<g style="--index: 7;">
<line class="line" stroke-linecap="round" pathlength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
</g>
</g>
</svg>
</span>
</span>
</button>
</add-to-cart-component>
<button
class="button quick-add__button quick-add__button--choose add-to-cart-button"
type="button"
name="add"
on:click="quick-add-component/handleClick"
>
<span
class="add-to-cart-text"
>
<span
aria-hidden="true"
class="svg-wrapper add-to-cart-icon"
><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
<span class="add-to-cart-text__content is-visually-hidden-mobile">
<span>
<span>
Choose
</span>
</span>
</span>
</span>
</button><input type="hidden" name="product-id" value="8721687052424" /><input type="hidden" name="section-id" value="template--20432030040200__product_list_xRyJpy" /></form></product-form-component>
</quick-add-component>
</div>
<div class="product-grid-view-zoom-out--details">
<h3 class="h4">Tension Release Ball - gold</h3>
</div>
<a
class="contents user-select-text"
ref="productTitleLink"
href="/products/yamuna%C2%AE-gold-ball?variant=44418542993544"
>
<div class="spacing-style text-block text-block--AUytsZUFNdU5xdnFrN__product_title_LMaUei-2 rte rte" style=" --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: fit-content; --max-width: var(--max-width--body-normal); ">
<p>Tension Release Ball - gold</p>
</div>
</a>
<product-price
class="text-block text-block--align-left text-left h6 spacing-style"
data-block-id="AVUdjdjBnWitiZmlDZ__price_9UPxi9-2"
data-product-id="8721687052424"
style=" --color: var(--color-foreground); --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --width: 100%; "
>
<div ref="priceContainer">
<span class="price">Dhs. 175.00</span>
</div>
</product-price>
</div>
</product-card>
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
class="resource-list__slide"
>
<div
class="resource-list__item"
>
<style data-shopify>
</style>
<product-card
class="product-card"
data-product-id="8721690525832"
id="product-card-AT0x1MDhhK2FRWFpLU__static-product-card-3"
data-product-transition="false"
>
<a
id="93ae80c6bbf4e8d99eb2c146239de2d1"
href="/products/yamuna%C2%AE-face-ball-set?variant=44418570289288"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
Face Ball Set
</span>
</a>
<div
class="product-card__content layout-panel-flex layout-panel-flex--column product-grid__card spacing-style border-style gap-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;--horizontal-alignment: ; --vertical-alignment: ;--vertical-alignment-mobile: ; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --product-card-gap: 4px; --quick-add-display: flex; --quick-add-mobile-display: none; --quick-add-mobile-opacity: 0; "
>
<div
ref="cardGallery"
class="card-gallery card-gallery-AODZiK0owWVNjcWM3L__product_card_gallery_69rgDH-3 spacing-style border-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --gallery-aspect-ratio: 1.1928934010152283; "
data-product-id="8721690525832"
on:pointerenter="/previewImage"
on:pointerleave="/resetImage"
data-image-ratio="adapt"
>
<a
class="contents"
ref="cardGalleryLink"
href="/products/yamuna%C2%AE-face-ball-set?variant=44418570289288"
aria-label="Face Ball Set"
>
<slideshow-component
ref="slideshow"
style="--slideshow-timeline: --slide-0, --slide-1, --slide-2;--slide-min-height: auto;--slide-min-height-desktop: auto;"
initial-slide="0"
infinite
data-generic-media-size="3"
>
<slideshow-container ref="slideshowContainer">
<slideshow-arrows
position="center"
><button
class="slideshow-control slideshow-control--previous slideshow-control--style-arrow button button-unstyled button-unstyled--transparent flip-x"
aria-label="Previous slide"
on:click="/previous"
ref="previous"
>
<span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>
<button
class="slideshow-control slideshow-control--next slideshow-control--style-arrow button button-unstyled button-unstyled--transparent"
aria-label="Next slide"
on:click="/next"
ref="next"
>
<span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>
</slideshow-arrows>
<slideshow-slides
tabindex="-1"
ref="scroller"
>
<slideshow-slide
ref="slides[]"
aria-hidden="false"
style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
class="product-media-container media-fit product-media-container--image"
slide-id="35668360167560"
>
<div
class="product-media"
style="--ratio: 1.1928934010152283"
data-media-id="35668360167560"
>
<img src="//www.body-hub.com/cdn/shop/files/26.png?v=1766573789&width=3840" alt="Face Ball Set" srcset="//www.body-hub.com/cdn/shop/files/26.png?v=1766573789&width=240 240w, //www.body-hub.com/cdn/shop/files/26.png?v=1766573789&width=352 352w, //www.body-hub.com/cdn/shop/files/26.png?v=1766573789&width=832 832w, //www.body-hub.com/cdn/shop/files/26.png?v=1766573789&width=1200 1200w, //www.body-hub.com/cdn/shop/files/26.png?v=1766573789&width=1600 1600w, //www.body-hub.com/cdn/shop/files/26.png?v=1766573789&width=1920 1920w, //www.body-hub.com/cdn/shop/files/26.png?v=1766573789&width=2560 2560w, //www.body-hub.com/cdn/shop/files/26.png?v=1766573789&width=3840 3840w" width="3840" height="3219" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="false" data_max_resolution="//www.body-hub.com/cdn/shop/files/26.png?v=1766573789&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
class="product-media-container media-fit product-media-container--image"
slide-id="35668360134792"
>
<div
class="product-media"
style="--ratio: 1.1928934010152283"
data-media-id="35668360134792"
>
<img src="//www.body-hub.com/cdn/shop/files/25.png?v=1766573789&width=3840" alt="Face Ball Set" srcset="//www.body-hub.com/cdn/shop/files/25.png?v=1766573789&width=240 240w, //www.body-hub.com/cdn/shop/files/25.png?v=1766573789&width=352 352w, //www.body-hub.com/cdn/shop/files/25.png?v=1766573789&width=832 832w, //www.body-hub.com/cdn/shop/files/25.png?v=1766573789&width=1200 1200w, //www.body-hub.com/cdn/shop/files/25.png?v=1766573789&width=1600 1600w, //www.body-hub.com/cdn/shop/files/25.png?v=1766573789&width=1920 1920w, //www.body-hub.com/cdn/shop/files/25.png?v=1766573789&width=2560 2560w, //www.body-hub.com/cdn/shop/files/25.png?v=1766573789&width=3840 3840w" width="3840" height="3219" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="false" data_max_resolution="//www.body-hub.com/cdn/shop/files/25.png?v=1766573789&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
class="product-media-container media-fit product-media-container--image"
slide-id="35668360200328"
>
<div
class="product-media"
style="--ratio: 1.1928934010152283"
data-media-id="35668360200328"
>
<img src="//www.body-hub.com/cdn/shop/files/27.png?v=1766573789&width=3840" alt="Face Ball Set" srcset="//www.body-hub.com/cdn/shop/files/27.png?v=1766573789&width=240 240w, //www.body-hub.com/cdn/shop/files/27.png?v=1766573789&width=352 352w, //www.body-hub.com/cdn/shop/files/27.png?v=1766573789&width=832 832w, //www.body-hub.com/cdn/shop/files/27.png?v=1766573789&width=1200 1200w, //www.body-hub.com/cdn/shop/files/27.png?v=1766573789&width=1600 1600w, //www.body-hub.com/cdn/shop/files/27.png?v=1766573789&width=1920 1920w, //www.body-hub.com/cdn/shop/files/27.png?v=1766573789&width=2560 2560w, //www.body-hub.com/cdn/shop/files/27.png?v=1766573789&width=3840 3840w" width="3840" height="3219" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="false" data_max_resolution="//www.body-hub.com/cdn/shop/files/27.png?v=1766573789&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
</a>
<div
class="product-badges product-badges--top-right"
style=" --badge-border-radius: 100px; --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none; "
></div>
<quick-add-component
class="quick-add color-scheme-1"
ref="quickAdd"
data-product-title="Face Ball Set"
data-quick-add-button="add"
data-product-options-count="1"
>
<product-form-component
data-section-id="template--20432030040200__product_list_xRyJpy"
data-product-id="8721690525832"
on:submit="/handleSubmit"
class="quick-add__product-form-component"
>
<div
class="visually-hidden"
aria-live="assertive"
role="status"
aria-atomic="true"
ref="liveRegion"
></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-8721690525832-AODZiK0owWVNjcWM3L__product_card_gallery_69rgDH-3" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
type="hidden"
name="id"
ref="variantId"
value="44418570289288"
>
<input
type="hidden"
name="quantity"
value="1"
>
<add-to-cart-component
ref="addToCartButtonContainer"
data-product-variant-media="//www.body-hub.com/cdn/shop/files/26.png?v=1766573789&width=100"
data-add-to-cart-animation="true"
>
<button
type="submit"
name="add"
ref="addToCartButton"
on:click="/handleClick"
class="button button quick-add__button quick-add__button--add add-to-cart-button"
>
<span
class="add-to-cart-text"
>
<span
aria-hidden="true"
class="svg-wrapper add-to-cart-icon"
><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
<span class="add-to-cart-text__content is-visually-hidden-mobile">
<span>
<span>Add</span>
</span>
</span>
</span>
<span class="add-to-cart__added">
<span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g class="check">
<circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<g class="burst">
<g style="--index: 0;">
<line class="line" stroke-linecap="round" pathlength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
</g>
<g style="--index: 1;">
<line class="line" stroke-linecap="round" pathlength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
</g>
<g style="--index: 2;">
<line class="line" stroke-linecap="round" pathlength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
</g>
<g style="--index: 3;">
<line class="line" stroke-linecap="round" pathlength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
</g>
<g style="--index: 4;">
<line class="line" stroke-linecap="round" pathlength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
</g>
<g style="--index: 5;">
<line class="line" stroke-linecap="round" pathlength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
</g>
<g style="--index: 6;">
<line class="line" stroke-linecap="round" pathlength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
</g>
<g style="--index: 7;">
<line class="line" stroke-linecap="round" pathlength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
</g>
</g>
</svg>
</span>
</span>
</button>
</add-to-cart-component>
<button
class="button quick-add__button quick-add__button--choose add-to-cart-button"
type="button"
name="add"
on:click="quick-add-component/handleClick"
>
<span
class="add-to-cart-text"
>
<span
aria-hidden="true"
class="svg-wrapper add-to-cart-icon"
><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
<span class="add-to-cart-text__content is-visually-hidden-mobile">
<span>
<span>
Choose
</span>
</span>
</span>
</span>
</button><input type="hidden" name="product-id" value="8721690525832" /><input type="hidden" name="section-id" value="template--20432030040200__product_list_xRyJpy" /></form></product-form-component>
</quick-add-component>
</div>
<div class="product-grid-view-zoom-out--details">
<h3 class="h4">Face Ball Set</h3>
</div>
<a
class="contents user-select-text"
ref="productTitleLink"
href="/products/yamuna%C2%AE-face-ball-set?variant=44418570289288"
>
<div class="spacing-style text-block text-block--AUytsZUFNdU5xdnFrN__product_title_LMaUei-3 rte rte" style=" --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: fit-content; --max-width: var(--max-width--body-normal); ">
<p>Face Ball Set</p>
</div>
</a>
<product-price
class="text-block text-block--align-left text-left h6 spacing-style"
data-block-id="AVUdjdjBnWitiZmlDZ__price_9UPxi9-3"
data-product-id="8721690525832"
style=" --color: var(--color-foreground); --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --width: 100%; "
>
<div ref="priceContainer">
<span class="price">Dhs. 400.00</span>
</div>
</product-price>
</div>
</product-card>
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="--slideshow-timeline: --slide-4; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
class="resource-list__slide"
>
<div
class="resource-list__item"
>
<style data-shopify>
</style>
<product-card
class="product-card"
data-product-id="8721690820744"
id="product-card-AT0x1MDhhK2FRWFpLU__static-product-card-4"
data-product-transition="false"
>
<a
id="f5abb63bd1d92932f374912779a074a0"
href="/products/yamuna%C2%AE-foot-wakers-pair?variant=44418574483592"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
Foot Wakers
</span>
</a>
<div
class="product-card__content layout-panel-flex layout-panel-flex--column product-grid__card spacing-style border-style gap-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;--horizontal-alignment: ; --vertical-alignment: ;--vertical-alignment-mobile: ; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --product-card-gap: 4px; --quick-add-display: flex; --quick-add-mobile-display: none; --quick-add-mobile-opacity: 0; "
>
<div
ref="cardGallery"
class="card-gallery card-gallery-AODZiK0owWVNjcWM3L__product_card_gallery_69rgDH-4 spacing-style border-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --gallery-aspect-ratio: 1.1928934010152283; "
data-product-id="8721690820744"
on:pointerenter="/previewImage"
on:pointerleave="/resetImage"
data-image-ratio="adapt"
>
<a
class="contents"
ref="cardGalleryLink"
href="/products/yamuna%C2%AE-foot-wakers-pair?variant=44418574483592"
aria-label="Foot Wakers"
>
<slideshow-component
ref="slideshow"
style="--slideshow-timeline: --slide-0, --slide-1;--slide-min-height: auto;--slide-min-height-desktop: auto;"
initial-slide="0"
infinite
data-generic-media-size="2"
>
<slideshow-container ref="slideshowContainer">
<slideshow-slides
tabindex="-1"
ref="scroller"
>
<slideshow-slide
ref="slides[]"
aria-hidden="false"
style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
class="product-media-container media-fit product-media-container--image"
slide-id="35668358693000"
>
<div
class="product-media"
style="--ratio: 1.1928934010152283"
data-media-id="35668358693000"
>
<img src="//www.body-hub.com/cdn/shop/files/33.png?v=1766573745&width=3840" alt="Foot Wakers" srcset="//www.body-hub.com/cdn/shop/files/33.png?v=1766573745&width=240 240w, //www.body-hub.com/cdn/shop/files/33.png?v=1766573745&width=352 352w, //www.body-hub.com/cdn/shop/files/33.png?v=1766573745&width=832 832w, //www.body-hub.com/cdn/shop/files/33.png?v=1766573745&width=1200 1200w, //www.body-hub.com/cdn/shop/files/33.png?v=1766573745&width=1600 1600w, //www.body-hub.com/cdn/shop/files/33.png?v=1766573745&width=1920 1920w, //www.body-hub.com/cdn/shop/files/33.png?v=1766573745&width=2560 2560w, //www.body-hub.com/cdn/shop/files/33.png?v=1766573745&width=3840 3840w" width="3840" height="3219" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="false" data_max_resolution="//www.body-hub.com/cdn/shop/files/33.png?v=1766573745&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
class="product-media-container media-fit product-media-container--image"
slide-id="35668358725768"
>
<div
class="product-media"
style="--ratio: 1.1928934010152283"
data-media-id="35668358725768"
>
<img src="//www.body-hub.com/cdn/shop/files/36.png?v=1766573745&width=3840" alt="Foot Wakers" srcset="//www.body-hub.com/cdn/shop/files/36.png?v=1766573745&width=240 240w, //www.body-hub.com/cdn/shop/files/36.png?v=1766573745&width=352 352w, //www.body-hub.com/cdn/shop/files/36.png?v=1766573745&width=832 832w, //www.body-hub.com/cdn/shop/files/36.png?v=1766573745&width=1200 1200w, //www.body-hub.com/cdn/shop/files/36.png?v=1766573745&width=1600 1600w, //www.body-hub.com/cdn/shop/files/36.png?v=1766573745&width=1920 1920w, //www.body-hub.com/cdn/shop/files/36.png?v=1766573745&width=2560 2560w, //www.body-hub.com/cdn/shop/files/36.png?v=1766573745&width=3840 3840w" width="3840" height="3219" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="false" data_max_resolution="//www.body-hub.com/cdn/shop/files/36.png?v=1766573745&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
</a>
<div
class="product-badges product-badges--top-right"
style=" --badge-border-radius: 100px; --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none; "
></div>
<quick-add-component
class="quick-add color-scheme-1"
ref="quickAdd"
data-product-title="Foot Wakers"
data-quick-add-button="add"
data-product-options-count="1"
>
<product-form-component
data-section-id="template--20432030040200__product_list_xRyJpy"
data-product-id="8721690820744"
on:submit="/handleSubmit"
class="quick-add__product-form-component"
>
<div
class="visually-hidden"
aria-live="assertive"
role="status"
aria-atomic="true"
ref="liveRegion"
></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-8721690820744-AODZiK0owWVNjcWM3L__product_card_gallery_69rgDH-4" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
type="hidden"
name="id"
ref="variantId"
value="44418574483592"
>
<input
type="hidden"
name="quantity"
value="1"
>
<add-to-cart-component
ref="addToCartButtonContainer"
data-product-variant-media="//www.body-hub.com/cdn/shop/files/33.png?v=1766573745&width=100"
data-add-to-cart-animation="true"
>
<button
type="submit"
name="add"
ref="addToCartButton"
on:click="/handleClick"
class="button button quick-add__button quick-add__button--add add-to-cart-button"
>
<span
class="add-to-cart-text"
>
<span
aria-hidden="true"
class="svg-wrapper add-to-cart-icon"
><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
<span class="add-to-cart-text__content is-visually-hidden-mobile">
<span>
<span>Add</span>
</span>
</span>
</span>
<span class="add-to-cart__added">
<span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g class="check">
<circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<g class="burst">
<g style="--index: 0;">
<line class="line" stroke-linecap="round" pathlength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
</g>
<g style="--index: 1;">
<line class="line" stroke-linecap="round" pathlength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
</g>
<g style="--index: 2;">
<line class="line" stroke-linecap="round" pathlength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
</g>
<g style="--index: 3;">
<line class="line" stroke-linecap="round" pathlength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
</g>
<g style="--index: 4;">
<line class="line" stroke-linecap="round" pathlength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
</g>
<g style="--index: 5;">
<line class="line" stroke-linecap="round" pathlength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
</g>
<g style="--index: 6;">
<line class="line" stroke-linecap="round" pathlength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
</g>
<g style="--index: 7;">
<line class="line" stroke-linecap="round" pathlength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
</g>
</g>
</svg>
</span>
</span>
</button>
</add-to-cart-component>
<button
class="button quick-add__button quick-add__button--choose add-to-cart-button"
type="button"
name="add"
on:click="quick-add-component/handleClick"
>
<span
class="add-to-cart-text"
>
<span
aria-hidden="true"
class="svg-wrapper add-to-cart-icon"
><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
<span class="add-to-cart-text__content is-visually-hidden-mobile">
<span>
<span>
Choose
</span>
</span>
</span>
</span>
</button><input type="hidden" name="product-id" value="8721690820744" /><input type="hidden" name="section-id" value="template--20432030040200__product_list_xRyJpy" /></form></product-form-component>
</quick-add-component>
</div>
<div class="product-grid-view-zoom-out--details">
<h3 class="h4">Foot Wakers</h3>
</div>
<a
class="contents user-select-text"
ref="productTitleLink"
href="/products/yamuna%C2%AE-foot-wakers-pair?variant=44418574483592"
>
<div class="spacing-style text-block text-block--AUytsZUFNdU5xdnFrN__product_title_LMaUei-4 rte rte" style=" --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: fit-content; --max-width: var(--max-width--body-normal); ">
<p>Foot Wakers</p>
</div>
</a>
<product-price
class="text-block text-block--align-left text-left h6 spacing-style"
data-block-id="AVUdjdjBnWitiZmlDZ__price_9UPxi9-4"
data-product-id="8721690820744"
style=" --color: var(--color-foreground); --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --width: 100%; "
>
<div ref="priceContainer">
<span class="price">Dhs. 375.00</span>
</div>
</product-price>
</div>
</product-card>
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="--slideshow-timeline: --slide-5; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
class="resource-list__slide"
>
<div
class="resource-list__item"
>
<style data-shopify>
</style>
<product-card
class="product-card"
data-product-id="8721691345032"
id="product-card-AT0x1MDhhK2FRWFpLU__static-product-card-5"
data-product-transition="false"
>
<a
id="5ae0e205cfd7745a832f41310f5f1c92"
href="/products/yamuna%C2%AE-travel-pump?variant=44418581659784"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
Travel Pump for Tension Release Balls
</span>
</a>
<div
class="product-card__content layout-panel-flex layout-panel-flex--column product-grid__card spacing-style border-style gap-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;--horizontal-alignment: ; --vertical-alignment: ;--vertical-alignment-mobile: ; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --product-card-gap: 4px; --quick-add-display: flex; --quick-add-mobile-display: none; --quick-add-mobile-opacity: 0; "
>
<div
ref="cardGallery"
class="card-gallery card-gallery-AODZiK0owWVNjcWM3L__product_card_gallery_69rgDH-5 spacing-style border-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --gallery-aspect-ratio: 1.1928934010152283; "
data-product-id="8721691345032"
on:pointerenter="/previewImage"
on:pointerleave="/resetImage"
data-image-ratio="adapt"
>
<a
class="contents"
ref="cardGalleryLink"
href="/products/yamuna%C2%AE-travel-pump?variant=44418581659784"
aria-label="Travel Pump for Tension Release Balls"
>
<slideshow-component
ref="slideshow"
style="--slideshow-timeline: --slide-0, --slide-1, --slide-2;--slide-min-height: auto;--slide-min-height-desktop: auto;"
initial-slide="0"
infinite
data-generic-media-size="3"
>
<slideshow-container ref="slideshowContainer">
<slideshow-arrows
position="center"
><button
class="slideshow-control slideshow-control--previous slideshow-control--style-arrow button button-unstyled button-unstyled--transparent flip-x"
aria-label="Previous slide"
on:click="/previous"
ref="previous"
>
<span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>
<button
class="slideshow-control slideshow-control--next slideshow-control--style-arrow button button-unstyled button-unstyled--transparent"
aria-label="Next slide"
on:click="/next"
ref="next"
>
<span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>
</slideshow-arrows>
<slideshow-slides
tabindex="-1"
ref="scroller"
>
<slideshow-slide
ref="slides[]"
aria-hidden="false"
style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
class="product-media-container media-fit product-media-container--image"
slide-id="35668357972104"
>
<div
class="product-media"
style="--ratio: 1.1928934010152283"
data-media-id="35668357972104"
>
<img src="//www.body-hub.com/cdn/shop/files/37.png?v=1766573554&width=3840" alt="Travel Pump for Tension Release Balls" srcset="//www.body-hub.com/cdn/shop/files/37.png?v=1766573554&width=240 240w, //www.body-hub.com/cdn/shop/files/37.png?v=1766573554&width=352 352w, //www.body-hub.com/cdn/shop/files/37.png?v=1766573554&width=832 832w, //www.body-hub.com/cdn/shop/files/37.png?v=1766573554&width=1200 1200w, //www.body-hub.com/cdn/shop/files/37.png?v=1766573554&width=1600 1600w, //www.body-hub.com/cdn/shop/files/37.png?v=1766573554&width=1920 1920w, //www.body-hub.com/cdn/shop/files/37.png?v=1766573554&width=2560 2560w, //www.body-hub.com/cdn/shop/files/37.png?v=1766573554&width=3840 3840w" width="3840" height="3219" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="false" data_max_resolution="//www.body-hub.com/cdn/shop/files/37.png?v=1766573554&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
class="product-media-container media-fit product-media-container--image"
slide-id="35668358037640"
>
<div
class="product-media"
style="--ratio: 1.1928934010152283"
data-media-id="35668358037640"
>
<img src="//www.body-hub.com/cdn/shop/files/39.png?v=1766573554&width=3840" alt="Travel Pump for Tension Release Balls" srcset="//www.body-hub.com/cdn/shop/files/39.png?v=1766573554&width=240 240w, //www.body-hub.com/cdn/shop/files/39.png?v=1766573554&width=352 352w, //www.body-hub.com/cdn/shop/files/39.png?v=1766573554&width=832 832w, //www.body-hub.com/cdn/shop/files/39.png?v=1766573554&width=1200 1200w, //www.body-hub.com/cdn/shop/files/39.png?v=1766573554&width=1600 1600w, //www.body-hub.com/cdn/shop/files/39.png?v=1766573554&width=1920 1920w, //www.body-hub.com/cdn/shop/files/39.png?v=1766573554&width=2560 2560w, //www.body-hub.com/cdn/shop/files/39.png?v=1766573554&width=3840 3840w" width="3840" height="3219" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="false" data_max_resolution="//www.body-hub.com/cdn/shop/files/39.png?v=1766573554&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
class="product-media-container media-fit product-media-container--image"
slide-id="35668358004872"
>
<div
class="product-media"
style="--ratio: 1.1928934010152283"
data-media-id="35668358004872"
>
<img src="//www.body-hub.com/cdn/shop/files/40.png?v=1766573554&width=3840" alt="Travel Pump for Tension Release Balls" srcset="//www.body-hub.com/cdn/shop/files/40.png?v=1766573554&width=240 240w, //www.body-hub.com/cdn/shop/files/40.png?v=1766573554&width=352 352w, //www.body-hub.com/cdn/shop/files/40.png?v=1766573554&width=832 832w, //www.body-hub.com/cdn/shop/files/40.png?v=1766573554&width=1200 1200w, //www.body-hub.com/cdn/shop/files/40.png?v=1766573554&width=1600 1600w, //www.body-hub.com/cdn/shop/files/40.png?v=1766573554&width=1920 1920w, //www.body-hub.com/cdn/shop/files/40.png?v=1766573554&width=2560 2560w, //www.body-hub.com/cdn/shop/files/40.png?v=1766573554&width=3840 3840w" width="3840" height="3219" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="false" data_max_resolution="//www.body-hub.com/cdn/shop/files/40.png?v=1766573554&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
</a>
<div
class="product-badges product-badges--top-right"
style=" --badge-border-radius: 100px; --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none; "
></div>
<quick-add-component
class="quick-add color-scheme-1"
ref="quickAdd"
data-product-title="Travel Pump for Tension Release Balls"
data-quick-add-button="add"
data-product-options-count="1"
>
<product-form-component
data-section-id="template--20432030040200__product_list_xRyJpy"
data-product-id="8721691345032"
on:submit="/handleSubmit"
class="quick-add__product-form-component"
>
<div
class="visually-hidden"
aria-live="assertive"
role="status"
aria-atomic="true"
ref="liveRegion"
></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-8721691345032-AODZiK0owWVNjcWM3L__product_card_gallery_69rgDH-5" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
type="hidden"
name="id"
ref="variantId"
value="44418581659784"
>
<input
type="hidden"
name="quantity"
value="1"
>
<add-to-cart-component
ref="addToCartButtonContainer"
data-product-variant-media="//www.body-hub.com/cdn/shop/files/37.png?v=1766573554&width=100"
data-add-to-cart-animation="true"
>
<button
type="submit"
name="add"
ref="addToCartButton"
on:click="/handleClick"
class="button button quick-add__button quick-add__button--add add-to-cart-button"
>
<span
class="add-to-cart-text"
>
<span
aria-hidden="true"
class="svg-wrapper add-to-cart-icon"
><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
<span class="add-to-cart-text__content is-visually-hidden-mobile">
<span>
<span>Add</span>
</span>
</span>
</span>
<span class="add-to-cart__added">
<span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g class="check">
<circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<g class="burst">
<g style="--index: 0;">
<line class="line" stroke-linecap="round" pathlength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
</g>
<g style="--index: 1;">
<line class="line" stroke-linecap="round" pathlength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
</g>
<g style="--index: 2;">
<line class="line" stroke-linecap="round" pathlength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
</g>
<g style="--index: 3;">
<line class="line" stroke-linecap="round" pathlength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
</g>
<g style="--index: 4;">
<line class="line" stroke-linecap="round" pathlength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
</g>
<g style="--index: 5;">
<line class="line" stroke-linecap="round" pathlength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
</g>
<g style="--index: 6;">
<line class="line" stroke-linecap="round" pathlength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
</g>
<g style="--index: 7;">
<line class="line" stroke-linecap="round" pathlength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
</g>
</g>
</svg>
</span>
</span>
</button>
</add-to-cart-component>
<button
class="button quick-add__button quick-add__button--choose add-to-cart-button"
type="button"
name="add"
on:click="quick-add-component/handleClick"
>
<span
class="add-to-cart-text"
>
<span
aria-hidden="true"
class="svg-wrapper add-to-cart-icon"
><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
<span class="add-to-cart-text__content is-visually-hidden-mobile">
<span>
<span>
Choose
</span>
</span>
</span>
</span>
</button><input type="hidden" name="product-id" value="8721691345032" /><input type="hidden" name="section-id" value="template--20432030040200__product_list_xRyJpy" /></form></product-form-component>
</quick-add-component>
</div>
<div class="product-grid-view-zoom-out--details">
<h3 class="h4">Travel Pump for Tension Release Balls</h3>
</div>
<a
class="contents user-select-text"
ref="productTitleLink"
href="/products/yamuna%C2%AE-travel-pump?variant=44418581659784"
>
<div class="spacing-style text-block text-block--AUytsZUFNdU5xdnFrN__product_title_LMaUei-5 rte rte" style=" --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: fit-content; --max-width: var(--max-width--body-normal); ">
<p>Travel Pump for Tension Release Balls</p>
</div>
</a>
<product-price
class="text-block text-block--align-left text-left h6 spacing-style"
data-block-id="AVUdjdjBnWitiZmlDZ__price_9UPxi9-5"
data-product-id="8721691345032"
style=" --color: var(--color-foreground); --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --width: 100%; "
>
<div ref="priceContainer">
<span class="price">Dhs. 100.00</span>
</div>
</product-price>
</div>
</product-card>
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
</div>
</div>
<div
class="section-resource-list__content"
style="--horizontal-alignment: flex-start;"
></div>
</div>
</div><div id="shopify-section-template--20432030040200__177116030915f7d9d1" class="shopify-section section-wrapper">
<div class="section-background color-scheme-1"></div>
<div
class="section section--page-width color-scheme-1"
data-testid="ui-test-section"
style=" "
>
<div class="custom-section-background">
</div>
<div
class="border-style custom-section-content"
style="--border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; "
>
<div
class="spacing-style layout-panel-flex layout-panel-flex--column section-content-wrapper mobile-column"
style=" --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;--gap: 12px;--horizontal-alignment: flex-start; --vertical-alignment: center;--vertical-alignment-mobile: center; --padding-block-start: 0px;--padding-block-end: 0px; "
data-testid="section-content"
>
<style data-shopify>
.ai-difference-section-autzjwtjjk2xyvss2saigenblockf061e69gijweh {
width: 100%;
max-width: 100%;
padding: 60px 20px;
background-color: #ffffff;
display: block;
}
.ai-difference-header-autzjwtjjk2xyvss2saigenblockf061e69gijweh {
text-align: center;
margin-bottom: 40px;
}
.ai-difference-title-autzjwtjjk2xyvss2saigenblockf061e69gijweh {
font-size: 40px;
color: #000000;
margin: 0 0 12px 0;
line-height: 1.2;
}
.ai-difference-subtitle-autzjwtjjk2xyvss2saigenblockf061e69gijweh {
font-size: 18px;
color: #666666;
margin: 0;
line-height: 1.5;
}
.ai-difference-categories-autzjwtjjk2xyvss2saigenblockf061e69gijweh {
display: flex;
gap: 32px;
justify-content: center;
flex-wrap: wrap;
margin-bottom: 40px;
}
.ai-difference-category-autzjwtjjk2xyvss2saigenblockf061e69gijweh {
flex: 1;
min-width: 180px;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
}
.ai-difference-category-icon-autzjwtjjk2xyvss2saigenblockf061e69gijweh {
width: 32px;
height: 32px;
margin-bottom: 16px;
display: flex;
align-items: center;
justify-content: center;
}
.ai-difference-category-icon-autzjwtjjk2xyvss2saigenblockf061e69gijweh svg {
width: 100%;
height: 100%;
stroke: #000000;
fill: none;
}
.ai-difference-category-before-autzjwtjjk2xyvss2saigenblockf061e69gijweh {
font-size: 14px;
color: #666666;
margin-bottom: 8px;
line-height: 1.4;
}
.ai-difference-category-after-autzjwtjjk2xyvss2saigenblockf061e69gijweh {
font-size: 14px;
color: #000000;
font-weight: 600;
line-height: 1.4;
}
.ai-difference-footer-autzjwtjjk2xyvss2saigenblockf061e69gijweh {
text-align: center;
margin-top: 40px;
}
.ai-difference-footer-text-autzjwtjjk2xyvss2saigenblockf061e69gijweh {
font-size: 14px;
color: #666666;
margin: 0 0 8px 0;
line-height: 1.5;
}
.ai-difference-footer-highlight-autzjwtjjk2xyvss2saigenblockf061e69gijweh {
font-size: 14px;
color: #000000;
font-weight: 600;
margin: 0;
line-height: 1.5;
}
@media screen and (max-width: 749px) {
.ai-difference-categories-autzjwtjjk2xyvss2saigenblockf061e69gijweh {
flex-direction: column;
}
.ai-difference-category-autzjwtjjk2xyvss2saigenblockf061e69gijweh {
min-width: 100%;
}
.ai-difference-title-autzjwtjjk2xyvss2saigenblockf061e69gijweh {
font-size: calc(40px * 0.7);
}
.ai-difference-subtitle-autzjwtjjk2xyvss2saigenblockf061e69gijweh {
font-size: calc(18px * 0.9);
}
.ai-difference-category-before-autzjwtjjk2xyvss2saigenblockf061e69gijweh,
.ai-difference-category-after-autzjwtjjk2xyvss2saigenblockf061e69gijweh {
font-size: calc(14px * 0.9);
}
.ai-difference-footer-text-autzjwtjjk2xyvss2saigenblockf061e69gijweh,
.ai-difference-footer-highlight-autzjwtjjk2xyvss2saigenblockf061e69gijweh {
font-size: calc(14px * 0.9);
}
.ai-difference-category-icon-autzjwtjjk2xyvss2saigenblockf061e69gijweh {
width: calc(32px * 0.8);
height: calc(32px * 0.8);
}
}
</style>
<div class="ai-difference-section-autzjwtjjk2xyvss2saigenblockf061e69gijweh" >
<div class="ai-difference-header-autzjwtjjk2xyvss2saigenblockf061e69gijweh">
<h2 class="ai-difference-title-autzjwtjjk2xyvss2saigenblockf061e69gijweh">The Body Hub® Difference</h2>
</div>
<div class="ai-difference-categories-autzjwtjjk2xyvss2saigenblockf061e69gijweh">
<div class="ai-difference-category-autzjwtjjk2xyvss2saigenblockf061e69gijweh">
<div class="ai-difference-category-icon-autzjwtjjk2xyvss2saigenblockf061e69gijweh">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<polyline points="20 6 9 17 4 12"></polyline>
</svg>
</div>
<div class="ai-difference-category-before-autzjwtjjk2xyvss2saigenblockf061e69gijweh">We don't sell products</div>
<div class="ai-difference-category-after-autzjwtjjk2xyvss2saigenblockf061e69gijweh">We curate solutions</div>
</div>
<div class="ai-difference-category-autzjwtjjk2xyvss2saigenblockf061e69gijweh">
<div class="ai-difference-category-icon-autzjwtjjk2xyvss2saigenblockf061e69gijweh">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<polyline points="20 6 9 17 4 12"></polyline>
</svg>
</div>
<div class="ai-difference-category-before-autzjwtjjk2xyvss2saigenblockf061e69gijweh">We don't teach workouts</div>
<div class="ai-difference-category-after-autzjwtjjk2xyvss2saigenblockf061e69gijweh">We teach understanding</div>
</div>
<div class="ai-difference-category-autzjwtjjk2xyvss2saigenblockf061e69gijweh">
<div class="ai-difference-category-icon-autzjwtjjk2xyvss2saigenblockf061e69gijweh">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<polyline points="20 6 9 17 4 12"></polyline>
</svg>
</div>
<div class="ai-difference-category-before-autzjwtjjk2xyvss2saigenblockf061e69gijweh">We don't follow trends</div>
<div class="ai-difference-category-after-autzjwtjjk2xyvss2saigenblockf061e69gijweh">We apply what works</div>
</div>
<div class="ai-difference-category-autzjwtjjk2xyvss2saigenblockf061e69gijweh">
<div class="ai-difference-category-icon-autzjwtjjk2xyvss2saigenblockf061e69gijweh">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<polyline points="20 6 9 17 4 12"></polyline>
</svg>
</div>
<div class="ai-difference-category-before-autzjwtjjk2xyvss2saigenblockf061e69gijweh">We don't overwhelm</div>
<div class="ai-difference-category-after-autzjwtjjk2xyvss2saigenblockf061e69gijweh">We simplify</div>
</div>
<div class="ai-difference-category-autzjwtjjk2xyvss2saigenblockf061e69gijweh">
<div class="ai-difference-category-icon-autzjwtjjk2xyvss2saigenblockf061e69gijweh">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<polyline points="20 6 9 17 4 12"></polyline>
</svg>
</div>
<div class="ai-difference-category-before-autzjwtjjk2xyvss2saigenblockf061e69gijweh">We don't ask the body to do more</div>
<div class="ai-difference-category-after-autzjwtjjk2xyvss2saigenblockf061e69gijweh">We support it to do better</div>
</div>
</div>
<div class="ai-difference-footer-autzjwtjjk2xyvss2saigenblockf061e69gijweh">
<p class="ai-difference-footer-text-autzjwtjjk2xyvss2saigenblockf061e69gijweh">Most wellness spaces ask you to perform.</p>
<p class="ai-difference-footer-highlight-autzjwtjjk2xyvss2saigenblockf061e69gijweh">Here, we build a relationship with your body.</p>
</div>
</div>
</div>
</div>
</div>
</div><div id="shopify-section-template--20432030040200__17711606746a48ae09" class="shopify-section section-wrapper">
<div class="section-background color-scheme-3"></div>
<div
class="section section--page-width color-scheme-3"
data-testid="ui-test-section"
style=" "
>
<div class="custom-section-background">
</div>
<div
class="border-style custom-section-content"
style="--border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; "
>
<div
class="spacing-style layout-panel-flex layout-panel-flex--column section-content-wrapper mobile-column"
style=" --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;--gap: 12px;--horizontal-alignment: flex-start; --vertical-alignment: center;--vertical-alignment-mobile: center; --padding-block-start: 0px;--padding-block-end: 0px; "
data-testid="section-content"
>
<style data-shopify>
.ai-wellness-features-aeugyl2i1d2xxrzhktaigenblock2fe32469qkiqn {
display: block;
width: 100%;
max-width: 100%;
padding: 40px 20px 40px;
background-color: #f1f0ec;
}
.ai-wellness-features__container-aeugyl2i1d2xxrzhktaigenblock2fe32469qkiqn {
max-width: 1200px;
margin: 0 auto;
}
.ai-wellness-features__heading-aeugyl2i1d2xxrzhktaigenblock2fe32469qkiqn {
text-align: center;
margin: 0 0 40px;
color: #000000;
font-size: 32px;
line-height: 1.2;
}
.ai-wellness-features__grid-aeugyl2i1d2xxrzhktaigenblock2fe32469qkiqn {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
margin: 0;
padding: 0;
list-style: none;
}
.ai-wellness-features__item-aeugyl2i1d2xxrzhktaigenblock2fe32469qkiqn {
display: flex;
align-items: flex-start;
gap: 12px;
padding: 16px;
background-color: #ffffff;
border-radius: 8px;
}
.ai-wellness-features__icon-aeugyl2i1d2xxrzhktaigenblock2fe32469qkiqn {
flex-shrink: 0;
width: 26px;
height: 26px;
display: flex;
align-items: center;
justify-content: center;
}
.ai-wellness-features__icon-aeugyl2i1d2xxrzhktaigenblock2fe32469qkiqn svg {
width: 100%;
height: 100%;
stroke: #ba806a;
fill: none;
stroke-width: 2;
stroke-linecap: round;
stroke-linejoin: round;
}
.ai-wellness-features__text-aeugyl2i1d2xxrzhktaigenblock2fe32469qkiqn {
flex: 1;
color: #090a11;
font-size: 16px;
line-height: 1.5;
margin: 0;
}
@media screen and (max-width: 749px) {
.ai-wellness-features__grid-aeugyl2i1d2xxrzhktaigenblock2fe32469qkiqn {
grid-template-columns: repeat(1, 1fr);
}
.ai-wellness-features__heading-aeugyl2i1d2xxrzhktaigenblock2fe32469qkiqn {
font-size: calc(32px * 0.7);
}
.ai-wellness-features__text-aeugyl2i1d2xxrzhktaigenblock2fe32469qkiqn {
font-size: calc(16px * 0.9);
}
}
</style>
<div class="ai-wellness-features-aeugyl2i1d2xxrzhktaigenblock2fe32469qkiqn" >
<div class="ai-wellness-features__container-aeugyl2i1d2xxrzhktaigenblock2fe32469qkiqn">
<h2 class="ai-wellness-features__heading-aeugyl2i1d2xxrzhktaigenblock2fe32469qkiqn">Why choose The Body Hub® Wellness Souq</h2>
<ul class="ai-wellness-features__grid-aeugyl2i1d2xxrzhktaigenblock2fe32469qkiqn">
<li class="ai-wellness-features__item-aeugyl2i1d2xxrzhktaigenblock2fe32469qkiqn">
<div class="ai-wellness-features__icon-aeugyl2i1d2xxrzhktaigenblock2fe32469qkiqn">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24">
<polyline points="20 6 9 17 4 12"></polyline>
</svg>
</div>
<p class="ai-wellness-features__text-aeugyl2i1d2xxrzhktaigenblock2fe32469qkiqn">Curated & tested by fascia and movement experts</p>
</li>
<li class="ai-wellness-features__item-aeugyl2i1d2xxrzhktaigenblock2fe32469qkiqn">
<div class="ai-wellness-features__icon-aeugyl2i1d2xxrzhktaigenblock2fe32469qkiqn">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24">
<polyline points="20 6 9 17 4 12"></polyline>
</svg>
</div>
<p class="ai-wellness-features__text-aeugyl2i1d2xxrzhktaigenblock2fe32469qkiqn">Focused on body expansion, decompression & mobility</p>
</li>
<li class="ai-wellness-features__item-aeugyl2i1d2xxrzhktaigenblock2fe32469qkiqn">
<div class="ai-wellness-features__icon-aeugyl2i1d2xxrzhktaigenblock2fe32469qkiqn">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24">
<polyline points="20 6 9 17 4 12"></polyline>
</svg>
</div>
<p class="ai-wellness-features__text-aeugyl2i1d2xxrzhktaigenblock2fe32469qkiqn">Backed by 20+ years of fascia and movement science</p>
</li>
<li class="ai-wellness-features__item-aeugyl2i1d2xxrzhktaigenblock2fe32469qkiqn">
<div class="ai-wellness-features__icon-aeugyl2i1d2xxrzhktaigenblock2fe32469qkiqn">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24">
<polyline points="20 6 9 17 4 12"></polyline>
</svg>
</div>
<p class="ai-wellness-features__text-aeugyl2i1d2xxrzhktaigenblock2fe32469qkiqn">Supporting your rhythm, not your rush</p>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div><div id="shopify-section-template--20432030040200__1771161426b66a3337" class="shopify-section section-wrapper">
<div class="section-background color-scheme-1"></div>
<div
class="section section--page-width color-scheme-1"
data-testid="ui-test-section"
style=" "
>
<div class="custom-section-background">
</div>
<div
class="border-style custom-section-content"
style="--border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; "
>
<div
class="spacing-style layout-panel-flex layout-panel-flex--column section-content-wrapper mobile-column"
style=" --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;--gap: 12px;--horizontal-alignment: flex-start; --vertical-alignment: center;--vertical-alignment-mobile: center; --padding-block-start: 0px;--padding-block-end: 0px; "
data-testid="section-content"
>
<style data-shopify>
.ai-four-buttons-amhvknxvkdnhjqvrqnaigenblock28a304bbdzh4k {
display: block;
width: 100%;
max-width: 100%;
padding: 40px 0;
}
.ai-four-buttons-container-amhvknxvkdnhjqvrqnaigenblock28a304bbdzh4k {
display: flex;
flex-direction: column;
gap: 32px;
align-items: center;
}
.ai-four-buttons-title-amhvknxvkdnhjqvrqnaigenblock28a304bbdzh4k {
font-family: "Frank Ruhl Libre", serif;
font-weight: 500;
font-size: 32px;
color: #000000;
text-align: center;
margin: 0;
}
.ai-four-buttons-wrapper-amhvknxvkdnhjqvrqnaigenblock28a304bbdzh4k {
display: flex;
flex-wrap: wrap;
gap: 16px;
justify-content: center;
width: 100%;
}
.ai-four-buttons-button-amhvknxvkdnhjqvrqnaigenblock28a304bbdzh4k {
font-family: "Mona Sans", sans-serif;
font-weight: 400;
font-size: 14px;
padding: 14px 28px;
background-color: #ba806a;
color: #ffffff;
border: 0px solid #000000;
border-radius: 14px;
text-decoration: none;
cursor: pointer;
transition: all 0.3s ease;
display: inline-block;
text-align: center;
}
.ai-four-buttons-button-amhvknxvkdnhjqvrqnaigenblock28a304bbdzh4k:hover {
background-color: #e6e6e6;
color: #000000;
border-color: #e6e6e6;
}
@media screen and (max-width: 749px) {
.ai-four-buttons-wrapper-amhvknxvkdnhjqvrqnaigenblock28a304bbdzh4k {
flex-direction: column;
align-items: stretch;
}
.ai-four-buttons-button-amhvknxvkdnhjqvrqnaigenblock28a304bbdzh4k {
width: 100%;
}
.ai-four-buttons-title-amhvknxvkdnhjqvrqnaigenblock28a304bbdzh4k {
font-size: 25.6px;
}
}
</style>
<div class="ai-four-buttons-amhvknxvkdnhjqvrqnaigenblock28a304bbdzh4k" >
<div class="ai-four-buttons-container-amhvknxvkdnhjqvrqnaigenblock28a304bbdzh4k">
<h2 class="ai-four-buttons-title-amhvknxvkdnhjqvrqnaigenblock28a304bbdzh4k">Start With What Feels Right</h2>
<div class="ai-four-buttons-wrapper-amhvknxvkdnhjqvrqnaigenblock28a304bbdzh4k">
<a
href="/collections/all-products"
class="ai-four-buttons-button-amhvknxvkdnhjqvrqnaigenblock28a304bbdzh4k"
>
Shop Curated Tools
</a>
<a
href="https://momence.com/u/the-body-hub-3Ad3UL"
class="ai-four-buttons-button-amhvknxvkdnhjqvrqnaigenblock28a304bbdzh4k"
>
Explore Programs
</a>
<a
href="https://momence.com/video/plugin/19094"
class="ai-four-buttons-button-amhvknxvkdnhjqvrqnaigenblock28a304bbdzh4k"
>
On-Demand Movement
</a>
<a
href="https://momence.com/u/the-body-hub-3Ad3UL"
class="ai-four-buttons-button-amhvknxvkdnhjqvrqnaigenblock28a304bbdzh4k"
>
Book a Call
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</main>
<!-- BEGIN sections: footer-group -->
<footer id="shopify-section-sections--20432025682056__footer_m9NzUG" class="shopify-section shopify-section-group-footer-group section-wrapper">
<div class="section-background color-scheme-2"></div>
<div
class="section section--page-width color-scheme-2"
>
<div
class="footer-content spacing-style"
style=" --padding-block-start: max(20px, calc(var(--spacing-scale) * 30px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 30px)); --footer-gap: 20px; --grid-columns: 3; --last-row-count: 3; --tablet-last-row-count: 1; "
>
<accordion-custom
class="menu"
data-disable-on-desktop="true"
open-by-default-on-desktop
data-disable-on-mobile="true"
open-by-default-on-mobile
>
<details
class="menu__details spacing-style"
data-testid="menu-details"
style=" --spacing--size: 12px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; "
open
>
<summary class="menu__heading menu__heading--empty h3">
<span class="menu__heading__default"></span>
<span class="menu__heading__accordion">
Footer menu
<span class="menu__heading__toggle svg-wrapper icon-caret icon-animated"><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="menu__heading__toggle svg-wrapper icon-plus"><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
<path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
</svg>
</span>
</span>
</summary>
<div class="details-content">
<ul class="list-unstyled">
<li class="menu__item paragraph">
<a href="/">
Home
</a>
</li>
<li class="menu__item paragraph">
<a href="/collections/all">
Shop
</a>
</li>
<li class="menu__item paragraph">
<a href="https://momence.com/u/the-body-hub-3Ad3UL">
On-Demand
</a>
</li>
<li class="menu__item paragraph">
<a href="/pages/contact">
Contact
</a>
</li>
<li class="menu__item paragraph">
<a href="/policies/terms-of-service">
Terms and Conditions
</a>
</li>
<li class="menu__item paragraph">
<a href="/policies/privacy-policy">
Privacy Policies
</a>
</li>
</ul>
</div>
</details>
</accordion-custom>
<div
class="group-block group-block--height-fit group-block--width-fill border-style spacing-style size-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; "
data-testid="group-block"
><div class="group-block__media-wrapper">
</div>
<div
class="group-block-content layout-panel-flex layout-panel-flex--column mobile-column"
style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;--gap: 6px;--horizontal-alignment: flex-start; --vertical-alignment: center;--vertical-alignment-mobile: center;"
>
<div class="spacing-style text-block text-block--AelkwVVVxWVd4YklWc__text_LWt8Pz h4 text-block--align-left" style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: 100%; --max-width: var(--max-width--body-normal); --text-align: left; ">
<h2>Join our community</h2>
</div>
</div>
</div>
<div
class="email-signup-block size-style spacing-style"
style="--size-style-width: 100%;--size-style-height: ;--padding-block-start: max(20px, calc(var(--spacing-scale) * 50px));--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;"
>
<form method="post" action="/contact#contact_form" id="contact_form" accept-charset="UTF-8" class="email-signup__form spacing-style"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" />
<input
name="contact[id]"
type="hidden"
value="EmailSignup-AM01pL0cvSlVHRHlMZ__email_signup_crihX7"
>
<div
class="email-signup__input-group email-signup__input-group--underline color-scheme-2"
style="--border-width: 1px; --border-radius: 100px;"
>
<label
for="EmailInput-AM01pL0cvSlVHRHlMZ__email_signup_crihX7"
class="visually-hidden"
>
Email
</label>
<input
id="EmailInput-AM01pL0cvSlVHRHlMZ__email_signup_crihX7"
class="email-signup__input email-signup__input--underline paragraph"
type="email"
name="contact[email]"
autocorrect="off"
autocapitalize="off"
autocomplete="email"
placeholder="Email address"
required
>
<button
class="email-signup__button email-signup__button--integrated email-signup__button--text paragraph button-unstyled button-unstyled--AM01pL0cvSlVHRHlMZ__email_signup_crihX7 color-scheme-2"
>
Sign up
</button>
</div></form>
</div>
</div>
</div>
</footer><div id="shopify-section-sections--20432025682056__footer_utilities_jLGE8U" class="shopify-section shopify-section-group-footer-group footer-utilities">
<div class="section-background color-scheme-2"></div>
<div
class="section section--page-width color-scheme-2"
>
<div
class="utilities utilities--blocks-2 spacing-style"
style="--padding-block-start: 20px;--padding-block-end: max(20px, calc(var(--spacing-scale) * 48px)); --border-width: 0px; --gap: 24px;"
data-testid="footer-utilities"
>
<div
class="footer-utilities__group-copyright custom-typography custom-font-size"
style="--color: ;--font-size: 0.75rem; --font-weight: ;--font-family: ; --text-transform: none; --text-wrap: pretty; --line-height: var(--line-height--body-); --letter-spacing: var(--letter-spacing--body-);"
>
<span class="footer-utilities__text">
© 2026
<a href="/" title="">The Body Hub® FZE</a>, <a target="_blank" rel="nofollow" href="https://www.shopify.com?utm_campaign=poweredby&utm_medium=shopify&utm_source=onlinestore">Powered by Shopify</a>
</span>
</div>
<div
class="social-icons__wrapper"
>
</div>
</div>
</div>
</div>
<!-- END sections: footer-group -->
<script
src="//www.body-hub.com/cdn/shop/t/9/assets/dialog.js?v=150888536568694194021781263057"
type="module"
></script>
<script
src="//www.body-hub.com/cdn/shop/t/9/assets/predictive-search.js?v=149240552485540508541781263057"
type="module"
fetchpriority="low"
></script>
<dialog-component
id="search-modal"
class="search-modal"
>
<dialog
ref="dialog"
on:click="/closeDialogOnClickOutside"
on:keydown="/closeDialogOnEscapePress"
class="search-modal__content dialog-modal"
scroll-lock
aria-labelledby="search-modal-heading"
>
<h2
id="search-modal-heading"
class="visually-hidden"
>
Search
</h2>
<predictive-search-component
class="predictive-search color-scheme-1"
style="--product-corner-radius: 0px; --card-corner-radius: 4px;"
data-section-id="predictive-search"
data-testid="search-component--modal"
role="search"
aria-label="Search"
>
<form
action="/search"
method="get"
role="search"
class="predictive-search-form"
ref="form"
on:keydown="/onSearchKeyDown"
>
<div
class="predictive-search-form__header"
>
<div class="predictive-search-form__header-inner">
<label
for="cmdk-input"
class="visually-hidden"
>Search</label>
<input
class="search-input"
id="cmdk-input"
type="search"
name="q"
role="combobox"
aria-expanded="false"
aria-owns="predictive-search-results"
aria-controls="predictive-search-results"
aria-haspopup="listbox"
aria-autocomplete="list"
autocomplete="off"
placeholder="Search"
ref="searchInput"
on:input="/search"
on:keydown="/onSearchKeyDown"
>
<input
name="options[prefix]"
type="hidden"
value="last"
>
<span class="svg-wrapper predictive-search__icon">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg>
</span>
<button
type="button"
class="button-unstyled predictive-search__reset-button"
ref="resetButton"
hidden
on:click="/resetSearch"
>
Clear
</button>
</div>
<button
type="button"
class="button predictive-search__close-modal-button"
aria-label="Close dialog"
on:click="dialog-component/closeDialog"
ref="closeModalButton"
>
<span class="svg-wrapper">
<svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</button>
</div>
<div class="predictive-search-form__content-wrapper">
<div
class="predictive-search-form__content"
tabindex="-1"
ref="predictiveSearchResults"
on:click="/handleModalClick"
>
<div
id="predictive-search-results"
class="predictive-search-dropdown"
role="listbox"
aria-expanded="true"
style="--color-shadow: rgb(var(--color-foreground-rgb) / 0.1);"
>
<div class="predictive-search-results__inner">
<div
id="predictive-search-products"
class="predictive-search-results__products"
data-testid="products-list-default--modal"
>
<h4 class="predictive-search-results__title">
Products
</h4>
<ul
class="predictive-search-results__list predictive-search-results__wrapper-products list-unstyled"
role="listbox"
aria-label="Products"
>
<li
class="predictive-search-results__card predictive-search-results__card--product"
ref="resultsItems[]"
>
<div
class="resource-card"
href="/products/cellulite-releazer%C2%AE"
data-resource-type="product"
>
<a
class="resource-card__link"
href="/products/cellulite-releazer%C2%AE"
>
<span class="visually-hidden">
Cellulite and Lymph Massager
</span>
</a>
<div
class="resource-card__media"
style="--resource-card-aspect-ratio: 4 / 5;"
>
<img src="//www.body-hub.com/cdn/shop/files/2.png?v=1766572423&width=500" alt="" srcset="//www.body-hub.com/cdn/shop/files/2.png?v=1766572423&width=240 240w, //www.body-hub.com/cdn/shop/files/2.png?v=1766572423&width=352 352w" width="500" height="419" loading="lazy" class="resource-card__image" sizes="auto" transitiontoproduct="false" style="object-position: 50.0% 50.0%;">
<img src="//www.body-hub.com/cdn/shop/files/4.png?v=1766572423&width=500" alt="Cellulite and Lymph Massager" srcset="//www.body-hub.com/cdn/shop/files/4.png?v=1766572423&width=240 240w, //www.body-hub.com/cdn/shop/files/4.png?v=1766572423&width=352 352w" width="500" height="419" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" transitiontoproduct="false" data-media-id="35668351123592" style="object-position: 50.0% 50.0%;">
</div>
<div class="resource-card__content">
<p class="resource-card__title paragraph">Cellulite and Lymph Massager</p>
<div ref="priceContainer">
<span class="price">Dhs. 850.00</span>
</div>
</div>
</div>
</li>
<li
class="predictive-search-results__card predictive-search-results__card--product"
ref="resultsItems[]"
>
<div
class="resource-card"
href="/products/the-body-hub%C2%AE-natural-latex-band-and-resistance-loop-bundle"
data-resource-type="product"
>
<a
class="resource-card__link"
href="/products/the-body-hub%C2%AE-natural-latex-band-and-resistance-loop-bundle"
>
<span class="visually-hidden">
Combo Resistance Band and Loop
</span>
</a>
<div
class="resource-card__media"
style="--resource-card-aspect-ratio: 4 / 5;"
>
<img src="//www.body-hub.com/cdn/shop/files/Untitled_design_1.png?v=1766843373&width=500" alt="" srcset="//www.body-hub.com/cdn/shop/files/Untitled_design_1.png?v=1766843373&width=240 240w, //www.body-hub.com/cdn/shop/files/Untitled_design_1.png?v=1766843373&width=352 352w" width="500" height="419" loading="lazy" class="resource-card__image" sizes="auto" transitiontoproduct="false" style="object-position: 50.0% 50.0%;">
<img src="//www.body-hub.com/cdn/shop/files/15.png?v=1766573378&width=500" alt="Combo Resistance Band and Loop" srcset="//www.body-hub.com/cdn/shop/files/15.png?v=1766573378&width=240 240w, //www.body-hub.com/cdn/shop/files/15.png?v=1766573378&width=352 352w" width="500" height="419" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" transitiontoproduct="false" data-media-id="35668356006024" style="object-position: 50.0% 50.0%;">
</div>
<div class="resource-card__content">
<p class="resource-card__title paragraph">Combo Resistance Band and Loop</p>
<div ref="priceContainer">
<span class="price">Dhs. 140.00</span>
</div>
</div>
</div>
</li>
<li
class="predictive-search-results__card predictive-search-results__card--product"
ref="resultsItems[]"
>
<div
class="resource-card"
href="/products/the-body-hub%C2%AE-drawstring-tote-bag"
data-resource-type="product"
>
<a
class="resource-card__link"
href="/products/the-body-hub%C2%AE-drawstring-tote-bag"
>
<span class="visually-hidden">
Drawstring Bag
</span>
</a>
<div
class="resource-card__media"
style="--resource-card-aspect-ratio: 4 / 5;"
>
<img src="//www.body-hub.com/cdn/shop/files/42.png?v=1766572329&width=500" alt="" srcset="//www.body-hub.com/cdn/shop/files/42.png?v=1766572329&width=240 240w, //www.body-hub.com/cdn/shop/files/42.png?v=1766572329&width=352 352w" width="500" height="419" loading="lazy" class="resource-card__image" sizes="auto" transitiontoproduct="false" style="object-position: 50.0% 50.0%;">
<img src="//www.body-hub.com/cdn/shop/files/43.png?v=1766572329&width=500" alt="Drawstring Bag" srcset="//www.body-hub.com/cdn/shop/files/43.png?v=1766572329&width=240 240w, //www.body-hub.com/cdn/shop/files/43.png?v=1766572329&width=352 352w" width="500" height="419" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" transitiontoproduct="false" data-media-id="35668350533768" style="object-position: 50.0% 50.0%;">
</div>
<div class="resource-card__content">
<p class="resource-card__title paragraph">Drawstring Bag</p>
<div ref="priceContainer">
<span class="price">Dhs. 40.00</span>
</div>
</div>
</div>
</li>
<li
class="predictive-search-results__card predictive-search-results__card--product"
ref="resultsItems[]"
>
<div
class="resource-card"
href="/products/yamuna%C2%AE-face-ball-set"
data-resource-type="product"
>
<a
class="resource-card__link"
href="/products/yamuna%C2%AE-face-ball-set"
>
<span class="visually-hidden">
Face Ball Set
</span>
</a>
<div
class="resource-card__media"
style="--resource-card-aspect-ratio: 4 / 5;"
>
<img src="//www.body-hub.com/cdn/shop/files/26.png?v=1766573789&width=500" alt="" srcset="//www.body-hub.com/cdn/shop/files/26.png?v=1766573789&width=240 240w, //www.body-hub.com/cdn/shop/files/26.png?v=1766573789&width=352 352w" width="500" height="419" loading="lazy" class="resource-card__image" sizes="auto" transitiontoproduct="false" style="object-position: 50.0% 50.0%;">
<img src="//www.body-hub.com/cdn/shop/files/25.png?v=1766573789&width=500" alt="Face Ball Set" srcset="//www.body-hub.com/cdn/shop/files/25.png?v=1766573789&width=240 240w, //www.body-hub.com/cdn/shop/files/25.png?v=1766573789&width=352 352w" width="500" height="419" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" transitiontoproduct="false" data-media-id="35668360134792" style="object-position: 50.0% 50.0%;">
</div>
<div class="resource-card__content">
<p class="resource-card__title paragraph">Face Ball Set</p>
<div ref="priceContainer">
<span class="price">Dhs. 400.00</span>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="predictive-search-form__footer">
<button
class="button predictive-search__search-button"
ref="viewAllButton"
>
View all
</button>
</div>
</div>
</form>
</predictive-search-component>
</dialog>
</dialog-component>
<quick-add-dialog id="quick-add-dialog">
<dialog
class="quick-add-modal dialog-modal color-scheme-1"
ref="dialog"
scroll-lock
>
<button
ref="closeButton"
on:click="/closeDialog"
class="button button-unstyled close-button quick-add-modal__close"
aria-label="Close dialog"
><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
<div
id="quick-add-modal-content"
class="quick-add-modal__content"
></div>
</dialog>
</quick-add-dialog>
<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
</body>
</html>
