{"blocks":{"#mana_ajax_wrapper_mana_seo_query":0,"#mana_ajax_wrapper_category_products":1,"#mana_ajax_wrapper_category_products_list":2,"#mana_ajax_wrapper_main_mana_layered_nav":3,"#mana_ajax_wrapper_above_products_mana_layered_nav":4,"#mana_ajax_wrapper_mobile_mana_layered_nav":5,"#mana_ajax_wrapper_uv":6},"query":"","url":"https:\/\/www.theproteinworks.com\/products\/protein-formulas\/night-protein-shakes","title":"Night Protein Shakes"}
91b5970cd70e2353d866806f8003c1cd56646961
<div id="mana_ajax_wrapper_mana_seo_query"><script>
    manadevSeoQuery = {};
</script></div>
91b5970cd70e2353d866806f8003c1cd56646961
<div id="mana_ajax_wrapper_category_products"><div id="mana_ajax_wrapper_mobile_mana_layered_nav">    <div class="mana-filter-block mana-mobile" data-mage-init='{"Manadev_Core/js/StatefulCollapsibleWidget":{"id": "mobile.mana.layered_nav.title", "openedState": "active", "collapsible": true, "animate": 150, "active": false}, "Manadev_LayeredNavigation/js/NavigationView": {}}'>
        <dl class="filter-options" data-role="collapsible">
            <dt data-role="title">
                <div class="m-filter-title" data-role="trigger">
                    Filter                    <span class="collapse-indicator">&nbsp;</span>
                    <span class="total-products">(2)</span>
                </div>
                                            </dt>
            <dd class="block-content" data-role="content" style="display:none" data-mage-init='{"Manadev_Core/js/StatefulAccordionWidget":{"id": "mobile.mana.layered_nav.filters", "openedState": "active", "active": "0", "animate": 150}}'>
                <h2 class="block-title">
                    Filter                                    </h2>
                                    <dl data-role='collapsible'>
                        <dt data-role="title">
                            Diet Type                            <span class="collapse-indicator">&nbsp;</span>

                                                    </dt>
                        <dd class="filter-options-content" data-role="content">
                            <div class="m-accordion-container">
                                <ol id="show_on_mobile-diet_ethics" class="items mana-filter-checkboxes" data-mage-init='{ "Manadev_LayeredNavigationCheckboxes/js/FilterView": {} }'>
                        <li class="item">
                <a class="unchecked" href="https://www.theproteinworks.com/products/protein-formulas/night-protein-shakes/diet-type/vegetarian"data-action="+diet_ethics=1679&p=" rel="nofollow">
                    Vegetarian                                            <span class="count">2<span class="filter-count-label">
                                                            items                                                    </span></span>
                                    </a>
            </li>
            </ol>
                            </div>
                        </dd>
                    </dl>
                                    <dl data-role='collapsible'>
                        <dt data-role="title">
                            Free From                            <span class="collapse-indicator">&nbsp;</span>

                                                    </dt>
                        <dd class="filter-options-content" data-role="content">
                            <div class="m-accordion-container">
                                <ol id="show_on_mobile-diet_free" class="items mana-filter-checkboxes" data-mage-init='{ "Manadev_LayeredNavigationCheckboxes/js/FilterView": {} }'>
                        <li class="item">
                <a class="unchecked" href="https://www.theproteinworks.com/products/protein-formulas/night-protein-shakes/free-from/gluten-free"data-action="+diet_free=1696&p=" rel="nofollow">
                    Gluten Free                                            <span class="count">2<span class="filter-count-label">
                                                            items                                                    </span></span>
                                    </a>
            </li>
                                <li class="item">
                <a class="unchecked" href="https://www.theproteinworks.com/products/protein-formulas/night-protein-shakes/free-from/wheat-free"data-action="+diet_free=1694&p=" rel="nofollow">
                    Wheat Free                                            <span class="count">2<span class="filter-count-label">
                                                            items                                                    </span></span>
                                    </a>
            </li>
            </ol>
                            </div>
                        </dd>
                    </dl>
                                    <dl data-role='collapsible'>
                        <dt data-role="title">
                            Nutritional Highlights                            <span class="collapse-indicator">&nbsp;</span>

                                                    </dt>
                        <dd class="filter-options-content" data-role="content">
                            <div class="m-accordion-container">
                                <ol id="show_on_mobile-nutrition_claims" class="items mana-filter-checkboxes" data-mage-init='{ "Manadev_LayeredNavigationCheckboxes/js/FilterView": {} }'>
                        <li class="item">
                <a class="unchecked" href="https://www.theproteinworks.com/products/protein-formulas/night-protein-shakes/nutritional-highlights/low-sugar"data-action="+nutrition_claims=1684&p=" rel="nofollow">
                    Low Sugar                                            <span class="count">1<span class="filter-count-label">
                                                            item                                                    </span></span>
                                    </a>
            </li>
                                <li class="item">
                <a class="unchecked" href="https://www.theproteinworks.com/products/protein-formulas/night-protein-shakes/nutritional-highlights/low-fat"data-action="+nutrition_claims=1686&p=" rel="nofollow">
                    Low Fat                                            <span class="count">1<span class="filter-count-label">
                                                            item                                                    </span></span>
                                    </a>
            </li>
                                <li class="item">
                <a class="unchecked" href="https://www.theproteinworks.com/products/protein-formulas/night-protein-shakes/nutritional-highlights/high-protein"data-action="+nutrition_claims=1687&p=" rel="nofollow">
                    High Protein                                            <span class="count">2<span class="filter-count-label">
                                                            items                                                    </span></span>
                                    </a>
            </li>
            </ol>
                            </div>
                        </dd>
                    </dl>
                                    <dl data-role='collapsible'>
                        <dt data-role="title">
                            Body Goal                            <span class="collapse-indicator">&nbsp;</span>

                                                    </dt>
                        <dd class="filter-options-content" data-role="content">
                            <div class="m-accordion-container">
                                <ol id="show_on_mobile-body_goal" class="items mana-filter-checkboxes" data-mage-init='{ "Manadev_LayeredNavigationCheckboxes/js/FilterView": {} }'>
                        <li class="item">
                <a class="unchecked" href="https://www.theproteinworks.com/products/protein-formulas/night-protein-shakes/body-goal/sports-fitness"data-action="+body_goal=1650&p=" rel="nofollow">
                    Sports Fitness                                            <span class="count">1<span class="filter-count-label">
                                                            item                                                    </span></span>
                                    </a>
            </li>
                                <li class="item">
                <a class="unchecked" href="https://www.theproteinworks.com/products/protein-formulas/night-protein-shakes/body-goal/muscle-mass"data-action="+body_goal=1652&p=" rel="nofollow">
                    Muscle Mass                                            <span class="count">1<span class="filter-count-label">
                                                            item                                                    </span></span>
                                    </a>
            </li>
                                <li class="item">
                <a class="unchecked" href="https://www.theproteinworks.com/products/protein-formulas/night-protein-shakes/body-goal/toning"data-action="+body_goal=1656&p=" rel="nofollow">
                    Toning                                            <span class="count">2<span class="filter-count-label">
                                                            items                                                    </span></span>
                                    </a>
            </li>
                                <li class="item">
                <a class="unchecked" href="https://www.theproteinworks.com/products/protein-formulas/night-protein-shakes/body-goal/lean-muscle"data-action="+body_goal=1657&p=" rel="nofollow">
                    Lean Muscle                                            <span class="count">2<span class="filter-count-label">
                                                            items                                                    </span></span>
                                    </a>
            </li>
            </ol>
                            </div>
                        </dd>
                    </dl>
                                    <dl data-role='collapsible'>
                        <dt data-role="title">
                            Special Offers                            <span class="collapse-indicator">&nbsp;</span>

                                                    </dt>
                        <dd class="filter-options-content" data-role="content">
                            <div class="m-accordion-container">
                                <ol id="show_on_mobile-key_product_status" class="items mana-filter-checkboxes" data-mage-init='{ "Manadev_LayeredNavigationCheckboxes/js/FilterView": {} }'>
                        <li class="item">
                <a class="unchecked" href="https://www.theproteinworks.com/products/protein-formulas/night-protein-shakes/special-offers/extra-30-off-sale"data-action="+key_product_status=2163&p=" rel="nofollow">
                    EXTRA 30% OFF SALE                                            <span class="count">1<span class="filter-count-label">
                                                            item                                                    </span></span>
                                    </a>
            </li>
            </ol>
                            </div>
                        </dd>
                    </dl>
                                    <dl data-role='collapsible'>
                        <dt data-role="title">
                            When to Take                            <span class="collapse-indicator">&nbsp;</span>

                                                    </dt>
                        <dd class="filter-options-content" data-role="content">
                            <div class="m-accordion-container">
                                <ol id="show_on_mobile-timings" class="items mana-filter-checkboxes" data-mage-init='{ "Manadev_LayeredNavigationCheckboxes/js/FilterView": {} }'>
                        <li class="item">
                <a class="unchecked" href="https://www.theproteinworks.com/products/protein-formulas/night-protein-shakes/when-to-take/post-workout"data-action="+timings=1664&p=" rel="nofollow">
                    Post-Workout                                            <span class="count">2<span class="filter-count-label">
                                                            items                                                    </span></span>
                                    </a>
            </li>
                                <li class="item">
                <a class="unchecked" href="https://www.theproteinworks.com/products/protein-formulas/night-protein-shakes/when-to-take/night"data-action="+timings=1670&p=" rel="nofollow">
                    Night                                            <span class="count">2<span class="filter-count-label">
                                                            items                                                    </span></span>
                                    </a>
            </li>
                                <li class="item">
                <a class="unchecked" href="https://www.theproteinworks.com/products/protein-formulas/night-protein-shakes/when-to-take/evening"data-action="+timings=1672&p=" rel="nofollow">
                    Evening                                            <span class="count">2<span class="filter-count-label">
                                                            items                                                    </span></span>
                                    </a>
            </li>
            </ol>
                            </div>
                        </dd>
                    </dl>
                                                <button class="view-all-products">View Products</button>
            </dd>
        </dl>
    </div>
            <script type="text/x-magento-init">
            {
    ".mana-mobile": {
        "Manadev_LayeredNavigationMobile\/js\/manaMobileLayeredNavigation": {
            "max_width": "1024"
        }
    }
}        </script>
                <script>
            require(['jquery'], function ($) {
                //console.log('window width: ' + $(window).width());
                if ($(window).width() <= 1024) {
                    $('body').addClass('mana-mobile-layered-navigation-enabled');
                }
                var $trigger = $('.mana-filter-block.mana-mobile [data-role="trigger"]:not([data-custom-init])');
                $trigger.click(function(){
                    $('body').toggleClass('mana-mobile-layered-navigation-opened');
                });
                $('.view-all-products').click(function(){
                    $trigger.click();
                });
                var $filterDuplicate = $('.mana-filter-block.mana-mobile.duplicate:not([data-custom-init])');
                $filterDuplicate.click(function(){
                    $('.mana-filter-block.mana-mobile:not(.duplicate) [data-role="trigger"]').click();
                });
                $trigger.attr('data-custom-init', '');
                $filterDuplicate.attr('data-custom-init', '');
            });
        </script>
    </div><div id="mana_ajax_wrapper_above_products_mana_layered_nav">
