{"id":24,"date":"2026-09-02T16:55:50","date_gmt":"2026-09-02T16:55:50","guid":{"rendered":"https:\/\/wheytofitness.com\/?page_id=24"},"modified":"2026-09-09T11:15:21","modified_gmt":"2026-09-09T11:15:21","slug":"home","status":"publish","type":"page","link":"https:\/\/wheytofitness.com\/","title":{"rendered":"HOME"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"24\" class=\"elementor elementor-24\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3c2c440 e-con-full e-flex e-con e-parent\" data-id=\"3c2c440\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8036cb2 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"8036cb2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* =========================================================\n   WHEY TO FITNESS \u2014 HERO\n   4 SLIDES \/ 5 SECOND ROTATION\n   RESPONSIVE + COMPACT GYMSHARK-STYLE HEIGHT\n========================================================= *\/\n\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@500;600;700;800&family=Roboto:wght@400;500;600&display=swap');\n\n\n\/* =========================================================\n   ELEMENTOR RESET\n========================================================= *\/\n\n.elementor-widget-html:has(.wtf-hero),\n.elementor-widget-html:has(.wtf-hero) > .elementor-widget-container {\n    width: 100% !important;\n    max-width: none !important;\n    margin: 0 !important;\n    padding: 0 !important;\n}\n\n\n\/* =========================================================\n   HERO\n========================================================= *\/\n\n.wtf-hero {\n    position: relative;\n\n    width: 100vw !important;\n    max-width: 100vw !important;\n\n    margin-left: calc(50% - 50vw) !important;\n    margin-right: calc(50% - 50vw) !important;\n\n    margin-top: 0 !important;\n    margin-bottom: 0 !important;\n\n    padding: 0 !important;\n\n    height: 580px !important;\n    min-height: 580px !important;\n\n    overflow: hidden;\n\n    background: #000;\n\n    font-family: 'Roboto', Arial, sans-serif;\n\n    box-sizing: border-box;\n}\n\n\n.wtf-hero *,\n.wtf-hero *::before,\n.wtf-hero *::after {\n    box-sizing: border-box;\n}\n\n\n\/* =========================================================\n   SLIDES\n========================================================= *\/\n\n.wtf-slide {\n    position: absolute;\n\n    inset: 0;\n\n    width: 100%;\n    height: 100%;\n\n    opacity: 0;\n    visibility: hidden;\n\n    background-repeat: no-repeat;\n\n    background-size: cover;\n    background-position: center center;\n\n    background-color: #000;\n\n    transition:\n        opacity .7s ease,\n        visibility .7s ease;\n}\n\n\n.wtf-slide.active {\n    opacity: 1;\n    visibility: visible;\n}\n\n\n\/* =========================================================\n   DESKTOP IMAGE POSITIONS\n========================================================= *\/\n\n.wtf-slide-1 {\n    background-position: center center;\n}\n\n.wtf-slide-2 {\n    background-position: center center;\n}\n\n.wtf-slide-3 {\n    background-position: center center;\n}\n\n.wtf-slide-4 {\n    background-position: center center;\n}\n\n\n\/* =========================================================\n   DARK GRADIENT\n========================================================= *\/\n\n.wtf-slide::after {\n    content: \"\";\n\n    position: absolute;\n    inset: 0;\n\n    background:\n        linear-gradient(\n            90deg,\n            rgba(0,0,0,.82) 0%,\n            rgba(0,0,0,.60) 25%,\n            rgba(0,0,0,.20) 55%,\n            rgba(0,0,0,.03) 100%\n        );\n\n    pointer-events: none;\n}\n\n\n\/* =========================================================\n   CONTENT\n========================================================= *\/\n\n.wtf-content {\n    position: absolute;\n\n    z-index: 5;\n\n    left: 5%;\n\n    top: 50%;\n\n    transform: translateY(-50%);\n\n    width: min(500px, 42%);\n\n    color: #fff;\n}\n\n\n\/* =========================================================\n   KICKER\n========================================================= *\/\n\n.wtf-kicker {\n    display: flex;\n    align-items: center;\n\n    gap: 20px;\n\n    margin-bottom: 24px;\n\n    color: #fff;\n\n    font-size: 16px;\n    line-height: 1.2;\n\n    font-weight: 500;\n\n    letter-spacing: 1.5px;\n\n    text-transform: uppercase;\n}\n\n\n.wtf-kicker::before {\n    content: \"\";\n\n    width: 45px;\n    height: 2px;\n\n    flex: 0 0 45px;\n\n    background: #fff;\n}\n\n\n\/* =========================================================\n   TITLE\n========================================================= *\/\n\n.wtf-title {\n    margin: 0 0 20px 0 !important;\n    padding: 0 !important;\n\n    color: #fff !important;\n\n    font-family: 'Montserrat', Arial, sans-serif;\n\n    font-size: clamp(46px, 4.8vw, 72px);\n\n    line-height: .98;\n\n    font-weight: 800;\n\n    letter-spacing: -2px;\n\n    text-transform: uppercase;\n}\n\n\n\/* =========================================================\n   DESCRIPTION\n========================================================= *\/\n\n.wtf-description {\n    margin: 0 0 30px 0 !important;\n    padding: 0 !important;\n\n    color: #fff !important;\n\n    font-size: 18px;\n\n    line-height: 1.5;\n\n    font-weight: 400;\n}\n\n\n\/* =========================================================\n   BUTTONS\n========================================================= *\/\n\n.wtf-buttons {\n    display: flex;\n\n    align-items: center;\n\n    gap: 16px;\n\n    flex-wrap: wrap;\n}\n\n\n.wtf-btn {\n    display: inline-flex;\n\n    align-items: center;\n    justify-content: center;\n\n    min-width: 195px;\n\n    height: 56px;\n\n    padding: 0 26px;\n\n    border: 1px solid #fff;\n\n    text-decoration: none !important;\n\n    font-family: 'Montserrat', Arial, sans-serif;\n\n    font-size: 14px;\n\n    font-weight: 700;\n\n    letter-spacing: .3px;\n\n    text-transform: uppercase;\n\n    transition:\n        background .25s ease,\n        color .25s ease,\n        border-color .25s ease;\n}\n\n\n.wtf-btn-primary {\n    background: #fff;\n\n    color: #111 !important;\n}\n\n\n.wtf-btn-primary:hover {\n    background: #e8e8e8;\n\n    color: #111 !important;\n}\n\n\n.wtf-btn-secondary {\n    background: transparent;\n\n    color: #fff !important;\n}\n\n\n.wtf-btn-secondary:hover {\n    background: #fff;\n\n    color: #111 !important;\n}\n\n\n.wtf-arrow {\n    margin-left: 16px;\n\n    font-size: 21px;\n\n    line-height: 1;\n}\n\n\n\/* =========================================================\n   DOTS\n========================================================= *\/\n\n.wtf-dots {\n    position: absolute;\n\n    z-index: 20;\n\n    left: 5%;\n\n    bottom: 24px;\n\n    display: flex;\n\n    align-items: center;\n\n    gap: 10px;\n}\n\n\n.wtf-dot {\n    width: 40px;\n\n    height: 3px;\n\n    padding: 0;\n\n    border: 0;\n\n    background: rgba(255,255,255,.45);\n\n    cursor: pointer;\n\n    transition:\n        width .3s ease,\n        background .3s ease;\n}\n\n\n.wtf-dot.active {\n    width: 52px;\n\n    background: #fff;\n}\n\n\n\/* =========================================================\n   PAUSE BUTTON\n========================================================= *\/\n\n.wtf-pause {\n    position: absolute;\n\n    z-index: 20;\n\n    right: 24px;\n\n    bottom: 22px;\n\n    width: 50px;\n\n    height: 40px;\n\n    border: 1px solid rgba(255,255,255,.7);\n\n    background: rgba(0,0,0,.25);\n\n    color: #fff;\n\n    cursor: pointer;\n\n    font-size: 14px;\n\n    backdrop-filter: blur(5px);\n\n    transition:\n        background .25s ease,\n        color .25s ease;\n}\n\n\n.wtf-pause:hover {\n    background: #fff;\n\n    color: #111;\n}\n\n\n\/* =========================================================\n   TABLET\n   768px \u2014 1024px\n========================================================= *\/\n\n@media (min-width: 768px) and (max-width: 1024px) {\n\n    .wtf-hero {\n        width: 100vw !important;\n        max-width: 100vw !important;\n\n        margin-left: calc(50% - 50vw) !important;\n        margin-right: calc(50% - 50vw) !important;\n\n        height: 540px !important;\n        min-height: 540px !important;\n    }\n\n\n    .wtf-slide {\n        background-size: 100% 100% !important;\n\n        background-position: center center !important;\n\n        background-color: transparent !important;\n    }\n\n\n    .wtf-slide-1,\n    .wtf-slide-2,\n    .wtf-slide-3,\n    .wtf-slide-4 {\n        background-position: right center !important;\n    }\n\n\n    .wtf-content {\n        left: 5% !important;\n\n        width: 45% !important;\n\n        max-width: 450px !important;\n    }\n\n\n    .wtf-kicker {\n        font-size: 14px !important;\n\n        gap: 14px !important;\n\n        margin-bottom: 18px !important;\n    }\n\n\n    .wtf-kicker::before {\n        width: 34px !important;\n\n        flex-basis: 34px !important;\n    }\n\n\n    .wtf-title {\n        font-size: clamp(40px, 5.5vw, 58px) !important;\n\n        letter-spacing: -1.5px !important;\n\n        margin-bottom: 18px !important;\n    }\n\n\n    .wtf-description {\n        font-size: 16px !important;\n\n        margin-bottom: 25px !important;\n    }\n\n\n    .wtf-buttons {\n        gap: 10px !important;\n    }\n\n\n    .wtf-btn {\n        min-width: 165px !important;\n\n        height: 52px !important;\n\n        padding: 0 18px !important;\n\n        font-size: 12px !important;\n    }\n\n\n    .wtf-arrow {\n        margin-left: 10px !important;\n\n        font-size: 18px !important;\n    }\n\n\n    .wtf-dots {\n        left: 5% !important;\n\n        bottom: 21px !important;\n    }\n\n\n    .wtf-dot {\n        width: 32px !important;\n    }\n\n\n    .wtf-dot.active {\n        width: 44px !important;\n    }\n\n\n    .wtf-pause {\n        right: 18px !important;\n\n        bottom: 18px !important;\n    }\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width: 767px) {\n\n    .wtf-hero {\n        width: 100vw !important;\n        max-width: 100vw !important;\n\n        margin-left: calc(50% - 50vw) !important;\n        margin-right: calc(50% - 50vw) !important;\n\n        height: 540px !important;\n        min-height: 540px !important;\n\n        overflow: hidden !important;\n    }\n\n\n    .wtf-slide {\n        background-size: 100% 100% !important;\n\n        background-position: center center !important;\n\n        background-color: transparent !important;\n    }\n\n\n    .wtf-slide-1,\n    .wtf-slide-2,\n    .wtf-slide-3,\n    .wtf-slide-4 {\n        background-position: right center !important;\n    }\n\n\n    \/* MOBILE GRADIENT *\/\n\n    .wtf-slide::after {\n        background:\n            linear-gradient(\n                90deg,\n                rgba(0,0,0,.84) 0%,\n                rgba(0,0,0,.63) 38%,\n                rgba(0,0,0,.25) 72%,\n                rgba(0,0,0,.08) 100%\n            );\n    }\n\n\n    \/* MOBILE CONTENT *\/\n\n    .wtf-content {\n        left: 22px !important;\n\n        right: 22px !important;\n\n        top: auto !important;\n\n        bottom: 82px !important;\n\n        transform: none !important;\n\n        width: auto !important;\n\n        max-width: 84% !important;\n    }\n\n\n    .wtf-kicker {\n        gap: 10px !important;\n\n        margin-bottom: 15px !important;\n\n        font-size: 11px !important;\n\n        letter-spacing: 1.1px !important;\n    }\n\n\n    .wtf-kicker::before {\n        width: 27px !important;\n\n        flex-basis: 27px !important;\n\n        height: 2px !important;\n    }\n\n\n    .wtf-title {\n        margin-bottom: 15px !important;\n\n        font-size: clamp(34px, 10vw, 46px) !important;\n\n        line-height: .98 !important;\n\n        letter-spacing: -1px !important;\n    }\n\n\n    .wtf-description {\n        margin-bottom: 20px !important;\n\n        font-size: 14px !important;\n\n        line-height: 1.45 !important;\n    }\n\n\n    .wtf-buttons {\n        display: flex !important;\n\n        flex-direction: column !important;\n\n        align-items: flex-start !important;\n\n        gap: 8px !important;\n    }\n\n\n    .wtf-btn {\n        min-width: 0 !important;\n\n        width: auto !important;\n\n        height: 48px !important;\n\n        padding: 0 17px !important;\n\n        font-size: 11px !important;\n    }\n\n\n    .wtf-arrow {\n        margin-left: 10px !important;\n\n        font-size: 16px !important;\n    }\n\n\n    .wtf-dots {\n        left: 22px !important;\n\n        bottom: 20px !important;\n\n        gap: 7px !important;\n    }\n\n\n    .wtf-dot {\n        width: 26px !important;\n\n        height: 3px !important;\n    }\n\n\n    .wtf-dot.active {\n        width: 38px !important;\n    }\n\n\n    .wtf-pause {\n        right: 14px !important;\n\n        bottom: 14px !important;\n\n        width: 42px !important;\n\n        height: 35px !important;\n\n        font-size: 12px !important;\n    }\n}\n\n\n\/* =========================================================\n   SMALL PHONES\n========================================================= *\/\n\n@media (max-width: 380px) {\n\n    .wtf-hero {\n        height: 510px !important;\n\n        min-height: 510px !important;\n    }\n\n\n    .wtf-content {\n        left: 18px !important;\n\n        right: 18px !important;\n\n        bottom: 76px !important;\n\n        max-width: 90% !important;\n    }\n\n\n    .wtf-title {\n        font-size: 33px !important;\n    }\n\n\n    .wtf-description {\n        font-size: 13px !important;\n    }\n\n\n    .wtf-btn {\n        height: 45px !important;\n\n        padding: 0 14px !important;\n\n        font-size: 10px !important;\n    }\n\n\n    .wtf-dots {\n        left: 18px !important;\n    }\n}\n\n\n\/* =========================================================\n   ELEMENTOR SPACING RESET\n========================================================= *\/\n\n.elementor-widget-html:has(.wtf-hero) {\n    margin-top: 0 !important;\n\n    margin-right: 0 !important;\n\n    margin-bottom: 0 !important;\n\n    margin-left: 0 !important;\n\n    padding: 0 !important;\n}\n\n\n.elementor-widget-html:has(.wtf-hero)\n> .elementor-widget-container {\n\n    margin: 0 !important;\n\n    padding: 0 !important;\n\n    width: 100% !important;\n\n    max-width: none !important;\n}\n\n\n\/* =========================================================\n   REDUCE MOTION\n========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n    .wtf-slide {\n        transition: none;\n    }\n\n    .wtf-btn,\n    .wtf-dot {\n        transition: none;\n    }\n}\n<\/style>\n\n\n<!-- =========================================================\n     WHEY TO FITNESS HERO\n========================================================= -->\n\n<div class=\"wtf-hero\">\n\n\n    <!-- =====================================================\n         SLIDE 1\n    ===================================================== -->\n\n    <div\n        class=\"wtf-slide wtf-slide-1 active\"\n        style=\"background-image:url('https:\/\/wheytofitness.com\/wp-content\/uploads\/2026\/09\/whey-to-fitness-hero-logo-optimized-.webp');\"\n    >\n\n        <div class=\"wtf-content\">\n\n            <div class=\"wtf-kicker\">\n                PERFORMANCE WEAR\n            <\/div>\n\n            <h1 class=\"wtf-title\">\n                BUILT FOR<br>\n                THE GRIND.\n            <\/h1>\n\n            <p class=\"wtf-description\">\n                Premium quality. Superior fit.<br>\n                Designed to move with you.\n            <\/p>\n\n            <div class=\"wtf-buttons\">\n\n                <a\n                    href=\"\/men\/\"\n                    class=\"wtf-btn wtf-btn-primary\"\n                >\n                    SHOP MEN\n                    <span class=\"wtf-arrow\">\u2192<\/span>\n                <\/a>\n\n                <a\n                    href=\"\/women\/\"\n                    class=\"wtf-btn wtf-btn-secondary\"\n                >\n                    SHOP WOMEN\n                    <span class=\"wtf-arrow\">\u2192<\/span>\n                <\/a>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n\n    <!-- =====================================================\n         SLIDE 2\n    ===================================================== -->\n\n    <div\n        class=\"wtf-slide wtf-slide-2\"\n        style=\"background-image:url('https:\/\/wheytofitness.com\/wp-content\/uploads\/2026\/09\/whey-to-fitness-slide-3-optimized.webp');\"\n    >\n\n        <div class=\"wtf-content\">\n\n            <div class=\"wtf-kicker\">\n                WOMEN'S PERFORMANCE\n            <\/div>\n\n            <h2 class=\"wtf-title\">\n                MOVE WITH<br>\n                PURPOSE.\n            <\/h2>\n\n            <p class=\"wtf-description\">\n                Engineered for training.<br>\n                Designed for confidence.\n            <\/p>\n\n            <div class=\"wtf-buttons\">\n\n                <a\n                    href=\"\/women\/\"\n                    class=\"wtf-btn wtf-btn-primary\"\n                >\n                    SHOP WOMEN\n                    <span class=\"wtf-arrow\">\u2192<\/span>\n                <\/a>\n\n                <a\n                    href=\"\/product-category\/womens-compression\/\"\n                    class=\"wtf-btn wtf-btn-secondary\"\n                >\n                    SHOP COMPRESSION\n                    <span class=\"wtf-arrow\">\u2192<\/span>\n                <\/a>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n\n    <!-- =====================================================\n         SLIDE 3\n    ===================================================== -->\n\n    <div\n        class=\"wtf-slide wtf-slide-3\"\n        style=\"background-image:url('https:\/\/wheytofitness.com\/wp-content\/uploads\/2026\/09\/whey-to-fitness-slide-2-optimized-.webp');\"\n    >\n\n        <div class=\"wtf-content\">\n\n            <div class=\"wtf-kicker\">\n                TRAINING COLLECTION\n            <\/div>\n\n            <h2 class=\"wtf-title\">\n                TRAIN<br>\n                WITHOUT<br>\n                LIMITS.\n            <\/h2>\n\n            <p class=\"wtf-description\">\n                Built for intensity.<br>\n                Designed for movement.\n            <\/p>\n\n            <div class=\"wtf-buttons\">\n\n                <a\n                    href=\"\/men\/\"\n                    class=\"wtf-btn wtf-btn-primary\"\n                >\n                    SHOP MEN\n                    <span class=\"wtf-arrow\">\u2192<\/span>\n                <\/a>\n\n                <a\n                    href=\"\/women\/\"\n                    class=\"wtf-btn wtf-btn-secondary\"\n                >\n                    SHOP WOMEN\n                    <span class=\"wtf-arrow\">\u2192<\/span>\n                <\/a>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n\n    <!-- =====================================================\n         SLIDE 4\n    ===================================================== -->\n\n    <div\n        class=\"wtf-slide wtf-slide-4\"\n        style=\"background-image:url('https:\/\/wheytofitness.com\/wp-content\/uploads\/2026\/09\/whey-to-fitness-slide-4-optimized.webp');\"\n    >\n\n        <div class=\"wtf-content\">\n\n            <div class=\"wtf-kicker\">\n                EVERYDAY PERFORMANCE\n            <\/div>\n\n            <h2 class=\"wtf-title\">\n                LOOK GOOD.<br>\n                MOVE BETTER.\n            <\/h2>\n\n            <p class=\"wtf-description\">\n                Performance essentials<br>\n                made for every move.\n            <\/p>\n\n            <div class=\"wtf-buttons\">\n\n                <a\n                    href=\"\/new-arrivals\/\"\n                    class=\"wtf-btn wtf-btn-primary\"\n                >\n                    NEW ARRIVALS\n                    <span class=\"wtf-arrow\">\u2192<\/span>\n                <\/a>\n\n                <a\n                    href=\"\/women\/\"\n                    class=\"wtf-btn wtf-btn-secondary\"\n                >\n                    SHOP WOMEN\n                    <span class=\"wtf-arrow\">\u2192<\/span>\n                <\/a>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n\n    <!-- =====================================================\n         DOTS\n    ===================================================== -->\n\n    <div class=\"wtf-dots\">\n\n        <button\n            class=\"wtf-dot active\"\n            data-slide=\"0\"\n            aria-label=\"Slide 1\"\n            type=\"button\"\n        ><\/button>\n\n        <button\n            class=\"wtf-dot\"\n            data-slide=\"1\"\n            aria-label=\"Slide 2\"\n            type=\"button\"\n        ><\/button>\n\n        <button\n            class=\"wtf-dot\"\n            data-slide=\"2\"\n            aria-label=\"Slide 3\"\n            type=\"button\"\n        ><\/button>\n\n        <button\n            class=\"wtf-dot\"\n            data-slide=\"3\"\n            aria-label=\"Slide 4\"\n            type=\"button\"\n        ><\/button>\n\n    <\/div>\n\n\n    <!-- =====================================================\n         PAUSE\n    ===================================================== -->\n\n    <button\n        class=\"wtf-pause\"\n        type=\"button\"\n        aria-label=\"Pause slider\"\n    >\n        \u275a\u275a\n    <\/button>\n\n\n<\/div>\n\n\n<script>\n\n(function () {\n\n    \/* Prevent duplicate initialization *\/\n    if (window.wtfHeroInitialized) return;\n\n    window.wtfHeroInitialized = true;\n\n\n    function initWtfHero() {\n\n        const hero = document.querySelector('.wtf-hero');\n\n        if (!hero) return;\n\n\n        const slides =\n            hero.querySelectorAll('.wtf-slide');\n\n        const dots =\n            hero.querySelectorAll('.wtf-dot');\n\n        const pauseButton =\n            hero.querySelector('.wtf-pause');\n\n\n        if (!slides.length) return;\n\n\n        let current = 0;\n\n        let timer = null;\n\n        let paused = false;\n\n\n        function showSlide(index) {\n\n            current =\n                (index + slides.length) % slides.length;\n\n\n            slides.forEach(function (slide, i) {\n\n                slide.classList.toggle(\n                    'active',\n                    i === current\n                );\n\n            });\n\n\n            dots.forEach(function (dot, i) {\n\n                dot.classList.toggle(\n                    'active',\n                    i === current\n                );\n\n            });\n\n        }\n\n\n        function startTimer() {\n\n            clearInterval(timer);\n\n\n            if (!paused && slides.length > 1) {\n\n                timer = setInterval(function () {\n\n                    showSlide(current + 1);\n\n                }, 5000);\n\n            }\n\n        }\n\n\n        dots.forEach(function (dot, index) {\n\n            dot.addEventListener(\n                'click',\n                function () {\n\n                    showSlide(index);\n\n                    startTimer();\n\n                }\n            );\n\n        });\n\n\n        if (pauseButton) {\n\n            pauseButton.addEventListener(\n                'click',\n                function () {\n\n                    paused = !paused;\n\n\n                    if (paused) {\n\n                        clearInterval(timer);\n\n                        pauseButton.textContent = '\u25b6';\n\n                        pauseButton.setAttribute(\n                            'aria-label',\n                            'Play slider'\n                        );\n\n                    } else {\n\n                        pauseButton.textContent = '\u275a\u275a';\n\n                        pauseButton.setAttribute(\n                            'aria-label',\n                            'Pause slider'\n                        );\n\n                        startTimer();\n\n                    }\n\n                }\n            );\n\n        }\n\n\n        showSlide(0);\n\n        startTimer();\n\n    }\n\n\n    function bootWtfHero() {\n\n        const hero =\n            document.querySelector('.wtf-hero');\n\n\n        if (!hero) return;\n\n\n        if (\n            hero.dataset.wtfSliderReady === 'true'\n        ) return;\n\n\n        hero.dataset.wtfSliderReady = 'true';\n\n\n        initWtfHero();\n\n    }\n\n\n    if (\n        document.readyState === 'loading'\n    ) {\n\n        document.addEventListener(\n            'DOMContentLoaded',\n            bootWtfHero\n        );\n\n    } else {\n\n        bootWtfHero();\n\n    }\n\n\n    \/* Elementor editor redraw support *\/\n\n    if (window.MutationObserver) {\n\n        const observer =\n            new MutationObserver(function () {\n\n                const hero =\n                    document.querySelector('.wtf-hero');\n\n\n                if (\n                    hero &&\n                    hero.dataset.wtfSliderReady !== 'true'\n                ) {\n\n                    bootWtfHero();\n\n                }\n\n            });\n\n\n        observer.observe(\n            document.body,\n            {\n                childList: true,\n                subtree: true\n            }\n        );\n\n    }\n\n})();\n\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a946a95 e-flex e-con-boxed e-con e-parent\" data-id=\"a946a95\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cfabc0a elementor-widget elementor-widget-html\" data-id=\"cfabc0a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* =========================================================\n   WHEY TO FITNESS \u2014 NEW ARRIVALS\n   Temporary visual section \u2014 products can be connected later\n========================================================= *\/\n\n.wtf-new-section {\n    width: 100%;\n    max-width: 1380px;\n    margin: 0 auto;\n    padding: 0 24px 55px;\n    box-sizing: border-box;\n    font-family: \"Montserrat\", Arial, sans-serif;\n}\n\n.wtf-new-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin: 0 0 16px;\n}\n\n.wtf-new-title {\n    margin: 0;\n    padding: 0;\n    color: #111;\n    font-family: \"Montserrat\", Arial, sans-serif;\n    font-size: 28px;\n    line-height: 1.15;\n    font-weight: 700;\n    letter-spacing: -0.4px;\n}\n\n.wtf-new-view {\n    color: #111;\n    font-family: \"Montserrat\", Arial, sans-serif;\n    font-size: 13px;\n    line-height: 1;\n    font-weight: 600;\n    text-decoration: underline;\n    text-underline-offset: 4px;\n}\n\n.wtf-new-grid {\n    display: grid;\n    grid-template-columns: repeat(4, minmax(0, 1fr));\n    gap: 14px;\n}\n\n.wtf-new-card {\n    display: block;\n    color: #111;\n    text-decoration: none;\n    min-width: 0;\n}\n\n.wtf-new-image {\n    position: relative;\n    width: 100%;\n    aspect-ratio: 1 \/ 1.12;\n    background: #f1f1f1;\n    overflow: hidden;\n}\n\n.wtf-new-image::after {\n    content: \"PRODUCT IMAGE\";\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    color: #999;\n    font-family: \"Montserrat\", Arial, sans-serif;\n    font-size: 10px;\n    font-weight: 600;\n    letter-spacing: 1px;\n    white-space: nowrap;\n}\n\n.wtf-new-badge {\n    position: absolute;\n    top: 10px;\n    left: 10px;\n    z-index: 2;\n    background: #fff;\n    color: #111;\n    padding: 7px 9px;\n    font-size: 10px;\n    line-height: 1;\n    font-weight: 700;\n    letter-spacing: .3px;\n}\n\n.wtf-new-info {\n    padding: 11px 2px 0;\n}\n\n.wtf-new-name {\n    margin: 0 0 5px;\n    color: #111;\n    font-family: \"Montserrat\", Arial, sans-serif;\n    font-size: 14px;\n    line-height: 1.3;\n    font-weight: 600;\n}\n\n.wtf-new-type {\n    margin: 0 0 7px;\n    color: #777;\n    font-family: \"Roboto\", Arial, sans-serif;\n    font-size: 12px;\n    line-height: 1.3;\n}\n\n.wtf-new-price {\n    margin: 0;\n    color: #111;\n    font-family: \"Montserrat\", Arial, sans-serif;\n    font-size: 13px;\n    line-height: 1.3;\n    font-weight: 600;\n}\n\n\/* Hover *\/\n.wtf-new-card:hover .wtf-new-image {\n    background: #e9e9e9;\n}\n\n.wtf-new-card:hover .wtf-new-name {\n    text-decoration: underline;\n    text-underline-offset: 3px;\n}\n\n\/* Tablet *\/\n@media (max-width: 900px) {\n\n    .wtf-new-section {\n        padding-left: 18px;\n        padding-right: 18px;\n        padding-bottom: 45px;\n    }\n\n    .wtf-new-title {\n        font-size: 24px;\n    }\n\n    .wtf-new-grid {\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n        gap: 18px 10px;\n    }\n}\n\n\/* Mobile *\/\n@media (max-width: 600px) {\n\n    .wtf-new-section {\n        padding: 0 12px 35px;\n    }\n\n    .wtf-new-header {\n        margin-bottom: 12px;\n    }\n\n    .wtf-new-title {\n        font-size: 21px;\n        letter-spacing: -0.2px;\n    }\n\n    .wtf-new-view {\n        font-size: 11px;\n    }\n\n    .wtf-new-grid {\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n        gap: 16px 8px;\n    }\n\n    .wtf-new-image {\n        aspect-ratio: 1 \/ 1.08;\n    }\n\n    .wtf-new-badge {\n        top: 7px;\n        left: 7px;\n        padding: 6px 7px;\n        font-size: 9px;\n    }\n\n    .wtf-new-info {\n        padding-top: 8px;\n    }\n\n    .wtf-new-name {\n        font-size: 11px;\n        margin-bottom: 4px;\n    }\n\n    .wtf-new-type {\n        font-size: 10px;\n        margin-bottom: 5px;\n    }\n\n    .wtf-new-price {\n        font-size: 11px;\n    }\n}\n<\/style>\n\n<section class=\"wtf-new-section\">\n\n    <div class=\"wtf-new-header\">\n        <h2 class=\"wtf-new-title\">NEW ARRIVALS<\/h2>\n\n        <a href=\"\/shop\/\" class=\"wtf-new-view\">\n            VIEW ALL\n        <\/a>\n    <\/div>\n\n    <div class=\"wtf-new-grid\">\n\n        <!-- PRODUCT 1 -->\n        <a href=\"#\" class=\"wtf-new-card\">\n\n            <div class=\"wtf-new-image\">\n                <span class=\"wtf-new-badge\">NEW<\/span>\n            <\/div>\n\n            <div class=\"wtf-new-info\">\n                <h3 class=\"wtf-new-name\">\n                    Performance Training Tee\n                <\/h3>\n\n                <p class=\"wtf-new-type\">\n                    Men's Training\n                <\/p>\n\n                <p class=\"wtf-new-price\">\n                    Coming Soon\n                <\/p>\n            <\/div>\n\n        <\/a>\n\n\n        <!-- PRODUCT 2 -->\n        <a href=\"#\" class=\"wtf-new-card\">\n\n            <div class=\"wtf-new-image\">\n                <span class=\"wtf-new-badge\">NEW<\/span>\n            <\/div>\n\n            <div class=\"wtf-new-info\">\n                <h3 class=\"wtf-new-name\">\n                    Premium Compression Tee\n                <\/h3>\n\n                <p class=\"wtf-new-type\">\n                    Men's Compression\n                <\/p>\n\n                <p class=\"wtf-new-price\">\n                    Coming Soon\n                <\/p>\n            <\/div>\n\n        <\/a>\n\n\n        <!-- PRODUCT 3 -->\n        <a href=\"#\" class=\"wtf-new-card\">\n\n            <div class=\"wtf-new-image\">\n                <span class=\"wtf-new-badge\">NEW<\/span>\n            <\/div>\n\n            <div class=\"wtf-new-info\">\n                <h3 class=\"wtf-new-name\">\n                    Elite Performance Joggers\n                <\/h3>\n\n                <p class=\"wtf-new-type\">\n                    Men's Joggers\n                <\/p>\n\n                <p class=\"wtf-new-price\">\n                    Coming Soon\n                <\/p>\n            <\/div>\n\n        <\/a>\n\n\n        <!-- PRODUCT 4 -->\n        <a href=\"#\" class=\"wtf-new-card\">\n\n            <div class=\"wtf-new-image\">\n                <span class=\"wtf-new-badge\">NEW<\/span>\n            <\/div>\n\n            <div class=\"wtf-new-info\">\n                <h3 class=\"wtf-new-name\">\n                    Motion Training Shorts\n                <\/h3>\n\n                <p class=\"wtf-new-type\">\n                    Men's Shorts\n                <\/p>\n\n                <p class=\"wtf-new-price\">\n                    Coming Soon\n                <\/p>\n            <\/div>\n\n        <\/a>\n\n    <\/div>\n\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-527a92c e-flex e-con-boxed e-con e-parent\" data-id=\"527a92c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6c3a50b elementor-widget elementor-widget-html\" data-id=\"6c3a50b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* =========================================================\n   WHEY TO FITNESS\n   MEN CATEGORY SECTION\n   Gymshark-inspired compact layout\n   ========================================================= *\/\n\n.wtf-men-section {\n    width: 100%;\n    max-width: 1380px;\n    margin: 0 auto;\n    padding: 0 24px 50px;\n    box-sizing: border-box;\n    font-family: \"Montserrat\", Arial, sans-serif;\n}\n\n\/* ---------------------------------------------------------\n   SECTION HEADER\n   --------------------------------------------------------- *\/\n\n.wtf-men-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin: 0 0 16px;\n}\n\n.wtf-men-title {\n    margin: 0;\n    padding: 0;\n    color: #111111;\n    font-family: \"Montserrat\", Arial, sans-serif;\n    font-size: 28px;\n    line-height: 1.15;\n    font-weight: 700;\n    letter-spacing: -0.4px;\n}\n\n.wtf-men-view-all {\n    color: #111111;\n    font-family: \"Montserrat\", Arial, sans-serif;\n    font-size: 13px;\n    line-height: 1;\n    font-weight: 600;\n    text-decoration: underline;\n    text-underline-offset: 4px;\n    transition: opacity 0.2s ease;\n}\n\n.wtf-men-view-all:hover {\n    opacity: 0.6;\n}\n\n\n\/* ---------------------------------------------------------\n   CATEGORY GRID\n   --------------------------------------------------------- *\/\n\n.wtf-men-grid {\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    gap: 14px;\n    width: 100%;\n}\n\n\n\/* ---------------------------------------------------------\n   CATEGORY CARD\n   --------------------------------------------------------- *\/\n\n.wtf-men-card {\n    display: block;\n    width: 100%;\n    color: #111111;\n    text-decoration: none;\n    overflow: hidden;\n}\n\n\n\/* ---------------------------------------------------------\n   IMAGE\n   --------------------------------------------------------- *\/\n\n.wtf-men-image {\n    width: 100%;\n    aspect-ratio: 1 \/ 1;\n    overflow: hidden;\n    background: #f3f3f3;\n}\n\n.wtf-men-image img {\n    display: block;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    object-position: center;\n    transition: transform 0.4s ease;\n}\n\n.wtf-men-card:hover .wtf-men-image img {\n    transform: scale(1.035);\n}\n\n\n\/* ---------------------------------------------------------\n   CARD LABEL\n   --------------------------------------------------------- *\/\n\n.wtf-men-label {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 10px 2px 0;\n    min-height: 42px;\n    box-sizing: border-box;\n}\n\n.wtf-men-label-text {\n    color: #111111;\n    font-family: \"Montserrat\", Arial, sans-serif;\n    font-size: 14px;\n    line-height: 1.2;\n    font-weight: 700;\n    letter-spacing: 0;\n}\n\n.wtf-men-arrow {\n    color: #111111;\n    font-size: 18px;\n    line-height: 1;\n    font-weight: 400;\n    transition: transform 0.25s ease;\n}\n\n.wtf-men-card:hover .wtf-men-arrow {\n    transform: translateX(4px);\n}\n\n\n\/* =========================================================\n   TABLET\n   ========================================================= *\/\n\n@media (max-width: 900px) {\n\n    .wtf-men-section {\n        padding-left: 18px;\n        padding-right: 18px;\n        padding-bottom: 42px;\n    }\n\n    .wtf-men-title {\n        font-size: 24px;\n    }\n\n    .wtf-men-grid {\n        gap: 10px;\n    }\n\n    .wtf-men-label-text {\n        font-size: 13px;\n    }\n\n    .wtf-men-arrow {\n        font-size: 17px;\n    }\n}\n\n\n\/* =========================================================\n   MOBILE\n   ========================================================= *\/\n\n@media (max-width: 600px) {\n\n    .wtf-men-section {\n        padding: 0 12px 35px;\n    }\n\n    .wtf-men-header {\n        margin-bottom: 12px;\n    }\n\n    .wtf-men-title {\n        font-size: 21px;\n        letter-spacing: -0.2px;\n    }\n\n    .wtf-men-view-all {\n        font-size: 11px;\n    }\n\n    .wtf-men-grid {\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n        gap: 8px;\n    }\n\n    .wtf-men-image {\n        aspect-ratio: 1 \/ 1.08;\n    }\n\n    .wtf-men-label {\n        padding-top: 8px;\n        min-height: 38px;\n    }\n\n    .wtf-men-label-text {\n        font-size: 11px;\n    }\n\n    .wtf-men-arrow {\n        font-size: 16px;\n    }\n}\n<\/style>\n\n\n<!-- =======================================================\n     MEN SECTION\n     ======================================================= -->\n\n<section class=\"wtf-men-section\">\n\n    <!-- SECTION TITLE -->\n    <div class=\"wtf-men-header\">\n\n        <h2 class=\"wtf-men-title\">\n            MEN\n        <\/h2>\n\n        <!-- MEN VIEW ALL -->\n        <a\n            class=\"wtf-men-view-all\"\n            href=\"https:\/\/wheytofitness.com\/index.php\/product-category\/men\/\"\n        >\n            VIEW ALL\n        <\/a>\n\n    <\/div>\n\n\n    <!-- CATEGORY CARDS -->\n    <div class=\"wtf-men-grid\">\n\n\n        <!-- =================================================\n             MEN'S SHORTS\n        ================================================== -->\n\n        <a\n            class=\"wtf-men-card\"\n            href=\"https:\/\/wheytofitness.com\/index.php\/product-category\/mens-shorts\/\"\n        >\n\n            <div class=\"wtf-men-image\">\n\n                <img decoding=\"async\"\n                    src=\"https:\/\/wheytofitness.com\/wp-content\/uploads\/2026\/09\/cream-shorts-front-wordpress.webp\"\n                    alt=\"Whey To Fitness Men's Shorts\"\n                    loading=\"lazy\"\n                >\n\n            <\/div>\n\n            <div class=\"wtf-men-label\">\n\n                <span class=\"wtf-men-label-text\">\n                    MEN'S SHORTS\n                <\/span>\n\n                <span class=\"wtf-men-arrow\">\n                    \u2192\n                <\/span>\n\n            <\/div>\n\n        <\/a>\n\n\n        <!-- =================================================\n             MEN'S COMPRESSION\n        ================================================== -->\n\n        <a\n            class=\"wtf-men-card\"\n            href=\"https:\/\/wheytofitness.com\/index.php\/product-category\/mens-compression\/\"\n        >\n\n            <div class=\"wtf-men-image\">\n\n                <img decoding=\"async\"\n                    src=\"https:\/\/wheytofitness.com\/wp-content\/uploads\/2026\/09\/lava-red-wordpress.webp\"\n                    alt=\"Whey To Fitness Men's Compression\"\n                    loading=\"lazy\"\n                >\n\n            <\/div>\n\n            <div class=\"wtf-men-label\">\n\n                <span class=\"wtf-men-label-text\">\n                    COMPRESSION\n                <\/span>\n\n                <span class=\"wtf-men-arrow\">\n                    \u2192\n                <\/span>\n\n            <\/div>\n\n        <\/a>\n\n\n        <!-- =================================================\n             MEN'S JOGGERS\n        ================================================== -->\n\n        <a\n            class=\"wtf-men-card\"\n            href=\"https:\/\/wheytofitness.com\/index.php\/product-category\/mens-joggers\/\"\n        >\n\n            <div class=\"wtf-men-image\">\n\n                <img decoding=\"async\"\n                    src=\"https:\/\/wheytofitness.com\/wp-content\/uploads\/2026\/09\/pro-joggers-front-grey-wordpress.webp\"\n                    alt=\"Whey To Fitness Men's Joggers\"\n                    loading=\"lazy\"\n                >\n\n            <\/div>\n\n            <div class=\"wtf-men-label\">\n\n                <span class=\"wtf-men-label-text\">\n                    MEN'S JOGGERS\n                <\/span>\n\n                <span class=\"wtf-men-arrow\">\n                    \u2192\n                <\/span>\n\n            <\/div>\n\n        <\/a>\n\n\n    <\/div>\n\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3903842 e-flex e-con-boxed e-con e-parent\" data-id=\"3903842\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ebd42f1 elementor-widget elementor-widget-html\" data-id=\"ebd42f1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* =========================================================\n   WHEY TO FITNESS \u2014 WOMEN SECTION\n========================================================= *\/\n\n.wtf-women-section {\n    width: 100%;\n    max-width: 1380px;\n    margin: 0 auto;\n    padding: 0 24px 55px;\n    box-sizing: border-box;\n    font-family: \"Montserrat\", Arial, sans-serif;\n}\n\n.wtf-women-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin: 0 0 16px;\n}\n\n.wtf-women-title {\n    margin: 0;\n    padding: 0;\n    color: #111111;\n    font-family: \"Montserrat\", Arial, sans-serif;\n    font-size: 28px;\n    line-height: 1.15;\n    font-weight: 700;\n    letter-spacing: -0.4px;\n}\n\n.wtf-women-view-all {\n    color: #111111;\n    font-family: \"Montserrat\", Arial, sans-serif;\n    font-size: 13px;\n    line-height: 1;\n    font-weight: 600;\n    text-decoration: underline;\n    text-underline-offset: 4px;\n    transition: opacity 0.2s ease;\n}\n\n.wtf-women-view-all:hover {\n    opacity: 0.6;\n}\n\n.wtf-women-grid {\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    gap: 14px;\n    width: 100%;\n}\n\n.wtf-women-card {\n    display: block;\n    width: 100%;\n    color: #111111;\n    text-decoration: none;\n    overflow: hidden;\n}\n\n.wtf-women-image {\n    width: 100%;\n    aspect-ratio: 1 \/ 1;\n    overflow: hidden;\n    background: #f3f3f3;\n}\n\n.wtf-women-image img {\n    display: block;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    object-position: center;\n    transition: transform 0.4s ease;\n}\n\n.wtf-women-card:hover .wtf-women-image img {\n    transform: scale(1.035);\n}\n\n.wtf-women-label {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 10px 2px 0;\n    min-height: 42px;\n    box-sizing: border-box;\n}\n\n.wtf-women-label-text {\n    color: #111111;\n    font-family: \"Montserrat\", Arial, sans-serif;\n    font-size: 14px;\n    line-height: 1.2;\n    font-weight: 700;\n}\n\n.wtf-women-arrow {\n    color: #111111;\n    font-size: 18px;\n    line-height: 1;\n    font-weight: 400;\n    transition: transform 0.25s ease;\n}\n\n.wtf-women-card:hover .wtf-women-arrow {\n    transform: translateX(4px);\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width: 900px) {\n\n    .wtf-women-section {\n        padding-left: 18px;\n        padding-right: 18px;\n        padding-bottom: 42px;\n    }\n\n    .wtf-women-title {\n        font-size: 24px;\n    }\n\n    .wtf-women-grid {\n        gap: 10px;\n    }\n\n    .wtf-women-label-text {\n        font-size: 13px;\n    }\n\n    .wtf-women-arrow {\n        font-size: 17px;\n    }\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width: 600px) {\n\n    .wtf-women-section {\n        padding: 0 12px 35px;\n    }\n\n    .wtf-women-header {\n        margin-bottom: 12px;\n    }\n\n    .wtf-women-title {\n        font-size: 21px;\n        letter-spacing: -0.2px;\n    }\n\n    .wtf-women-view-all {\n        font-size: 11px;\n    }\n\n    .wtf-women-grid {\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n        gap: 8px;\n    }\n\n    .wtf-women-image {\n        aspect-ratio: 1 \/ 1.08;\n    }\n\n    .wtf-women-label {\n        padding-top: 8px;\n        min-height: 38px;\n    }\n\n    .wtf-women-label-text {\n        font-size: 11px;\n    }\n\n    .wtf-women-arrow {\n        font-size: 16px;\n    }\n}\n<\/style>\n\n\n<section class=\"wtf-women-section\">\n\n    <!-- =====================================================\n         WOMEN HEADER\n    ====================================================== -->\n\n    <div class=\"wtf-women-header\">\n\n        <h2 class=\"wtf-women-title\">\n            WOMEN\n        <\/h2>\n\n        <!-- WOMEN VIEW ALL -->\n        <a\n            class=\"wtf-women-view-all\"\n            href=\"https:\/\/wheytofitness.com\/index.php\/product-category\/women\/\"\n        >\n            VIEW ALL\n        <\/a>\n\n    <\/div>\n\n\n    <!-- =====================================================\n         WOMEN CATEGORY GRID\n    ====================================================== -->\n\n    <div class=\"wtf-women-grid\">\n\n\n        <!-- =================================================\n             WOMEN'S COMPRESSION\n        ================================================== -->\n\n        <a\n            class=\"wtf-women-card\"\n            href=\"https:\/\/wheytofitness.com\/index.php\/product-category\/womens-compression\/\"\n        >\n\n            <div class=\"wtf-women-image\">\n\n                <img decoding=\"async\"\n                    src=\"https:\/\/wheytofitness.com\/wp-content\/uploads\/2026\/09\/Core_Compression_Top_Black_WordPress_Optimized.webp\"\n                    alt=\"Whey To Fitness Women's Compression\"\n                    loading=\"lazy\"\n                >\n\n            <\/div>\n\n            <div class=\"wtf-women-label\">\n\n                <span class=\"wtf-women-label-text\">\n                    WOMEN'S COMPRESSION\n                <\/span>\n\n                <span class=\"wtf-women-arrow\">\n                    \u2192\n                <\/span>\n\n            <\/div>\n\n        <\/a>\n\n\n        <!-- =================================================\n             WOMEN'S SHORTS\n        ================================================== -->\n\n        <a\n            class=\"wtf-women-card\"\n            href=\"https:\/\/wheytofitness.com\/index.php\/product-category\/womens-shorts\/\"\n        >\n\n            <div class=\"wtf-women-image\">\n\n                <img decoding=\"async\"\n                    src=\"https:\/\/wheytofitness.com\/wp-content\/uploads\/2026\/09\/Sculpt_Performance_Shorts_Navy_WordPress_Optimized.webp\"\n                    alt=\"Whey To Fitness Women's Shorts\"\n                    loading=\"lazy\"\n                >\n\n            <\/div>\n\n            <div class=\"wtf-women-label\">\n\n                <span class=\"wtf-women-label-text\">\n                    WOMEN'S SHORTS\n                <\/span>\n\n                <span class=\"wtf-women-arrow\">\n                    \u2192\n                <\/span>\n\n            <\/div>\n\n        <\/a>\n\n\n        <!-- =================================================\n             WOMEN'S JOGGERS\n        ================================================== -->\n\n        <a\n            class=\"wtf-women-card\"\n            href=\"https:\/\/wheytofitness.com\/index.php\/product-category\/womens-joggers\/\"\n        >\n\n            <div class=\"wtf-women-image\">\n\n                <img decoding=\"async\"\n                    src=\"https:\/\/wheytofitness.com\/wp-content\/uploads\/2026\/09\/Whey_To_Fitness_Womens_Joggers_Brown_WordPress_Optimized.webp\"\n                    alt=\"Whey To Fitness Women's Joggers\"\n                    loading=\"lazy\"\n                >\n\n            <\/div>\n\n            <div class=\"wtf-women-label\">\n\n                <span class=\"wtf-women-label-text\">\n                    WOMEN'S JOGGERS\n                <\/span>\n\n                <span class=\"wtf-women-arrow\">\n                    \u2192\n                <\/span>\n\n            <\/div>\n\n        <\/a>\n\n\n    <\/div>\n\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>PERFORMANCE WEAR BUILT FOR THE GRIND. Premium quality. Superior fit. Designed to move with you. SHOP MEN \u2192 SHOP WOMEN [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"postBodyCss":"","postBodyMargin":[],"postBodyPadding":[],"postBodyBackground":{"backgroundType":"classic","gradient":""},"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-24","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wheytofitness.com\/index.php\/wp-json\/wp\/v2\/pages\/24","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wheytofitness.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wheytofitness.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wheytofitness.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wheytofitness.com\/index.php\/wp-json\/wp\/v2\/comments?post=24"}],"version-history":[{"count":43,"href":"https:\/\/wheytofitness.com\/index.php\/wp-json\/wp\/v2\/pages\/24\/revisions"}],"predecessor-version":[{"id":136,"href":"https:\/\/wheytofitness.com\/index.php\/wp-json\/wp\/v2\/pages\/24\/revisions\/136"}],"wp:attachment":[{"href":"https:\/\/wheytofitness.com\/index.php\/wp-json\/wp\/v2\/media?parent=24"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}