</div>    <div id="mana_ajax_wrapper_category_products_list">        <div class="toolbar toolbar-products" data-mage-init='{"productListToolbarForm":{"mode":"product_list_mode","direction":"product_list_dir","order":"product_list_order","limit":"product_list_limit","modeDefault":"grid","directionDefault":"asc","orderDefault":"position","limitDefault":"18","url":"https:\/\/www.theproteinworks.com\/products\/protein-formulas\/night-protein-shakes","formKey":"lb85HGDlYACHapqL","post":false}}'>
                            
        
        
    
    
        
    
    

        <div class="field limiter">
    <label class="label" for="limiter">
        <span>Per page:</span>
        <select id="limiter" data-role="limiter" class="limiter-options">
                            <option value="9">
                    9                </option>
                            <option value="18"                    selected="selected">
                    18                </option>
                            <option value="27">
                    27                </option>
                            <option value="36">
                    36                </option>
                    </select>
    </label>
</div>

                    <div class="toolbar-sorter sorter">
    <label class="sorter-label" for="sorter">
        <span>Sort By</span>
        <select id="sorter" data-role="sorter" class="sorter-options">
                            <option value="position"
                                            selected="selected"
                                    >
                    Position                </option>
                            <option value="name"
                                    >
                    Product Name                </option>
                            <option value="price"
                                    >
                    Price                </option>
                    </select>
    </label>
</div>
<div class="mana-filter-block mana-mobile duplicate">
    <dl class="filter-options">
        <dt data-role="title">
            <div class="m-filter-title">
                Filter                <span class="collapse-indicator">&nbsp;</span>
                <span class="total-products">(2)</span>
            </div>
        </dt>
    </dl>
</div>            </div>
    <script type="text/x-magento-init">
    {
        "body": {
            "addToWishlist": {"productType":["configurable"]}        }
    }
</script>
        <div class="products wrapper grid products-grid">
        <ol class="products list items product-items" itemscope itemtype="http://schema.org/ItemList">
                                        <li id="1" class="item product product-item" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem" >
                    <meta itemprop="position" content="1" />
                    <div class="product-item-info" itemprop="item"  itemscope itemtype="http://schema.org/Product" data-container="product-grid">
                        <meta itemprop="url" content="https://www.theproteinworks.com/products/protein-formulas/night-protein-shakes#1" />
                                                                        <a href="https://www.theproteinworks.com/bedtime-fuel" class="product photo product-item-photo" tabindex="-1">
                            
<span class="product-image-container"
      style="width:254px;">
    <span class="product-image-wrapper"
          style="padding-bottom: 100%;">
        <img class="product-image-photo lazyload"
                        src="https://s.theproteinworks.com/version1576163085/frontend/TheProteinWorks/default/en_GB/TheProteinWorks_Image/images/product/placeholder/image.svg"
            data-src="https://www.theproteinworks.com/media/catalog/product/cache/e6611daf65fb05be674f35204f596756/b/e/bedtime_left-pdp2018_6.png"
            data-srcset="https://www.theproteinworks.com/media/catalog/product/cache/5a4cf19e00541631a2bc10b7bd5f7ab4/b/e/bedtime_left-pdp2018_6.png 265w"
            max-width="254"
            max-height="254"
            alt="Bedtime Fuel"/></span>
</span>
<meta itemprop="image" content="https://www.theproteinworks.com/media/catalog/product/cache/e6611daf65fb05be674f35204f596756/b/e/bedtime_left-pdp2018_6.png" />                        </a>
                        <div class="product details product-item-details">

                                                        <strong class="product name product-item-name">
                                <a class="product-item-link"
                                   href="https://www.theproteinworks.com/bedtime-fuel">
                                    <span itemprop="name">Bedtime Fuel</span>
                                </a>
                            </strong>
                                    <div class="product-reviews-summary" itemprop="aggregateRating" itemscope
         itemtype="http://schema.org/AggregateRating">
                    <div class="rating-summary">
                <span class="label"><span>Rating:</span></span>
                <span class="rating-percents">95%</span>
                <div class="rating-result" title="95%">
                     <span style="width:95%">
                         <span>
                             <span itemprop="ratingValue">95</span>% of <span
                                 itemprop="bestRating">100</span>
                         </span>
                     </span>
                </div>
            </div>
                <div class="reviews-actions">
            <span>(<span itemprop="ratingCount">57</span>)</span>
        </div>
    </div>
                            <div class="product_page_quote">"The perfect recovery shake for before bed, and low in carbs and fats!" - <strong>Janice</strong></div>
                            <div class="price-box price-final_price" data-role="priceBox" data-product-id="979" data-price-box="product-id-979">
<span class="normal-price">
    

<span class="price-container price-final_price tax weee"
        >
            <span class="price-label">from </span>
        <span  id="product-price-979"                data-price-amount="15.99"
        data-price-type="basePrice"
        class="price-wrapper "
    ><span class="price">£15.99</span></span>
        </span>
</span>


</div>                                <div class="offer"><p class="for-list">10% OFF!<br/>Code: SALE10</p>
<p>10% OFF!</p>
<p><span style="font-size: 0.8em;">Code: SALE10</span></p>

<script type="application/ld+json">
{
    "@context": "http://schema.org",
    "@type": "SaleEvent",
    "name": "SPECIAL OFFER - 10% OFF",
    "url": "https://www.theproteinworks.com/products/sort-by/position/sort-direction/asc",
    "startDate": "2019-11-24",
    "endDate": "2019-11-28",
    "description": "SPECIAL OFFER - 10% OFF",
    "image": "https://pbs.twimg.com/profile_images/750362842633764864/N3t0MECk.jpg",
    "location": {
        "@type": "Place",
        "name": "The Protein Works",
        "url": "https://www.theproteinworks.com/",
        "address": "The Protein Works"
}
}
</script></div>

                            <div class="product-item-inner">
                                <div class="product actions product-item-actions">
                                    <div class="actions-primary">
                                        <button class="action primary quick-buy-action" data-id="979"><span>Quick Buy</span></button>
                                        <a href="https://www.theproteinworks.com/bedtime-fuel" class="action more-info primary" type="button" title="More&#x20;info">
                                            <span>More info</span>
                                        </a>
                                    </div>
                                    <div data-role="add-to-links" class="actions-secondary">
                                                                                                                                                                </div>
                                </div>
                                                            </div>
                        </div>
                    </div>
                </li>
                                <li id="2" class="item product product-item" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem" >
                    <meta itemprop="position" content="2" />
                    <div class="product-item-info" itemprop="item"  itemscope itemtype="http://schema.org/Product" data-container="product-grid">
                        <meta itemprop="url" content="https://www.theproteinworks.com/products/protein-formulas/night-protein-shakes#2" />
                                                                        <a href="https://www.theproteinworks.com/casein-protein" class="product photo product-item-photo" tabindex="-1">
                            
<span class="product-image-container"
      style="width:254px;">
    <span class="product-image-wrapper"
          style="padding-bottom: 100%;">
        <img class="product-image-photo lazyload"
                        src="https://s.theproteinworks.com/version1576163085/frontend/TheProteinWorks/default/en_GB/TheProteinWorks_Image/images/product/placeholder/image.svg"
            data-src="https://www.theproteinworks.com/media/catalog/product/cache/e6611daf65fb05be674f35204f596756/p/o/powmicellar_left-pdp2018_6.png"
            data-srcset="https://www.theproteinworks.com/media/catalog/product/cache/5a4cf19e00541631a2bc10b7bd5f7ab4/p/o/powmicellar_left-pdp2018_6.png 265w"
            max-width="254"
            max-height="254"
            alt="100% Micellar Casein"/></span>
</span>
<meta itemprop="image" content="https://www.theproteinworks.com/media/catalog/product/cache/e6611daf65fb05be674f35204f596756/p/o/powmicellar_left-pdp2018_6.png" />                        </a>
                        <div class="product details product-item-details">

                                                        <strong class="product name product-item-name">
                                <a class="product-item-link"
                                   href="https://www.theproteinworks.com/casein-protein">
                                    <span itemprop="name">100% Micellar Casein</span>
                                </a>
                            </strong>
                                    <div class="product-reviews-summary" itemprop="aggregateRating" itemscope
         itemtype="http://schema.org/AggregateRating">
                    <div class="rating-summary">
                <span class="label"><span>Rating:</span></span>
                <span class="rating-percents">95%</span>
                <div class="rating-result" title="95%">
                     <span style="width:95%">
                         <span>
                             <span itemprop="ratingValue">95</span>% of <span
                                 itemprop="bestRating">100</span>
                         </span>
                     </span>
                </div>
            </div>
                <div class="reviews-actions">
            <span>(<span itemprop="ratingCount">134</span>)</span>
        </div>
    </div>
                            <div class="product_page_quote">“Great just before bed, tastes nice and always helps with that overnight recovery.” – <strong>Kane</strong></div>
                            <div class="price-box price-final_price" data-role="priceBox" data-product-id="1642" data-price-box="product-id-1642">
<span class="normal-price">
    

<span class="price-container price-final_price tax weee"
        >
            <span class="price-label">from </span>
        <span  id="product-price-1642"                data-price-amount="14.49"
        data-price-type="basePrice"
        class="price-wrapper "
    ><span class="price">£14.49</span></span>
        </span>
</span>


</div>                                <div class="offer"><p class="for-list">10% OFF!<br/>Code: SALE10</p>
<p>10% OFF!</p>
<p><span style="font-size: 0.8em;">Code: SALE10</span></p>

<script type="application/ld+json">
{
    "@context": "http://schema.org",
    "@type": "SaleEvent",
    "name": "SPECIAL OFFER - 10% OFF",
    "url": "https://www.theproteinworks.com/products/sort-by/position/sort-direction/asc",
    "startDate": "2019-11-24",
    "endDate": "2019-11-28",
    "description": "SPECIAL OFFER - 10% OFF",
    "image": "https://pbs.twimg.com/profile_images/750362842633764864/N3t0MECk.jpg",
    "location": {
        "@type": "Place",
        "name": "The Protein Works",
        "url": "https://www.theproteinworks.com/",
        "address": "The Protein Works"
}
}
</script></div>

                            <div class="product-item-inner">
                                <div class="product actions product-item-actions">
                                    <div class="actions-primary">
                                        <button class="action primary quick-buy-action" data-id="1642"><span>Quick Buy</span></button>
                                        <a href="https://www.theproteinworks.com/casein-protein" class="action more-info primary" type="button" title="More&#x20;info">
                                            <span>More info</span>
                                        </a>
                                    </div>
                                    <div data-role="add-to-links" class="actions-secondary">
                                                                                                                                                                </div>
                                </div>
                                                            </div>
                        </div>
                    </div>
                </li>
                        </ol>
    </div>
        <div class="toolbar toolbar-products" data-mage-init='{"productListToolbarForm":{"mode":"product_list_mode","direction":"product_list_dir","order":"product_list_order","limit":"product_list_limit","modeDefault":"grid","directionDefault":"asc","orderDefault":"position","limitDefault":"18","url":"https:\/\/www.theproteinworks.com\/products\/protein-formulas\/night-protein-shakes","formKey":"lb85HGDlYACHapqL","post":false}}'>
                            
        
        
    
    
        
    
    

        <div class="field limiter">
    <label class="label" for="limiter">
        <span>Per page:</span>
        <select id="limiter" data-role="limiter" class="limiter-options">
                            <option value="9">
                    9                </option>
                            <option value="18"                    selected="selected">
                    18                </option>
                            <option value="27">
                    27                </option>
                            <option value="36">
                    36                </option>
                    </select>
    </label>
</div>

                    <div class="toolbar-sorter sorter">
    <label class="sorter-label" for="sorter">
        <span>Sort By</span>
        <select id="sorter" data-role="sorter" class="sorter-options">
                            <option value="position"
                                            selected="selected"
                                    >
                    Position                </option>
                            <option value="name"
                                    >
                    Product Name                </option>
                            <option value="price"
                                    >
                    Price                </option>
                    </select>
    </label>
</div>
<div class="mana-filter-block mana-mobile duplicate">
    <dl class="filter-options">
        <dt data-role="title">
            <div class="m-filter-title">
                Filter                <span class="collapse-indicator">&nbsp;</span>
                <span class="total-products">(2)</span>
            </div>
        </dt>
    </dl>
</div>            </div>
            <script type="text/x-magento-init">
            {
                "[data-role=tocart-form], .form.map.checkout": {
                    "catalogAddToCart": {
                        "product_sku": "POWMICELLAR"
                    }
                }
            }
        </script>
        <script>
        require(['jquery', 'domReady!'], function($){
            $('.filter-options-title').click(function(){
                $(this).toggleClass('closed').next().slideToggle();
            });
        });
    </script>
</div></div>
91b5970cd70e2353d866806f8003c1cd56646961
<div id="mana_ajax_wrapper_category_products_list">        <div class="toolbar toolbar-products" data-mage-init='{"productListToolbarForm":{"mode":"product_list_mode","direction":"product_list_dir","order":"product_list_order","limit":"product_list_limit","modeDefault":"grid","directionDefault":"asc","orderDefault":"position","limitDefault":"18","url":"https:\/\/www.theproteinworks.com\/products\/protein-formulas\/night-protein-shakes","formKey":"lb85HGDlYACHapqL","post":false}}'>
                            
        
        
    
    
        
    
    

        <div class="field limiter">
    <label class="label" for="limiter">
        <span>Per page:</span>
        <select id="limiter" data-role="limiter" class="limiter-options">
                            <option value="9">
                    9                </option>
                            <option value="18"                    selected="selected">
                    18                </option>
                            <option value="27">
                    27                </option>
                            <option value="36">
                    36                </option>
                    </select>
    </label>
</div>

                    <div class="toolbar-sorter sorter">
    <label class="sorter-label" for="sorter">
        <span>Sort By</span>
        <select id="sorter" data-role="sorter" class="sorter-options">
                            <option value="position"
                                            selected="selected"
                                    >
                    Position                </option>
                            <option value="name"
                                    >
                    Product Name                </option>
                            <option value="price"
                                    >
                    Price                </option>
                    </select>
    </label>
</div>
<div class="mana-filter-block mana-mobile duplicate">
    <dl class="filter-options">
        <dt data-role="title">
            <div class="m-filter-title">
                Filter                <span class="collapse-indicator">&nbsp;</span>
                <span class="total-products">(2)</span>
            </div>
        </dt>
    </dl>
</div>            </div>
    <script type="text/x-magento-init">
    {
        "body": {
            "addToWishlist": {"productType":["configurable"]}        }
    }
</script>
        <div class="products wrapper grid products-grid">
        <ol class="products list items product-items" itemscope itemtype="http://schema.org/ItemList">
                                        <li id="1" class="item product product-item" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem" >
                    <meta itemprop="position" content="1" />
                    <div class="product-item-info" itemprop="item"  itemscope itemtype="http://schema.org/Product" data-container="product-grid">
                        <meta itemprop="url" content="https://www.theproteinworks.com/products/protein-formulas/night-protein-shakes#1" />
                                                                        <a href="https://www.theproteinworks.com/bedtime-fuel" class="product photo product-item-photo" tabindex="-1">
                            
<span class="product-image-container"
      style="width:254px;">
    <span class="product-image-wrapper"
          style="padding-bottom: 100%;">
        <img class="product-image-photo lazyload"
                        src="https://s.theproteinworks.com/version1576163085/frontend/TheProteinWorks/default/en_GB/TheProteinWorks_Image/images/product/placeholder/image.svg"
            data-src="https://www.theproteinworks.com/media/catalog/product/cache/e6611daf65fb05be674f35204f596756/b/e/bedtime_left-pdp2018_6.png"
            data-srcset="https://www.theproteinworks.com/media/catalog/product/cache/5a4cf19e00541631a2bc10b7bd5f7ab4/b/e/bedtime_left-pdp2018_6.png 265w"
            max-width="254"
            max-height="254"
            alt="Bedtime Fuel"/></span>
</span>
<meta itemprop="image" content="https://www.theproteinworks.com/media/catalog/product/cache/e6611daf65fb05be674f35204f596756/b/e/bedtime_left-pdp2018_6.png" />                        </a>
                        <div class="product details product-item-details">

                                                        <strong class="product name product-item-name">
                                <a class="product-item-link"
                                   href="https://www.theproteinworks.com/bedtime-fuel">
                                    <span itemprop="name">Bedtime Fuel</span>
                                </a>
                            </strong>
                                    <div class="product-reviews-summary" itemprop="aggregateRating" itemscope
         itemtype="http://schema.org/AggregateRating">
                    <div class="rating-summary">
                <span class="label"><span>Rating:</span></span>
                <span class="rating-percents">95%</span>
                <div class="rating-result" title="95%">
                     <span style="width:95%">
                         <span>
                             <span itemprop="ratingValue">95</span>% of <span
                                 itemprop="bestRating">100</span>
                         </span>
                     </span>
                </div>
            </div>
                <div class="reviews-actions">
            <span>(<span itemprop="ratingCount">57</span>)</span>
        </div>
    </div>
                            <div class="product_page_quote">"The perfect recovery shake for before bed, and low in carbs and fats!" - <strong>Janice</strong></div>
                            <div class="price-box price-final_price" data-role="priceBox" data-product-id="979" data-price-box="product-id-979">
<span class="normal-price">
    

<span class="price-container price-final_price tax weee"
        >
            <span class="price-label">from </span>
        <span  id="product-price-979"                data-price-amount="15.99"
        data-price-type="basePrice"
        class="price-wrapper "
    ><span class="price">£15.99</span></span>
        </span>
</span>


</div>                                <div class="offer"><p class="for-list">10% OFF!<br/>Code: SALE10</p>
<p>10% OFF!</p>
<p><span style="font-size: 0.8em;">Code: SALE10</span></p>

<script type="application/ld+json">
{
    "@context": "http://schema.org",
    "@type": "SaleEvent",
    "name": "SPECIAL OFFER - 10% OFF",
    "url": "https://www.theproteinworks.com/products/sort-by/position/sort-direction/asc",
    "startDate": "2019-11-24",
    "endDate": "2019-11-28",
    "description": "SPECIAL OFFER - 10% OFF",
    "image": "https://pbs.twimg.com/profile_images/750362842633764864/N3t0MECk.jpg",
    "location": {
        "@type": "Place",
        "name": "The Protein Works",
        "url": "https://www.theproteinworks.com/",
        "address": "The Protein Works"
}
}
</script></div>

                            <div class="product-item-inner">
                                <div class="product actions product-item-actions">
                                    <div class="actions-primary">
                                        <button class="action primary quick-buy-action" data-id="979"><span>Quick Buy</span></button>
                                        <a href="https://www.theproteinworks.com/bedtime-fuel" class="action more-info primary" type="button" title="More&#x20;info">
                                            <span>More info</span>
                                        </a>
                                    </div>
                                    <div data-role="add-to-links" class="actions-secondary">
                                                                                                                                                                </div>
                                </div>
                                                            </div>
                        </div>
                    </div>
                </li>
                                <li id="2" class="item product product-item" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem" >
                    <meta itemprop="position" content="2" />
                    <div class="product-item-info" itemprop="item"  itemscope itemtype="http://schema.org/Product" data-container="product-grid">
                        <meta itemprop="url" content="https://www.theproteinworks.com/products/protein-formulas/night-protein-shakes#2" />
                                                                        <a href="https://www.theproteinworks.com/casein-protein" class="product photo product-item-photo" tabindex="-1">
                            
<span class="product-image-container"
      style="width:254px;">
    <span class="product-image-wrapper"
          style="padding-bottom: 100%;">
        <img class="product-image-photo lazyload"
                        src="https://s.theproteinworks.com/version1576163085/frontend/TheProteinWorks/default/en_GB/TheProteinWorks_Image/images/product/placeholder/image.svg"
            data-src="https://www.theproteinworks.com/media/catalog/product/cache/e6611daf65fb05be674f35204f596756/p/o/powmicellar_left-pdp2018_6.png"
            data-srcset="https://www.theproteinworks.com/media/catalog/product/cache/5a4cf19e00541631a2bc10b7bd5f7ab4/p/o/powmicellar_left-pdp2018_6.png 265w"
            max-width="254"
            max-height="254"
            alt="100% Micellar Casein"/></span>
</span>
<meta itemprop="image" content="https://www.theproteinworks.com/media/catalog/product/cache/e6611daf65fb05be674f35204f596756/p/o/powmicellar_left-pdp2018_6.png" />                        </a>
                        <div class="product details product-item-details">

                                                        <strong class="product name product-item-name">
                                <a class="product-item-link"
                                   href="https://www.theproteinworks.com/casein-protein">
                                    <span itemprop="name">100% Micellar Casein</span>
                                </a>
                            </strong>
                                    <div class="product-reviews-summary" itemprop="aggregateRating" itemscope
         itemtype="http://schema.org/AggregateRating">
                    <div class="rating-summary">
                <span class="label"><span>Rating:</span></span>
                <span class="rating-percents">95%</span>
                <div class="rating-result" title="95%">
                     <span style="width:95%">
                         <span>
                             <span itemprop="ratingValue">95</span>% of <span
                                 itemprop="bestRating">100</span>
                         </span>
                     </span>
                </div>
            </div>
                <div class="reviews-actions">
            <span>(<span itemprop="ratingCount">134</span>)</span>
        </div>
    </div>
                            <div class="product_page_quote">“Great just before bed, tastes nice and always helps with that overnight recovery.” – <strong>Kane</strong></div>
                            <div class="price-box price-final_price" data-role="priceBox" data-product-id="1642" data-price-box="product-id-1642">
<span class="normal-price">
    

<span class="price-container price-final_price tax weee"
        >
            <span class="price-label">from </span>
        <span  id="product-price-1642"                data-price-amount="14.49"
        data-price-type="basePrice"
        class="price-wrapper "
    ><span class="price">£14.49</span></span>
        </span>
</span>


</div>                                <div class="offer"><p class="for-list">10% OFF!<br/>Code: SALE10</p>
<p>10% OFF!</p>
<p><span style="font-size: 0.8em;">Code: SALE10</span></p>

<script type="application/ld+json">
{
    "@context": "http://schema.org",
    "@type": "SaleEvent",
    "name": "SPECIAL OFFER - 10% OFF",
    "url": "https://www.theproteinworks.com/products/sort-by/position/sort-direction/asc",
    "startDate": "2019-11-24",
    "endDate": "2019-11-28",
    "description": "SPECIAL OFFER - 10% OFF",
    "image": "https://pbs.twimg.com/profile_images/750362842633764864/N3t0MECk.jpg",
    "location": {
        "@type": "Place",
        "name": "The Protein Works",
        "url": "https://www.theproteinworks.com/",
        "address": "The Protein Works"
}
}
</script></div>

                            <div class="product-item-inner">
                                <div class="product actions product-item-actions">
                                    <div class="actions-primary">
                                        <button class="action primary quick-buy-action" data-id="1642"><span>Quick Buy</span></button>
                                        <a href="https://www.theproteinworks.com/casein-protein" class="action more-info primary" type="button" title="More&#x20;info">
                                            <span>More info</span>
                                        </a>
                                    </div>
                                    <div data-role="add-to-links" class="actions-secondary">
                                                                                                                                                                </div>
                                </div>
                                                            </div>
                        </div>
                    </div>
                </li>
                        </ol>
    </div>
        <div class="toolbar toolbar-products" data-mage-init='{"productListToolbarForm":{"mode":"product_list_mode","direction":"product_list_dir","order":"product_list_order","limit":"product_list_limit","modeDefault":"grid","directionDefault":"asc","orderDefault":"position","limitDefault":"18","url":"https:\/\/www.theproteinworks.com\/products\/protein-formulas\/night-protein-shakes","formKey":"lb85HGDlYACHapqL","post":false}}'>
                            
        
        
    
    
        
    
    

        <div class="field limiter">
    <label class="label" for="limiter">
        <span>Per page:</span>
        <select id="limiter" data-role="limiter" class="limiter-options">
                            <option value="9">
                    9                </option>
                            <option value="18"                    selected="selected">
                    18                </option>
                            <option value="27">
                    27                </option>
                            <option value="36">
                    36                </option>
                    </select>
    </label>
</div>

                    <div class="toolbar-sorter sorter">
    <label class="sorter-label" for="sorter">
        <span>Sort By</span>
        <select id="sorter" data-role="sorter" class="sorter-options">
                            <option value="position"
                                            selected="selected"
                                    >
                    Position                </option>
                            <option value="name"
                                    >
                    Product Name                </option>
                            <option value="price"
                                    >
                    Price                </option>
                    </select>
    </label>
</div>
<div class="mana-filter-block mana-mobile duplicate">
    <dl class="filter-options">
        <dt data-role="title">
            <div class="m-filter-title">
                Filter                <span class="collapse-indicator">&nbsp;</span>
                <span class="total-products">(2)</span>
            </div>
        </dt>
    </dl>
</div>            </div>
            <script type="text/x-magento-init">
            {
                "[data-role=tocart-form], .form.map.checkout": {
                    "catalogAddToCart": {
                        "product_sku": "POWMICELLAR"
                    }
                }
            }
        </script>
        <script>
        require(['jquery', 'domReady!'], function($){
            $('.filter-options-title').click(function(){
                $(this).toggleClass('closed').next().slideToggle();
            });
        });
    </script>
</div>
91b5970cd70e2353d866806f8003c1cd56646961
<div id="mana_ajax_wrapper_main_mana_layered_nav">
    <div class="block filter mana-filter-block" data-mage-init='{ "Manadev_LayeredNavigation/js/NavigationView": {} }'>
        <div class="block-title filter-title">
            <strong>Shop By</strong>
        </div>

        <div class="block-content filter-content">
            
            <strong role="heading" aria-level="2" class="block-subtitle filter-subtitle">Shopping Options                            </strong>

            <dl class="filter-options" id="narrow-by-list">
                                            <dt role="heading" aria-level="3" class="filter-options-title main-filter-diet-ethics">Diet Type</dt>
                <dd class="filter-options-content main-filter-diet-ethics"><ol id="show_in_main_sidebar-diet_ethics" class="items mana-filter-checkboxes" data-mage-init='{ "Manadev_LayeredNavigationCheckboxes/js/FilterView": {} }'>
                        <li class="item">
                <a class="unchecked" href="https://www.theproteinworks.com/products/protein-formulas/night-protein-shakes/diet-type/vegetarian"data-action="+diet_ethics=1679&p=" rel="nofollow">
                    Vegetarian                                            <span class="count">2<span class="filter-count-label">
                                                            items                                                    </span></span>
                                    </a>
            </li>
            </ol>
</dd>
                                            <dt role="heading" aria-level="3" class="filter-options-title main-filter-diet-free">Free From</dt>
                <dd class="filter-options-content main-filter-diet-free"><ol id="show_in_main_sidebar-diet_free" class="items mana-filter-checkboxes" data-mage-init='{ "Manadev_LayeredNavigationCheckboxes/js/FilterView": {} }'>
                        <li class="item">
                <a class="unchecked" href="https://www.theproteinworks.com/products/protein-formulas/night-protein-shakes/free-from/gluten-free"data-action="+diet_free=1696&p=" rel="nofollow">
                    Gluten Free                                            <span class="count">2<span class="filter-count-label">
                                                            items                                                    </span></span>
                                    </a>
            </li>
                                <li class="item">
                <a class="unchecked" href="https://www.theproteinworks.com/products/protein-formulas/night-protein-shakes/free-from/wheat-free"data-action="+diet_free=1694&p=" rel="nofollow">
                    Wheat Free                                            <span class="count">2<span class="filter-count-label">
                                                            items                                                    </span></span>
                                    </a>
            </li>
            </ol>
</dd>
                                            <dt role="heading" aria-level="3" class="filter-options-title main-filter-nutrition-claims">Nutritional Highlights</dt>
                <dd class="filter-options-content main-filter-nutrition-claims"><ol id="show_in_main_sidebar-nutrition_claims" class="items mana-filter-checkboxes" data-mage-init='{ "Manadev_LayeredNavigationCheckboxes/js/FilterView": {} }'>
                        <li class="item">
                <a class="unchecked" href="https://www.theproteinworks.com/products/protein-formulas/night-protein-shakes/nutritional-highlights/low-sugar"data-action="+nutrition_claims=1684&p=" rel="nofollow">
                    Low Sugar                                            <span class="count">1<span class="filter-count-label">
                                                            item                                                    </span></span>
                                    </a>
            </li>
                                <li class="item">
                <a class="unchecked" href="https://www.theproteinworks.com/products/protein-formulas/night-protein-shakes/nutritional-highlights/low-fat"data-action="+nutrition_claims=1686&p=" rel="nofollow">
                    Low Fat                                            <span class="count">1<span class="filter-count-label">
                                                            item                                                    </span></span>
                                    </a>
            </li>
                                <li class="item">
                <a class="unchecked" href="https://www.theproteinworks.com/products/protein-formulas/night-protein-shakes/nutritional-highlights/high-protein"data-action="+nutrition_claims=1687&p=" rel="nofollow">
                    High Protein                                            <span class="count">2<span class="filter-count-label">
                                                            items                                                    </span></span>
                                    </a>
            </li>
            </ol>
</dd>
                                            <dt role="heading" aria-level="3" class="filter-options-title main-filter-body-goal">Body Goal</dt>
                <dd class="filter-options-content main-filter-body-goal"><ol id="show_in_main_sidebar-body_goal" class="items mana-filter-checkboxes" data-mage-init='{ "Manadev_LayeredNavigationCheckboxes/js/FilterView": {} }'>
                        <li class="item">
                <a class="unchecked" href="https://www.theproteinworks.com/products/protein-formulas/night-protein-shakes/body-goal/sports-fitness"data-action="+body_goal=1650&p=" rel="nofollow">
                    Sports Fitness                                            <span class="count">1<span class="filter-count-label">
                                                            item                                                    </span></span>
                                    </a>
            </li>
                                <li class="item">
                <a class="unchecked" href="https://www.theproteinworks.com/products/protein-formulas/night-protein-shakes/body-goal/muscle-mass"data-action="+body_goal=1652&p=" rel="nofollow">
                    Muscle Mass                                            <span class="count">1<span class="filter-count-label">
                                                            item                                                    </span></span>
                                    </a>
            </li>
                                <li class="item">
                <a class="unchecked" href="https://www.theproteinworks.com/products/protein-formulas/night-protein-shakes/body-goal/toning"data-action="+body_goal=1656&p=" rel="nofollow">
                    Toning                                            <span class="count">2<span class="filter-count-label">
                                                            items                                                    </span></span>
                                    </a>
            </li>
                                <li class="item">
                <a class="unchecked" href="https://www.theproteinworks.com/products/protein-formulas/night-protein-shakes/body-goal/lean-muscle"data-action="+body_goal=1657&p=" rel="nofollow">
                    Lean Muscle                                            <span class="count">2<span class="filter-count-label">
                                                            items                                                    </span></span>
                                    </a>
            </li>
            </ol>
</dd>
                                            <dt role="heading" aria-level="3" class="filter-options-title main-filter-key-product-status">Special Offers</dt>
                <dd class="filter-options-content main-filter-key-product-status"><ol id="show_in_main_sidebar-key_product_status" class="items mana-filter-checkboxes" data-mage-init='{ "Manadev_LayeredNavigationCheckboxes/js/FilterView": {} }'>
                        <li class="item">
                <a class="unchecked" href="https://www.theproteinworks.com/products/protein-formulas/night-protein-shakes/special-offers/extra-30-off-sale"data-action="+key_product_status=2163&p=" rel="nofollow">
                    EXTRA 30% OFF SALE                                            <span class="count">1<span class="filter-count-label">
                                                            item                                                    </span></span>
                                    </a>
            </li>
            </ol>
</dd>
                                            <dt role="heading" aria-level="3" class="filter-options-title main-filter-timings">When to Take</dt>
                <dd class="filter-options-content main-filter-timings"><ol id="show_in_main_sidebar-timings" class="items mana-filter-checkboxes" data-mage-init='{ "Manadev_LayeredNavigationCheckboxes/js/FilterView": {} }'>
                        <li class="item">
                <a class="unchecked" href="https://www.theproteinworks.com/products/protein-formulas/night-protein-shakes/when-to-take/post-workout"data-action="+timings=1664&p=" rel="nofollow">
                    Post-Workout                                            <span class="count">2<span class="filter-count-label">
                                                            items                                                    </span></span>
                                    </a>
            </li>
                                <li class="item">
                <a class="unchecked" href="https://www.theproteinworks.com/products/protein-formulas/night-protein-shakes/when-to-take/night"data-action="+timings=1670&p=" rel="nofollow">
                    Night                                            <span class="count">2<span class="filter-count-label">
                                                            items                                                    </span></span>
                                    </a>
            </li>
                                <li class="item">
                <a class="unchecked" href="https://www.theproteinworks.com/products/protein-formulas/night-protein-shakes/when-to-take/evening"data-action="+timings=1672&p=" rel="nofollow">
                    Evening                                            <span class="count">2<span class="filter-count-label">
                                                            items                                                    </span></span>
                                    </a>
            </li>
            </ol>
</dd>
                        </dl>
        </div>
    </div>
</div>
91b5970cd70e2353d866806f8003c1cd56646961
<div id="mana_ajax_wrapper_above_products_mana_layered_nav">
</div>
91b5970cd70e2353d866806f8003c1cd56646961
<div id="mana_ajax_wrapper_mobile_mana_layered_nav">    <div class="mana-filter-block mana-mobile" data-mage-init='{"Manadev_Core/js/StatefulCollapsibleWidget":{"id": "mobile.mana.layered_nav.title", "openedState": "active", "collapsible": true, "animate": 150, "active": false}, "Manadev_LayeredNavigation/js/NavigationView": {}}'>
        <dl class="filter-options" data-role="collapsible">
            <dt data-role="title">
                <div class="m-filter-title" data-role="trigger">
                    Filter                    <span class="collapse-indicator">&nbsp;</span>
                    <span class="total-products">(2)</span>
                </div>
                                            </dt>
            <dd class="block-content" data-role="content" style="display:none" data-mage-init='{"Manadev_Core/js/StatefulAccordionWidget":{"id": "mobile.mana.layered_nav.filters", "openedState": "active", "active": "0", "animate": 150}}'>
                <h2 class="block-title">
                    Filter                                    </h2>
                                    <dl data-role='collapsible'>
                        <dt data-role="title">
                            Diet Type                            <span class="collapse-indicator">&nbsp;</span>

                                                    </dt>
                        <dd class="filter-options-content" data-role="content">
                            <div class="m-accordion-container">
                                <ol id="show_on_mobile-diet_ethics" class="items mana-filter-checkboxes" data-mage-init='{ "Manadev_LayeredNavigationCheckboxes/js/FilterView": {} }'>
                        <li class="item">
                <a class="unchecked" href="https://www.theproteinworks.com/products/protein-formulas/night-protein-shakes/diet-type/vegetarian"data-action="+diet_ethics=1679&p=" rel="nofollow">
                    Vegetarian                                            <span class="count">2<span class="filter-count-label">
                                                            items                                                    </span></span>
                                    </a>
            </li>
            </ol>
                            </div>
                        </dd>
                    </dl>
                                    <dl data-role='collapsible'>
                        <dt data-role="title">
                            Free From                            <span class="collapse-indicator">&nbsp;</span>

                                                    </dt>
                        <dd class="filter-options-content" data-role="content">
                            <div class="m-accordion-container">
                                <ol id="show_on_mobile-diet_free" class="items mana-filter-checkboxes" data-mage-init='{ "Manadev_LayeredNavigationCheckboxes/js/FilterView": {} }'>
                        <li class="item">
                <a class="unchecked" href="https://www.theproteinworks.com/products/protein-formulas/night-protein-shakes/free-from/gluten-free"data-action="+diet_free=1696&p=" rel="nofollow">
                    Gluten Free                                            <span class="count">2<span class="filter-count-label">
                                                            items                                                    </span></span>
                                    </a>
            </li>
                                <li class="item">
                <a class="unchecked" href="https://www.theproteinworks.com/products/protein-formulas/night-protein-shakes/free-from/wheat-free"data-action="+diet_free=1694&p=" rel="nofollow">
                    Wheat Free                                            <span class="count">2<span class="filter-count-label">
                                                            items                                                    </span></span>
                                    </a>
            </li>
            </ol>
                            </div>
                        </dd>
                    </dl>
                                    <dl data-role='collapsible'>
                        <dt data-role="title">
                            Nutritional Highlights                            <span class="collapse-indicator">&nbsp;</span>

                                                    </dt>
                        <dd class="filter-options-content" data-role="content">
                            <div class="m-accordion-container">
                                <ol id="show_on_mobile-nutrition_claims" class="items mana-filter-checkboxes" data-mage-init='{ "Manadev_LayeredNavigationCheckboxes/js/FilterView": {} }'>
                        <li class="item">
                <a class="unchecked" href="https://www.theproteinworks.com/products/protein-formulas/night-protein-shakes/nutritional-highlights/low-sugar"data-action="+nutrition_claims=1684&p=" rel="nofollow">
                    Low Sugar                                            <span class="count">1<span class="filter-count-label">
                                                            item                                                    </span></span>
                                    </a>
            </li>
                                <li class="item">
                <a class="unchecked" href="https://www.theproteinworks.com/products/protein-formulas/night-protein-shakes/nutritional-highlights/low-fat"data-action="+nutrition_claims=1686&p=" rel="nofollow">
                    Low Fat                                            <span class="count">1<span class="filter-count-label">
                                                            item                                                    </span></span>
                                    </a>
            </li>
                                <li class="item">
                <a class="unchecked" href="https://www.theproteinworks.com/products/protein-formulas/night-protein-shakes/nutritional-highlights/high-protein"data-action="+nutrition_claims=1687&p=" rel="nofollow">
                    High Protein                                            <span class="count">2<span class="filter-count-label">
                                                            items                                                    </span></span>
                                    </a>
            </li>
            </ol>
                            </div>
                        </dd>
                    </dl>
                                    <dl data-role='collapsible'>
                        <dt data-role="title">
                            Body Goal                            <span class="collapse-indicator">&nbsp;</span>

                                                    </dt>
                        <dd class="filter-options-content" data-role="content">
                            <div class="m-accordion-container">
                                <ol id="show_on_mobile-body_goal" class="items mana-filter-checkboxes" data-mage-init='{ "Manadev_LayeredNavigationCheckboxes/js/FilterView": {} }'>
                        <li class="item">
                <a class="unchecked" href="https://www.theproteinworks.com/products/protein-formulas/night-protein-shakes/body-goal/sports-fitness"data-action="+body_goal=1650&p=" rel="nofollow">
                    Sports Fitness                                            <span class="count">1<span class="filter-count-label">
                                                            item                                                    </span></span>
                                    </a>
            </li>
                                <li class="item">
                <a class="unchecked" href="https://www.theproteinworks.com/products/protein-formulas/night-protein-shakes/body-goal/muscle-mass"data-action="+body_goal=1652&p=" rel="nofollow">
                    Muscle Mass                                            <span class="count">1<span class="filter-count-label">
                                                            item                                                    </span></span>
                                    </a>
            </li>
                                <li class="item">
                <a class="unchecked" href="https://www.theproteinworks.com/products/protein-formulas/night-protein-shakes/body-goal/toning"data-action="+body_goal=1656&p=" rel="nofollow">
                    Toning                                            <span class="count">2<span class="filter-count-label">
                                                            items                                                    </span></span>
                                    </a>
            </li>
                                <li class="item">
                <a class="unchecked" href="https://www.theproteinworks.com/products/protein-formulas/night-protein-shakes/body-goal/lean-muscle"data-action="+body_goal=1657&p=" rel="nofollow">
                    Lean Muscle                                            <span class="count">2<span class="filter-count-label">
                                                            items                                                    </span></span>
                                    </a>
            </li>
            </ol>
                            </div>
                        </dd>
                    </dl>
                                    <dl data-role='collapsible'>
                        <dt data-role="title">
                            Special Offers                            <span class="collapse-indicator">&nbsp;</span>

                                                    </dt>
                        <dd class="filter-options-content" data-role="content">
                            <div class="m-accordion-container">
                                <ol id="show_on_mobile-key_product_status" class="items mana-filter-checkboxes" data-mage-init='{ "Manadev_LayeredNavigationCheckboxes/js/FilterView": {} }'>
                        <li class="item">
                <a class="unchecked" href="https://www.theproteinworks.com/products/protein-formulas/night-protein-shakes/special-offers/extra-30-off-sale"data-action="+key_product_status=2163&p=" rel="nofollow">
                    EXTRA 30% OFF SALE                                            <span class="count">1<span class="filter-count-label">
                                                            item                                                    </span></span>
                                    </a>
            </li>
            </ol>
                            </div>
                        </dd>
                    </dl>
                                    <dl data-role='collapsible'>
                        <dt data-role="title">
                            When to Take                            <span class="collapse-indicator">&nbsp;</span>

                                                    </dt>
                        <dd class="filter-options-content" data-role="content">
                            <div class="m-accordion-container">
                                <ol id="show_on_mobile-timings" class="items mana-filter-checkboxes" data-mage-init='{ "Manadev_LayeredNavigationCheckboxes/js/FilterView": {} }'>
                        <li class="item">
                <a class="unchecked" href="https://www.theproteinworks.com/products/protein-formulas/night-protein-shakes/when-to-take/post-workout"data-action="+timings=1664&p=" rel="nofollow">
                    Post-Workout                                            <span class="count">2<span class="filter-count-label">
                                                            items                                                    </span></span>
                                    </a>
            </li>
                                <li class="item">
                <a class="unchecked" href="https://www.theproteinworks.com/products/protein-formulas/night-protein-shakes/when-to-take/night"data-action="+timings=1670&p=" rel="nofollow">
                    Night                                            <span class="count">2<span class="filter-count-label">
                                                            items                                                    </span></span>
                                    </a>
            </li>
                                <li class="item">
                <a class="unchecked" href="https://www.theproteinworks.com/products/protein-formulas/night-protein-shakes/when-to-take/evening"data-action="+timings=1672&p=" rel="nofollow">
                    Evening                                            <span class="count">2<span class="filter-count-label">
                                                            items                                                    </span></span>
                                    </a>
            </li>
            </ol>
                            </div>
                        </dd>
                    </dl>
                                                <button class="view-all-products">View Products</button>
            </dd>
        </dl>
    </div>
            <script type="text/x-magento-init">
            {
    ".mana-mobile": {
        "Manadev_LayeredNavigationMobile\/js\/manaMobileLayeredNavigation": {
            "max_width": "1024"
        }
    }
}        </script>
                <script>
            require(['jquery'], function ($) {
                //console.log('window width: ' + $(window).width());
                if ($(window).width() <= 1024) {
                    $('body').addClass('mana-mobile-layered-navigation-enabled');
                }
                var $trigger = $('.mana-filter-block.mana-mobile [data-role="trigger"]:not([data-custom-init])');
                $trigger.click(function(){
                    $('body').toggleClass('mana-mobile-layered-navigation-opened');
                });
                $('.view-all-products').click(function(){
                    $trigger.click();
                });
                var $filterDuplicate = $('.mana-filter-block.mana-mobile.duplicate:not([data-custom-init])');
                $filterDuplicate.click(function(){
                    $('.mana-filter-block.mana-mobile:not(.duplicate) [data-role="trigger"]').click();
                });
                $trigger.attr('data-custom-init', '');
                $filterDuplicate.attr('data-custom-init', '');
            });
        </script>
    </div>
91b5970cd70e2353d866806f8003c1cd56646961
<div id="mana_ajax_wrapper_uv"><script type="text/javascript">
//main uv data is it cached data for current page
window.universal_variable = {"version":"1.2.2","page":{"type":"category","breadcrumb":["Products","Protein Formulas","Night Protein"]},"listing":{"result_count":2,"items":[{"id":"BEDTIME","url":"https:\/\/www.theproteinworks.com\/bedtime-fuel","name":"Bedtime Fuel","unit_price":0,"unit_sale_price":15.99,"currency":"GBP","sku_code":"BEDTIME","stock":1,"image_url":"https:\/\/s.theproteinworks.com\/version1576163085\/frontend\/TheProteinWorks\/default\/en_GB\/TheProteinWorks_Image\/images\/product\/placeholder\/image.svg","category":"Products","subcategory":"Night"},{"id":"POWMICELLAR","url":"https:\/\/www.theproteinworks.com\/casein-protein","name":"100% Micellar Casein","unit_price":0,"unit_sale_price":14.49,"currency":"GBP","sku_code":"POWMICELLAR","stock":1,"image_url":"https:\/\/s.theproteinworks.com\/version1576163085\/frontend\/TheProteinWorks\/default\/en_GB\/TheProteinWorks_Image\/images\/product\/placeholder\/image.svg","category":"Products","subcategory":"Protein Shakes"}],"sort_by":"position_asc","layout":"grid"}};
require([
    'jquery',
], function ($) {
    var uv = {
        storageUrl: null,
        initialized: false,

        init: function () {
            this.storageUrl = 'https://www.theproteinworks.com/universalvariable/ajax/GetUvStorage/';
            this.reloadUvSectionsData(['basket', 'user']);
            this.initObservable();
            this.initReloadSectionsEvents();
        },

        /**
         * Init uv events observables
         */
        initObservable: function () {
            var self = this;
            //update sections data when reloaded
            $(document).on('uv:reloaded', function (event,sectionsData) {
                self.updateUvSectionsData(sectionsData);
            });
            //event to reload sections data with parameters like ['basket, 'user'];
            $(document).on('uv:reload', function (event,sections, additionalData = null) {
                self.reloadUvSectionsData(sections, additionalData);
            });
        },

        /**
         * Add observables to custom events, when data should be reloaded
         */
        initReloadSectionsEvents: function () {
            var self = this;
            //trigger basket reload after add to cart event
            $(document).on('ajax:addToCart ajax:updateCartItemQty ajax:removeFromCart', function () {
                $(document).trigger('uv:reload', [['basket']]);
            });
            //when simple product choosen
            $(document).on('configurable:simpleProductSelected', function (e, productData) {
                if (productData) {
                    self.updateUvSectionsData({product: productData})
                }

            })
        },

        /**
         * Reload uv sections data from server
         * @param {array} additionalData
         * @param {array} sections
         */
        reloadUvSectionsData: function (sections, additionalData = null) {
            var data = sections;
            $.getJSON(this.storageUrl, {sections, additionalData}).success(function (sectionsData) {
                $(document).trigger('uv:reloaded', sectionsData);
            }).fail(function (jqXHR) {
                throw new Error(jqXHR);
            });
        },

        /**
         * Update universal variable data
         * @param {object} sectionsData
         */
        updateUvSectionsData: function (sectionsData) {
            window.universal_variable = $.extend(window.universal_variable || {}, sectionsData);
            $(document).trigger('uv:updated', window.universal_variable);
            if (!this.initialized) {
                $(document).trigger('uv:initialized', window.universal_variable);
                this.initialized = true;
            }
        }
    };
    uv.init();
});
</script>
</div>