<div class="contFragCollectionWrapper">
    <h1 class="collectionTitle">{{collectionTitle}}</h1>
    <div class="collectionDescription">{{collectionDescription}}</div>
    <div class="slider-nav-wrapper">
        <div class="slider slider-nav align">
            {{#each collectionItems}}
            <div class="sliderItems"><img src="{{fragmentElements.productImageSmall}}" alt="{{altText}}"></div>
            {{/each}}
        </div>
    </div>

    <div class="slider slider-for">
        {{#each collectionItems}}

            <div class="featuredItem">
                <img src="{{fragmentElements.productImageLarge}}" alt="{{fragmentElements.altText}}">

                <div class="contentInfoWrapper bg-color-brand-primary">
                {{!-- create a dropdown with the list of variations  --}}

                {{#ifCond variationItems "==" ""}}
                {{!-- no variations exist  - show master size with no dropdown --}}
                <div class="dropdown-container {{#ifCond fragmentElements.size "==" ""}}invisible{{/ifCond}}">
                    <div class="size single-variant px-3">
                      {{fragmentElements.size}}
                    </div>
                </div>
                {{else}}
                <div class="dropdown-container {{#ifCond fragmentElements.size "==" ""}}invisible{{/ifCond}}">
                    <ul class="nav nav-tabs nutrition-variation-tab" role="tablist">
                        <li class="nav-item dropdown">
                            <a class="nav-link dropdown-toggle size" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">{{fragmentElements.size}}</a>
                            <div class="dropdown-menu">
                                <a class="dropdown-item size" id="nutrition-master-{{../guid}}-{{@index}}-tab" data-toggle="tab" href=".infoWrapper #nutrition-master-{{../guid}}-{{@index}}"  data-variantImage="{{fragmentElements.productImageLarge}}">
                                    {{fragmentElements.size}}</a>

                                {{#each variationItems}}
                                <a class="dropdown-item size" id="nutrition-{{../../guid}}-{{@../index}}-{{@index}}-tab" data-toggle="tab" href=".infoWrapper #nutrition-{{../../guid}}-{{@../index}}-{{@index}}"  data-variantImage="{{productImageLarge}}">{{fragmentElements.size}}
                                    {{size}}</a>
                                {{/each}}
                            </div>
                        </li>
                    </ul>
                </div>
                {{/ifCond}}


                {{!-- create a nutrition tab for master --}}
                <div class="tab-content nutrition-variation-tab-content">
                    <div class="tab-pane fade show active" aria-label="{{fragmentElements.name}}" tabindex="0" id="nutrition-master-{{../guid}}-{{@index}}" role="tabpanel">

                    <div class="productDescriptionContainer text-color-brand-text">
                        <h2 class="productName">{{fragmentElements.name}}</h2>
                        <div class="productDescription">{{{fragmentElements.description}}}</div>
                    </div>

                    <div class="nutritionTable {{#ifCond fragmentElements.nutritionInfo.calories "==" ""}}invisible{{/ifCond}}">
                        <div class="headerLinksContainer">
                            <div  class="headerLinks">
                                <a href="#" class="nutritionLink headerlink text-color-brand-text selected" role="button"><%Nutrition%></a>
                            </div>
                            <div class="headerLinks">
                                <a href="#" class="ingredientsLink headerlink text-color-brand-text" role="button"><%Ingredients%></a>
                            </div>
                            {{#if fragmentElements.nutritionInfo.precautionsWarnings}}
                            <div class="headerLinks legalLink">
                                <a href="#" class="legalLink headerlink text-color-brand-text " role="button"><%Legal%></a>
                            </div>
                            {{/if}}
                        </div>

                        <div class="nutritionDetails infoContent p-3">
                            {{#ifCond fragmentElements.nutritionInfo.servingsPerContainer '!==' ''}}
                                {{#ifCond fragmentElements.nutritionInfo.servingsPerContainer '==' '1'}}
                                <div class="servingsPerContainer">{{fragmentElements.nutritionInfo.servingsPerContainer}} <%Serving Per Container%></div>
                                {{else}}
                                <div class="servingsPerContainer">{{fragmentElements.nutritionInfo.servingsPerContainer}} <%Servings Per Container%>
                                </div>
                                {{/ifCond}}
                            {{/ifCond}}
                            {{#ifCond fragmentElements.nutritionInfo.servingSize '!==' ''}}
                            <div class="nutritionDetailItem servingSize">
                                <div class="label"><%Serving Size%></div>
                                <div class="info ml-auto">{{fragmentElements.nutritionInfo.servingSize}}</div>
                            </div>
                            {{/ifCond}}
                             <div class="nutritionDetailItem amountPerServing">
                                <div class="label"><%Amount Per Serving%></div>
                            </div>
                            <div class="nutritionDetailItem calories">
                                <div class="label"><%Calories%></div>
                                <div class="info ml-auto">{{fragmentElements.nutritionInfo.calories}}</div>
                            </div>
                            {{#ifCond fragmentElements.nutritionInfo.caloriesFromFat '!==' ''}}
                            <div class="nutritionDetailItem caloriesFromFat">
                                <div class="label"><%Calories from Fat%></div>
                                <div class="info ml-auto">{{fragmentElements.nutritionInfo.caloriesFromFat}}</div>
                            </div>
                            {{/ifCond}}
                             <div class="dailyValueTable dailyValue">
                                <div class="daily dailyValue1 text-right border-0">%<% Daily Value%></div>
                                <div class="daily text-right border-0">%<% Daily Value%></div>
                            </div>
                            <div class="dailyValueTable">
                                {{#ifCond fragmentElements.nutritionInfo.totalFat '!==' ''}}
                                <div class="nutritionDetailItem totalFat">
                                    <div class="label"><%Total Fat%></div>
                                    <div class="info">{{fragmentElements.nutritionInfo.totalFat}}</div>
                                    <div class="daily ml-auto">{{fragmentElements.nutritionInfo.totalFatDaily}}</div>
                                </div>
                                {{/ifCond}}                           
                                {{#ifCond fragmentElements.nutritionInfo.saturatedFat '!==' ''}}
                                <div class="nutritionDetailItem saturatedFat">
                                    <div class="label"><%Saturated Fat%></div>
                                    <div class="info">{{fragmentElements.nutritionInfo.saturatedFat}}</div>
                                    <div class="daily ml-auto">{{fragmentElements.nutritionInfo.saturatedFatDaily}}</div>
                                </div>
                                {{/ifCond}}
                                {{#ifCond fragmentElements.nutritionInfo.transFat '!==' ''}}
                                <div class="nutritionDetailItem transFat">
                                    <div class="label"><%Trans Fat%></div>
                                    <div class="info">{{fragmentElements.nutritionInfo.transFat}}</div>
                                    <div class="daily ml-auto">{{fragmentElements.nutritionInfo.transFatDaily}}</div>
                                </div>
                                {{/ifCond}}
                                {{!-- add new Polyunsaturated fats fields here --}}
                                {{#ifCond fragmentElements.nutritionInfo.polyunsaturatedFats '!==' ''}}
                                <div class="nutritionDetailItem polyunsaturatedFats">
                                    <div class="label"><%Polyunsaturated Fats%></div>
                                    <div class="info mr-2">{{fragmentElements.nutritionInfo.polyunsaturatedFats}}</div>
                                    <div class="daily ml-auto">{{fragmentElements.nutritionInfo.polyunsaturatedFatsDaily}}</div>
                                </div>
                                {{/ifCond}}
                                {{!-- add Monounsaturated fats fields here --}}
                                {{#ifCond fragmentElements.nutritionInfo.monounsaturatedFat '!==' ''}}
                                <div class="nutritionDetailItem monounsaturatedFat">
                                    <div class="label"><%Monounsaturated Fat%></div>
                                    <div class="info mr-1">{{fragmentElements.nutritionInfo.monounsaturatedFat}}</div>
                                    <div class="daily ml-auto">{{fragmentElements.nutritionInfo.monounsaturatedFatDaily}}</div>
                                </div>
                                {{/ifCond}}
                                {{#ifCond fragmentElements.nutritionInfo.cholesterol '!==' ''}}
                                <div class="nutritionDetailItem cholesterol">
                                    <div class="label"><%Cholesterol%></div>
                                    <div class="info">{{fragmentElements.nutritionInfo.cholesterol}}</div>
                                    <div class="daily ml-auto">{{fragmentElements.nutritionInfo.cholesterolDaily}}</div>
                                </div>
                                {{/ifCond}}
                                {{#ifCond fragmentElements.nutritionInfo.salt '!==' ''}}
                                <div class="nutritionDetailItem salt">
                                    <div class="label"><%Salt%></div>
                                    <div class="info">{{fragmentElements.nutritionInfo.salt}}</div>
                                    <div class="daily ml-auto">{{fragmentElements.nutritionInfo.saltDaily}}</div>
                                </div>
                                {{/ifCond}}
                                {{#ifCond fragmentElements.nutritionInfo.sodium '!==' ''}}
                                <div class="nutritionDetailItem sodium">
                                    <div class="label"><%Sodium%></div>
                                    <div class="info">{{fragmentElements.nutritionInfo.sodium}}</div>
                                    <div class="daily ml-auto">{{fragmentElements.nutritionInfo.sodiumDaily}}</div>
                                </div>
                                {{/ifCond}}
                                {{#ifCond fragmentElements.nutritionInfo.totalCarbohydrates '!==' ''}}
                                <div class="nutritionDetailItem totalCarbohydrates">
                                    <div class="label"><%Total Carbohydrates%></div>
                                    <div class="info mr-2">{{fragmentElements.nutritionInfo.totalCarbohydrates}}</div>
                                    <div class="daily ml-auto">{{fragmentElements.nutritionInfo.totalCarbohydratesDaily}}</div>
                                </div>
                                {{/ifCond}}
                                {{!-- Japan nutrition field. No daily div needed. START --}}
                                {{#ifCond fragmentElements.nutritionInfo.nutritionAvailableCarbohydrate '!==' ''}}
                                <div class="nutritionDetailItem availableCarbohydrate">
                                    <div class="label"><%Available Carbohydrate%></div>
                                    <div class="info">{{fragmentElements.nutritionInfo.nutritionAvailableCarbohydrate}}</div>
                                </div>
                                {{/ifCond}}
                                {{!-- Japan nutrition field. END --}}
                                {{#ifCond fragmentElements.nutritionInfo.totalSugars '!==' ''}}
                                <div class="nutritionDetailItem totalSugars">
                                    <div class="label"><%Total Sugars%></div>
                                    <div class="info">{{fragmentElements.nutritionInfo.totalSugars}}</div>
                                    <div class="daily ml-auto">{{fragmentElements.nutritionInfo.totalSugarsDaily}}</div>
                                </div>
                                {{/ifCond}}
                                {{!-- add alcohol fields here --}}
                                {{#ifCond fragmentElements.nutritionInfo.alcohol '!==' ''}}
                                <div class="nutritionDetailItem alcohol">
                                    <div class="label"><%Alcohol%></div>
                                    <div class="info">{{fragmentElements.nutritionInfo.alcohol}}</div>
                                    <div class="daily ml-auto">{{fragmentElements.nutritionInfo.alcoholDaily}}</div>
                                </div>
                                {{/ifCond}}
                                {{#ifCond fragmentElements.nutritionInfo.protein '!==' ''}}
                                <div class="nutritionDetailItem protein">
                                    <div class="label"><%Protein%></div>
                                    <div class="info">{{fragmentElements.nutritionInfo.protein}}</div>
                                    <div class="daily ml-auto">{{fragmentElements.nutritionInfo.proteinDaily}}</div>
                                </div>
                                {{/ifCond}}
                                {{#ifCond fragmentElements.nutritionInfo.vitaminA '!==' ''}}
                                <div class="nutritionDetailItem vitaminA">
                                    <div class="label"><%Vitamin A%></div>
                                    <div class="info">{{fragmentElements.nutritionInfo.vitaminA}}</div>
                                    <div class="daily ml-auto">{{fragmentElements.nutritionInfo.vitaminADaily}}</div>
                                </div>
                                {{/ifCond}}
                                {{#ifCond fragmentElements.nutritionInfo.vitaminC '!==' ''}}
                                <div class="nutritionDetailItem vitaminC">
                                    <div class="label"><%Vitamin C%></div>
                                    <div class="info">{{fragmentElements.nutritionInfo.vitaminC}}</div>
                                    <div class="daily ml-auto">{{fragmentElements.nutritionInfo.vitaminCDaily}}</div>
                                </div>
                                {{/ifCond}}
                                {{#ifCond fragmentElements.nutritionInfo.vitaminD '!==' ''}}
                                <div class="nutritionDetailItem vitaminD">
                                    <div class="label"><%Vitamin D%></div>
                                    <div class="info">{{fragmentElements.nutritionInfo.vitaminD}}</div>
                                    <div class="daily ml-auto">{{fragmentElements.nutritionInfo.vitaminDDaily}}</div>
                                </div>
                                {{/ifCond}}
                                {{#ifCond fragmentElements.nutritionInfo.calcium '!==' ''}}
                                <div class="nutritionDetailItem calcium">
                                    <div class="label"><%Calcium%></div>
                                    <div class="info">{{fragmentElements.nutritionInfo.calcium}}</div>
                                    <div class="daily ml-auto">{{fragmentElements.nutritionInfo.calciumDaily}}</div>
                                </div>
                                {{/ifCond}}
                                {{#ifCond fragmentElements.nutritionInfo.iron '!==' ''}}
                                <div class="nutritionDetailItem iron">
                                    <div class="label"><%Iron%></div>
                                    <div class="info">{{fragmentElements.nutritionInfo.iron}}</div>
                                    <div class="daily ml-auto">{{fragmentElements.nutritionInfo.ironDaily}}</div>
                                </div>
                                {{/ifCond}}
                                {{#ifCond fragmentElements.nutritionInfo.vitaminE '!==' ''}}
                                <div class="nutritionDetailItem vitaminE">
                                    <div class="label"><%Vitamin E%></div>
                                    <div class="info">{{fragmentElements.nutritionInfo.vitaminE}}</div>
                                    <div class="daily ml-auto">{{fragmentElements.nutritionInfo.vitaminEDaily}}</div>
                                </div>
                                {{/ifCond}}
                                {{#ifCond fragmentElements.nutritionInfo.vitaminB3 '!==' ''}}
                                <div class="nutritionDetailItem vitaminB3">
                                    <div class="label"><%Niacin%></div>
                                    <div class="info">{{fragmentElements.nutritionInfo.vitaminB3}}</div>
                                    <div class="daily ml-auto">{{fragmentElements.nutritionInfo.vitaminB3Daily}}</div>
                                </div>
                                {{/ifCond}}
                                {{#ifCond fragmentElements.nutritionInfo.vitaminB1 '!==' ''}}
                                <div class="nutritionDetailItem vitaminB1">
                                    <div class="label"><%Vitamin B1%></div>
                                    <div class="info">{{fragmentElements.nutritionInfo.vitaminB1}}</div>
                                    <div class="daily ml-auto">{{fragmentElements.nutritionInfo.vitaminB1Daily}}</div>
                                </div>
                                {{/ifCond}}
                                {{#ifCond fragmentElements.nutritionInfo.vitaminB2 '!==' ''}}
                                <div class="nutritionDetailItem vitaminB2">
                                    <div class="label"><%Vitamin B2%></div>
                                    <div class="info">{{fragmentElements.nutritionInfo.vitaminB2}}</div>
                                    <div class="daily ml-auto">{{fragmentElements.nutritionInfo.vitaminB2Daily}}</div>
                                </div>
                                {{/ifCond}}
                                {{#ifCond fragmentElements.nutritionInfo.vitaminB6 '!==' ''}}
                                <div class="nutritionDetailItem vitaminB6">
                                    <div class="label"><%Vitamin B6%></div>
                                    <div class="info">{{fragmentElements.nutritionInfo.vitaminB6}}</div>
                                    <div class="daily ml-auto">{{fragmentElements.nutritionInfo.vitaminB6Daily}}</div>
                                </div>
                                {{/ifCond}}
                                {{#ifCond fragmentElements.nutritionInfo.vitaminB12 '!==' ''}}
                                <div class="nutritionDetailItem vitaminB12">
                                    <div class="label"><%Vitamin B12%></div>
                                    <div class="info">{{fragmentElements.nutritionInfo.vitaminB12}}</div>
                                    <div class="daily ml-auto">{{fragmentElements.nutritionInfo.vitaminB12Daily}}</div>
                                </div>
                                {{/ifCond}}
                                {{#ifCond fragmentElements.nutritionInfo.folicAcid '!==' ''}}
                                <div class="nutritionDetailItem folicAcid">
                                    <div class="label"><%Folate%></div>
                                    <div class="info">{{fragmentElements.nutritionInfo.folicAcid}}</div>
                                    <div class="daily ml-auto">{{fragmentElements.nutritionInfo.folicAcidDaily}}</div>
                                </div>
                                {{/ifCond}}
                                {{#ifCond fragmentElements.nutritionInfo.vitaminB5 '!==' ''}}
                                <div class="nutritionDetailItem vitaminB5">
                                    <div class="label"><%Pantothenate%></div>
                                    <div class="info">{{fragmentElements.nutritionInfo.vitaminB5}}</div>
                                    <div class="daily ml-auto">{{fragmentElements.nutritionInfo.vitaminB5Daily}}</div>
                                </div>
                                {{/ifCond}}
                                {{#ifCond fragmentElements.nutritionInfo.magnesium '!==' ''}}
                                <div class="nutritionDetailItem magnesium">
                                    <div class="label"><%Magnesium%></div>
                                    <div class="info">{{fragmentElements.nutritionInfo.magnesium}}</div>
                                    <div class="daily ml-auto">{{fragmentElements.nutritionInfo.magnesiumDaily}}</div>
                                </div>
                                {{/ifCond}}
                                {{#ifCond fragmentElements.nutritionInfo.potassium '!==' ''}}
                                <div class="nutritionDetailItem potassium">
                                    <div class="label"><%Potassium%></div>
                                    <div class="info">{{fragmentElements.nutritionInfo.potassium}}</div>
                                    <div class="daily ml-auto">{{fragmentElements.nutritionInfo.potassiumDaily}}</div>
                                </div>
                                {{/ifCond}}
                                {{#ifCond fragmentElements.nutritionInfo.zinc '!==' ''}}
                                <div class="nutritionDetailItem zinc">
                                    <div class="label"><%Zinc%></div>
                                    <div class="info">{{fragmentElements.nutritionInfo.zinc}}</div>
                                    <div class="daily ml-auto">{{fragmentElements.nutritionInfo.zincDaily}}</div>
                                </div>
                                {{/ifCond}}
                                {{#ifCond fragmentElements.nutritionInfo.bicarbonate '!==' ''}}
                                <div class="nutritionDetailItem bicarbonate">
                                    <div class="label"><%Bicarbonate%></div>
                                    <div class="info">{{fragmentElements.nutritionInfo.bicarbonate}}</div>
                                    <div class="daily ml-auto">{{fragmentElements.nutritionInfo.bicarbonateDaily}}</div>
                                </div>
                                {{/ifCond}}
                                {{#ifCond fragmentElements.nutritionInfo.chloride '!==' ''}}
                                <div class="nutritionDetailItem chloride">
                                    <div class="label"><%Chloride%></div>
                                    <div class="info">{{fragmentElements.nutritionInfo.chloride}}</div>
                                    <div class="daily ml-auto">{{fragmentElements.nutritionInfo.chlorideDaily}}</div>
                                </div>
                                {{/ifCond}}
                                {{#ifCond fragmentElements.nutritionInfo.sulfate '!==' ''}}
                                <div class="nutritionDetailItem sulfate">
                                    <div class="label"><%Sulfate%></div>
                                    <div class="info">{{fragmentElements.nutritionInfo.sulfate}}</div>
                                    <div class="daily ml-auto">{{fragmentElements.nutritionInfo.sulfateDaily}}</div>
                                </div>
                                {{/ifCond}}
                                {{#ifCond fragmentElements.nutritionInfo.phValue '!==' ''}}
                                <div class="nutritionDetailItem phvalue">
                                    <div class="label"><%PH%></div>
                                    <div class="info">{{fragmentElements.nutritionInfo.phValue}}</div>
                                    <div class="daily ml-auto">{{fragmentElements.nutritionInfo.phValueDaily}}</div>
                                </div>
                                {{/ifCond}}
                                {{#ifCond fragmentElements.nutritionInfo.dietaryFiber '!==' ''}}
                                <div class="nutritionDetailItem dietaryFiber">
                                    <div class="label"><%Dietary Fiber%></div>
                                    <div class="info">{{fragmentElements.nutritionInfo.dietaryFiber}}</div>
                                    <div class="daily ml-auto">{{fragmentElements.nutritionInfo.dietaryFiberDaily}}</div>
                                </div>
                                {{/ifCond}}
                                {{#ifCond fragmentElements.nutritionInfo.caffeine '!==' ''}}
                                <div class="nutritionDetailItem caffeine">
                                    <div class="label"><%Caffeine%></div>
                                    <div class="info">{{fragmentElements.nutritionInfo.caffeine}}</div>
                                    <div class="daily ml-auto">{{fragmentElements.nutritionInfo.caffeineDaily}}</div>
                                </div>
                                {{/ifCond}}
                                {{#ifCond fragmentElements.nutritionInfo.biotine '!==' ''}}
                                <div class="nutritionDetailItem biotine">
                                    <div class="label"><%Biotine%></div>
                                    <div class="info">{{fragmentElements.nutritionInfo.biotine}}</div>
                                    <div class="daily ml-auto">{{fragmentElements.nutritionInfo.biotineDaily}}</div>
                                </div>
                                {{/ifCond}}
                                {{!-- Japan Nutrition Fields Start --}}
                                {{!-- NOTE: daily field DIV removed as it is not needed for Japan Nutrition Info --}}
								{{#ifCond fragmentElements.nutritionInfo.ingredientsInvolved '!==' ''}}
                                <div class="nutritionDetailItem ingredientsInvolved">
                                    <div class="label"><%Ingredients involved: Indigestible dextrin (As dietary fiber)%></div>
                                    <div class="info">{{fragmentElements.nutritionInfo.ingredientsInvolved}}</div>
                                </div>
                                {{/ifCond}}
								{{#ifCond fragmentElements.nutritionInfo.nutritionCitricAcid '!==' ''}}
                                <div class="nutritionDetailItem citricAcid">
                                    <div class="label"><%Citric Acid%></div>
                                    <div class="info">{{fragmentElements.nutritionInfo.nutritionCitricAcid}}</div>
                                </div>
                                {{/ifCond}}
                                {{#ifCond fragmentElements.nutritionInfo.nutritionArginine '!==' ''}}
                                <div class="nutritionDetailItem ariginine">
                                    <div class="label"><%Ariginine%></div>
                                    <div class="info">{{fragmentElements.nutritionInfo.nutritionArginine}}</div>
                                </div>
                                {{/ifCond}}
								{{#ifCond fragmentElements.nutritionInfo.nutritionIsoleucine '!==' ''}}
                                <div class="nutritionDetailItem isoleucine">
                                    <div class="label"><%Isoleucine%></div>
                                    <div class="info">{{fragmentElements.nutritionInfo.nutritionIsoleucine}}</div>
                                </div>
                                {{/ifCond}}
								{{#ifCond fragmentElements.nutritionInfo.nutritionValine '!==' ''}}
                                <div class="nutritionDetailItem valine">
                                    <div class="label"><%Valine%></div>
                                    <div class="info">{{fragmentElements.nutritionInfo.nutritionValine}}</div>
                                </div>
                                {{/ifCond}}
								{{#ifCond fragmentElements.nutritionInfo.nutritionLeucine '!==' ''}}
                                <div class="nutritionDetailItem leucine">
                                    <div class="label"><%Leucine%></div>
                                    <div class="info">{{fragmentElements.nutritionInfo.nutritionLeucine}}</div>
                                </div>
                                {{/ifCond}}
								{{#ifCond fragmentElements.nutritionInfo.nutritionLcarnitine '!==' ''}}
                                <div class="nutritionDetailItem lCarnitine">
                                    <div class="label"><%L-carnitine%></div>
                                    <div class="info">{{fragmentElements.nutritionInfo.nutritionLcarnitine}}</div>
                                </div>
                                {{/ifCond}}
								{{#ifCond fragmentElements.nutritionInfo.nutritionGlucose '!==' ''}}
                                <div class="nutritionDetailItem glucose">
                                    <div class="label"><%Glucose%></div>
                                    <div class="info">{{fragmentElements.nutritionInfo.nutritionGlucose}}</div>
                                </div>
                                {{/ifCond}}
								{{#ifCond fragmentElements.nutritionInfo.nutritionSucrose '!==' ''}}
                                <div class="nutritionDetailItem sucrose">
                                    <div class="label"><%Sucrose%></div>
                                    <div class="info">{{fragmentElements.nutritionInfo.nutritionSucrose}}</div>
                                </div>
                                {{/ifCond}}
								{{#ifCond fragmentElements.nutritionInfo.nutritionVitaminP '!==' ''}}
                                <div class="nutritionDetailItem vitaminP">
                                    <div class="label"><%Vitamin P%></div>
                                    <div class="info">{{fragmentElements.nutritionInfo.nutritionVitaminP}}</div>
                                </div>
                                {{/ifCond}}
								{{#ifCond fragmentElements.nutritionInfo.nutritionAsparticAcid '!==' ''}}
                                <div class="nutritionDetailItem asparticAcid">
                                    <div class="label"><%Aspartic Acid%></div>
                                    <div class="info">{{fragmentElements.nutritionInfo.nutritionAsparticAcid}}</div>
                                </div>
                                {{/ifCond}}
								{{#ifCond fragmentElements.nutritionInfo.nutritionAlanine '!==' ''}}
                                <div class="nutritionDetailItem alanine">
                                    <div class="label"><%Alanine%></div>
                                    <div class="info">{{fragmentElements.nutritionInfo.nutritionAlanine}}</div>
                                </div>
                                {{/ifCond}}
								{{#ifCond fragmentElements.nutritionInfo.nutritionRosehip '!==' ''}}
                                <div class="nutritionDetailItem rosehipDerivedTiliroside">
                                    <div class="label"><%Rosehip-derived tiliroside%></div>
                                    <div class="info">{{fragmentElements.nutritionInfo.nutritionRosehip}}</div>
                                </div>
                                {{/ifCond}}
                                {{#ifCond fragmentElements.nutritionInfo.nutritionGABA '!==' ''}}
                                <div class="nutritionDetailItem gaba">
                                    <div class="label"><%GABA%></div>
                                    <div class="info">{{fragmentElements.nutritionInfo.nutritionGABA}}</div>
                                </div>
                                {{/ifCond}}
                                {{#ifCond fragmentElements.nutritionInfo.nutritionWaterHardness '!==' ''}}
                                <div class="nutritionDetailItem waterHardness">
                                    <div class="label"><%Water Hardness%></div>
                                    <div class="info">{{fragmentElements.nutritionInfo.nutritionWaterHardness}}</div>
                                </div>
                                {{/ifCond}}
                                {{!-- Japan Nutrition Fields End --}}
                            </div>
                            {{#if fragmentElements.generalInfo}}
                            <div class="generalInfo py-3">
                                <div class="info">{{{fragmentElements.generalInfo}}}</div>
                            </div>
                            {{/if}}
                            {{#if fragmentElements.nutritionInfo.healthDescription}}
                            <div class="healthDescription">
                                <div class="info">{{{fragmentElements.nutritionInfo.healthDescription}}}</div>
                            </div>
                            {{/if}}
                            {{#if fragmentElements.nutritionInfo.otherInformations}}
                            <div class="otherInformations">
                                <div class="info">{{{fragmentElements.nutritionInfo.otherInformations}}}</div>
                            </div>
                            {{/if}}
                            {{#if fragmentElements.nutritionInfo.organicInformation}}
                            <div class="organicInformation">
                                <div class="info">{{{fragmentElements.nutritionInfo.organicInformation}}}</div>
                            </div>
                            {{/if}}
                        </div>
                        <div class="ingredientsDetails infoContent my-2 p-3">
                            <div class="ingredients">{{{fragmentElements.ingredients}}}</div>
                        </div>
                        {{#if fragmentElements.nutritionInfo.precautionsWarnings}}
                        <div class="legalDetails infoContent my-0 p-3">
                            <div class="legal">{{{fragmentElements.nutritionInfo.precautionsWarnings}}}</div>
                        </div>
                        {{/if}}
                    </div>
                </div>
                {{!-- create a nutrition tab with each variation --}}

                {{#each variationItems}}
                    <div class="tab-pane fade" aria-label="{{#if name}}{{name}}{{else}}{{../fragmentElements.name}}{{/if}}" id="nutrition-{{../../guid}}-{{@../index}}-{{@index}}" role="tabpanel">

                    <div class="productDescriptionContainer text-color-brand-text">
                        <h2 class="productName">{{#if name}}{{name}}{{else}}{{../fragmentElements.name}}{{/if}}</h2>
                        <div class="productDescription ">{{#if description}}{{{description}}}{{else}}{{{../fragmentElements.description}}}{{/if}}</div>
                    </div>

                    <div class="nutritionTable {{#ifCond nutritionInfo.calories "==" ""}}invisible{{/ifCond}}">
                        <div class="headerLinksContainer bg-color-brand-primary">
                            <div  class="headerLinks">
                                <a href="#" class="nutritionLink headerlink selected text-color-brand-text" role="button"><%Nutrition%></a>
                            </div>
                            <div class="headerLinks">
                                <a href="#" class="ingredientsLink headerlink text-color-brand-text" role="button"><%Ingredients%></a>
                            </div>
                           {{#if nutritionInfo.precautionsWarnings}}
							<div class="headerLinks legalLink">
                                <a href="#" class="legalLink headerlink text-color-brand-text " role="button"><%Legal%></a>
                            </div>
                            {{/if}}
                        </div>

                        <div class="nutritionDetails infoContent p-3">
                            <div class="servingsPerContainer">{{#if nutritionInfo.servingsPerContainer}}{{nutritionInfo.servingsPerContainer}}{{else}}{{../fragmentElements.servingsPerContainer}}{{/if}} <%Serving Per Container%></div>
                            <div class="nutritionDetailItem servingSize">
                                <div class="label"><%Serving Size%></div>
                                <div class="info ml-auto">{{#if nutritionInfo.servingSize}}{{nutritionInfo.servingSize}}{{else}}{{../fragmentElements.servingSize}}{{/if}}</div>
                            </div>
                             <div class="nutritionDetailItem amountPerServing">
                                <div class="label"><%Amount Per Serving%></div>
                            </div>
                            <div class="nutritionDetailItem calories">
                                <div class="label"><%Calories%></div>
                                <div class="info  ml-auto">{{#if nutritionInfo.calories}}{{nutritionInfo.calories}}{{else}}{{../fragmentElements.calories}}{{/if}}</div>
                            </div>
                            {{#if nutritionInfo.caloriesFromFat}}
                            <div class="nutritionDetailItem caloriesFromFat">
                                <div class="label"><%Calories from Fat%></div>
                                <div class="info  ml-auto">{{#if nutritionInfo.caloriesFromFat}}{{nutritionInfo.caloriesFromFat}}{{else}}{{../fragmentElements.caloriesFromFat}}{{/if}}</div>
                            </div>
                            {{/if}}
                             <div class="dailyValueTable dailyValue">
                                <div class="daily text-right border-0">%<% Daily Value%></div>
                                <div class="daily text-right border-0">%<% Daily Value%></div>
                            </div>
                            <div class="dailyValueTable">
                                {{#if nutritionInfo.totalFat}}
                                <div class="nutritionDetailItem totalFat">
                                    <div class="label"><%Total Fat%></div>
                                    <div class="info">{{#if nutritionInfo.totalFat}}{{nutritionInfo.totalFat}}{{else}}{{../fragmentElements.nutritionInfo.totalFat}}{{/if}}</div>
                                    <div class="daily ml-auto">{{#if nutritionInfo.totalFatDaily}}{{nutritionInfo.totalFatDaily}}{{else}}{{../fragmentElements.nutritionInfo.totalFatDaily}}{{/if}}</div>
                                </div>
                                {{/if}}                          
                                {{#if nutritionInfo.saturatedFat}}
                                <div class="nutritionDetailItem saturatedFat">
                                    <div class="label"><%Saturated Fat%></div>
                                    <div class="info">{{#if nutritionInfo.saturatedFat}}{{nutritionInfo.saturatedFat}}{{else}}{{../fragmentElements.nutritionInfo.saturatedFat}}{{/if}}</div>
                                    <div class="daily ml-auto">{{#if nutritionInfo.saturatedFat}}{{nutritionInfo.saturatedFatDaily}}{{else}}{{../fragmentElements.nutritionInfo.saturatedFatDaily}}{{/if}}</div>
                                </div>
                                {{/if}}
                                {{#if nutritionInfo.transFat}}
                                <div class="nutritionDetailItem transFat">
                                    <div class="label"><%Trans Fat%></div>
                                    <div class="info">{{#if nutritionInfo.transFat}}{{nutritionInfo.transFat}}{{else}}{{../fragmentElements.nutritionInfo.transFat}}{{/if}}</div>
                                    <div class="daily ml-auto">{{#if nutritionInfo.transFat}}{{nutritionInfo.transFatDaily}}{{else}}{{../fragmentElements.nutritionInfo.transFatDaily}}{{/if}}</div>
                                </div>
                                {{/if}}
                                {{!-- add new Polyunsaturated fats fields here --}}
                                {{#if nutritionInfo.polyunsaturatedFats}}
                                <div class="nutritionDetailItem polyunsaturatedFats">
                                    <div class="label"><%Polyunsaturated Fats%></div>
                                    <div class="info mr-2">{{#if nutritionInfo.polyunsaturatedFats}}{{nutritionInfo.polyunsaturatedFats}}{{else}}{{../fragmentElements.nutritionInfo.polyunsaturatedFats}}{{/if}}</div>
                                    <div class="daily ml-auto">{{#if nutritionInfo.polyunsaturatedFats}}{{nutritionInfo.polyunsaturatedFatsDaily}}{{else}}{{../fragmentElements.nutritionInfo.polyunsaturatedFatsDaily}}{{/if}}</div>
                                </div>
                                {{/if}}
                                {{!-- add Monounsaturated fats fields here --}}
                                {{#if nutritionInfo.monounsaturatedFat}}
                                <div class="nutritionDetailItem monounsaturatedFat">
                                    <div class="label"><%Monounsaturated Fat%></div>
                                    <div class="info mr-1">{{#if nutritionInfo.monounsaturatedFat}}{{nutritionInfo.monounsaturatedFat}}{{else}}{{../fragmentElements.nutritionInfo.monounsaturatedFat}}{{/if}}</div>
                                    <div class="daily ml-auto">{{#if nutritionInfo.monounsaturatedFat}}{{nutritionInfo.monounsaturatedFatDaily}}{{else}}{{../fragmentElements.nutritionInfo.monounsaturatedFatDaily}}{{/if}}</div>
                                </div>
                                {{/if}}
                                {{#if nutritionInfo.cholesterol}}
                                <div class="nutritionDetailItem cholesterol">
                                    <div class="label"><%Cholesterol%></div>
                                    <div class="info">{{#if nutritionInfo.cholesterol}}{{nutritionInfo.cholesterol}}{{else}}{{../fragmentElements.nutritionInfo.cholesterol}}{{/if}}</div>
                                    <div class="daily ml-auto">{{#if nutritionInfo.cholesterol}}{{nutritionInfo.cholesterolDaily}}{{else}}{{../fragmentElements.nutritionInfo.cholesterolDaily}}{{/if}}</div>
                                </div>
                                {{/if}}
                                {{#if nutritionInfo.salt}}
                                <div class="nutritionDetailItem salt">
                                    <div class="label"><%Salt%></div>
                                    <div class="info">{{#if nutritionInfo.salt}}{{nutritionInfo.salt}}{{else}}{{../fragmentElements.nutritionInfo.salt}}{{/if}}</div>
                                    <div class="daily ml-auto">{{#if nutritionInfo.saltDaily}}{{nutritionInfo.saltDaily}}{{else}}{{../fragmentElements.nutritionInfo.saltDaily}}{{/if}}</div>
                                </div>
                                {{/if}}
                                {{#if nutritionInfo.sodium}}
                                <div class="nutritionDetailItem sodium">
                                    <div class="label"><%Sodium%></div>
                                    <div class="info">{{#if nutritionInfo.sodium}}{{nutritionInfo.sodium}}{{else}}{{../fragmentElements.nutritionInfo.sodium}}{{/if}}</div>
                                    <div class="daily ml-auto">{{#if nutritionInfo.sodiumDaily}}{{nutritionInfo.sodiumDaily}}{{else}}{{../fragmentElements.nutritionInfo.sodiumDaily}}{{/if}}</div>
                                </div>
                                {{/if}}
                                {{#if nutritionInfo.totalCarbohydrates}}
                                <div class="nutritionDetailItem totalCarbohydrates">
                                    <div class="label"><%Total Carbohydrates%></div>
                                    <div class="info mr-2">{{#if nutritionInfo.totalCarbohydrates}}{{nutritionInfo.totalCarbohydrates}}{{else}}{{../fragmentElements.nutritionInfo.totalCarbohydrates}}{{/if}}</div>
                                    <div class="daily ml-auto">{{#if nutritionInfo.totalCarbohydratesDaily}}{{nutritionInfo.totalCarbohydratesDaily}}{{else}}{{../fragmentElements.nutritionInfo.totalCarbohydratesDaily}}{{/if}}</div>
                                </div>
                                {{/if}}
                                {{!-- Japan nutrition field. No daily div needed. START --}}
                                {{#if nutritionInfo.nutritionAvailableCarbohydrate}}
                                <div class="nutritionDetailItem availableCarbohydrate">
                                    <div class="label"><%Available Carbohydrate%></div>
                                    <div class="info"> {{#if nutritionInfo.nutritionAvailableCarbohydrate}}{{nutritionInfo.nutritionAvailableCarbohydrate}}{{else}}{{../fragmentElements.nutritionInfo.nutritionAvailableCarbohydrate}}{{/if}}</div>
                                </div>
                                {{/if}}
                                {{!-- Japan nutrition field. END --}}
                                {{#if nutritionInfo.totalSugars}}
                                <div class="nutritionDetailItem totalSugars">
                                    <div class="label"><%Total Sugars%></div>
                                    <div class="info">{{#if nutritionInfo.totalSugars}}{{nutritionInfo.totalSugars}}{{else}}{{../fragmentElements.nutritionInfo.totalSugars}}{{/if}}</div>
                                    <div class="daily ml-auto">{{#if nutritionInfo.totalSugarsDaily}}{{nutritionInfo.totalSugarsDaily}}{{else}}{{../fragmentElements.nutritionInfo.totalSugarsDaily}}{{/if}}</div>
                                </div>
                                {{/if}}
                                {{#if nutritionInfo.protein}}
                                <div class="nutritionDetailItem protein">
                                    <div class="label"><%Protein%></div>
                                    <div class="info">{{#if nutritionInfo.protein}}{{nutritionInfo.protein}}{{else}}{{../fragmentElements.nutritionInfo.protein}}{{/if}}</div>
                                    <div class="daily ml-auto">{{#if nutritionInfo.proteinDaily}}{{nutritionInfo.proteinDaily}}{{else}}{{../fragmentElements.nutritionInfo.proteinDaily}}{{/if}}</div>
                                </div>
                                {{/if}}
                                {{#if nutritionInfo.vitaminA}}
                                <div class="nutritionDetailItem vitaminA">
                                    <div class="label"><%Vitamin A%></div>
                                    <div class="info">{{#if nutritionInfo.vitaminA}}{{nutritionInfo.vitaminA}}{{else}}{{../fragmentElements.nutritionInfo.vitaminA}}{{/if}}</div>
                                    <div class="daily ml-auto">{{#if nutritionInfo.vitaminADaily}}{{nutritionInfo.vitaminADaily}}{{else}}{{../fragmentElements.nutritionInfo.vitaminADaily}}{{/if}}</div>
                                </div>
                                {{/if}}
                                {{#if nutritionInfo.vitaminC}}
                                <div class="nutritionDetailItem vitaminC">
                                    <div class="label"><%Vitamin C%></div>
                                    <div class="info">
                                        {{#if nutritionInfo.vitaminC}}{{nutritionInfo.vitaminC}}{{else}}{{../fragmentElements.nutritionInfo.vitaminC}}{{/if}}
                                    </div>
                                    <div class="daily ml-auto">
                                        {{#if nutritionInfo.vitaminCDaily}}{{nutritionInfo.vitaminCDaily}}{{else}}{{../fragmentElements.nutritionInfo.vitaminCDaily}}{{/if}}
                                    </div>
                                </div>
                                {{/if}}
                                {{#if nutritionInfo.vitaminD}}
                                <div class="nutritionDetailItem vitaminD">
                                    <div class="label"><%Vitamin D%></div>
                                    <div class="info">{{#if nutritionInfo.vitaminD}}{{nutritionInfo.vitaminD}}{{else}}{{../fragmentElements.nutritionInfo.vitaminD}}{{/if}}</div>
                                    <div class="daily ml-auto">{{#if nutritionInfo.vitaminDDaily}}{{nutritionInfo.vitaminDDaily}}{{else}}{{../fragmentElements.nutritionInfo.vitaminDDaily}}{{/if}}</div>
                                </div>
                                {{/if}}
                                {{#if nutritionInfo.calcium}}
                                <div class="nutritionDetailItem calcium">
                                    <div class="label"><%Calcium%></div>
                                    <div class="info">{{#if nutritionInfo.calcium}}{{nutritionInfo.calcium}}{{else}}{{../fragmentElements.nutritionInfo.calcium}}{{/if}}</div>
                                    <div class="daily ml-auto">{{#if nutritionInfo.calciumDaily}}{{nutritionInfo.calciumDaily}}{{else}}{{../fragmentElements.nutritionInfo.calciumDaily}}{{/if}}</div>
                                </div>
                                {{/if}}
                                {{#if nutritionInfo.iron}}
                                <div class="nutritionDetailItem iron">
                                    <div class="label"><%Iron%></div>
                                    <div class="info">{{#if nutritionInfo.iron}}{{nutritionInfo.iron}}{{else}}{{../fragmentElements.nutritionInfo.iron}}{{/if}}</div>
                                    <div class="daily ml-auto">{{#if nutritionInfo.ironDaily}}{{nutritionInfo.ironDaily}}{{else}}{{../fragmentElements.nutritionInfo.ironDaily}}{{/if}}</div>
                                </div>
                                {{/if}}
                                {{#if nutritionInfo.vitaminE}}
                                <div class="nutritionDetailItem vitaminE">
                                    <div class="label"><%Vitamin E%></div>
                                    <div class="info">{{#if nutritionInfo.vitaminE}}{{nutritionInfo.vitaminE}}{{else}}{{../fragmentElements.nutritionInfo.vitaminE}}{{/if}}</div>
                                    <div class="daily ml-auto">{{#if nutritionInfo.vitaminEDaily}}{{nutritionInfo.vitaminEDaily}}{{else}}{{../fragmentElements.nutritionInfo.vitaminEDaily}}{{/if}}</div>
                                </div>
                                {{/if}}
                                {{#if nutritionInfo.vitaminB3}}
                                <div class="nutritionDetailItem vitaminB3">
                                    <div class="label"><%Niacin%></div>
                                    <div class="info">{{#if nutritionInfo.vitaminB3}}{{nutritionInfo.vitaminB3}}{{else}}{{../fragmentElements.nutritionInfo.vitaminB3}}{{/if}}</div>
                                    <div class="daily ml-auto">{{#if nutritionInfo.vitaminB3Daily}}{{nutritionInfo.vitaminB3Daily}}{{else}}{{../fragmentElements.nutritionInfo.vitaminB3Daily}}{{/if}}</div>
                                </div>
                                {{/if}}
                                {{#if nutritionInfo.vitaminB1}}
                                <div class="nutritionDetailItem vitaminB1">
                                    <div class="label"><%Vitamin B1%></div>
                                    <div class="info">{{#if nutritionInfo.vitaminB1}}{{nutritionInfo.vitaminB1}}{{else}}{{../fragmentElements.nutritionInfo.vitaminB1}}{{/if}}</div>
                                    <div class="daily ml-auto">{{#if nutritionInfo.vitaminB1Daily}}{{nutritionInfo.vitaminB1Daily}}{{else}}{{../fragmentElements.nutritionInfo.vitaminB1Daily}}{{/if}}</div>
                                </div>
                                {{/if}}
                                {{#if nutritionInfo.vitaminB2}}
                                <div class="nutritionDetailItem vitaminB2">
                                    <div class="label"><%Vitamin B2%></div>
                                    <div class="info">{{#if nutritionInfo.vitaminB2}}{{nutritionInfo.vitaminB2}}{{else}}{{../fragmentElements.nutritionInfo.vitaminB2}}{{/if}}</div>
                                    <div class="daily ml-auto">{{#if nutritionInfo.vitaminB2Daily}}{{else}}{{../fragmentElements.nutritionInfo.vitaminB2Daily}}{{/if}}</div>
                                </div>
                                {{/if}}
                                {{#if nutritionInfo.vitaminB6}}
                                <div class="nutritionDetailItem vitaminB6">
                                    <div class="label"><%Vitamin B6%></div>
                                    <div class="info">{{#if nutritionInfo.vitaminB6}}{{nutritionInfo.vitaminB6}}{{else}}{{../fragmentElements.nutritionInfo.vitaminB6}}{{/if}}</div>
                                    <div class="daily ml-auto">{{#if nutritionInfo.vitaminB6Daily}}{{nutritionInfo.vitaminB6Daily}}{{else}}{{../fragmentElements.nutritionInfo.vitaminB6Daily}}{{/if}}</div>
                                </div>
                                {{/if}}
                                {{#if nutritionInfo.vitaminB12}}
                                <div class="nutritionDetailItem vitaminB12">
                                    <div class="label"><%Vitamin B12%></div>
                                    <div class="info">{{#if nutritionInfo.vitaminB12}}{{nutritionInfo.vitaminB12}}{{else}}{{../fragmentElements.nutritionInfo.vitaminB12}}{{/if}}</div>
                                    <div class="daily ml-auto">{{#if nutritionInfo.vitaminB12Daily}}{{nutritionInfo.vitaminB12Daily}}{{else}}{{../fragmentElements.nutritionInfo.vitaminB12Daily}}{{/if}}</div>
                                </div>
                                {{/if}}
                                {{#if nutritionInfo.folicAcid}}
                                <div class="nutritionDetailItem folicAcid">
                                    <div class="label"><%Folate%></div>
                                    <div class="info">{{#if nutritionInfo.folicAcid}}{{nutritionInfo.folicAcid}}{{else}}{{../fragmentElements.nutritionInfo.folicAcid}}{{/if}}</div>
                                    <div class="daily ml-auto">{{#if nutritionInfo.folicAcidDaily}}{{nutritionInfo.folicAcidDaily}}{{else}}{{../fragmentElements.nutritionInfo.folicAcidDaily}}{{/if}}</div>
                                </div>
                                {{/if}}
                                {{#if nutritionInfo.vitaminB5}}
                                <div class="nutritionDetailItem vitaminB5">
                                    <div class="label"><%Pantothenate%></div>
                                    <div class="info">{{#if nutritionInfo.vitaminB5}}{{nutritionInfo.vitaminB5}}{{else}}{{../fragmentElements.nutritionInfo.vitaminB5}}{{/if}}</div>
                                    <div class="daily ml-auto">{{#if nutritionInfo.vitaminB5Daily}}{{else}}{{../fragmentElements.nutritionInfo.vitaminB5Daily}}{{/if}}</div>
                                </div>
                                {{/if}}
                                {{#if nutritionInfo.magnesium}}
                                <div class="nutritionDetailItem magnesium">
                                    <div class="label"><%Magnesium%></div>
                                    <div class="info">{{#if nutritionInfo.magnesium}}{{nutritionInfo.magnesium}}{{else}}{{../fragmentElements.nutritionInfo.magnesium}}{{/if}}</div>
                                    <div class="daily ml-auto">{{#if nutritionInfo.magnesiumDaily}}{{else}}{{../fragmentElements.nutritionInfo.magnesiumDaily}}{{/if}}</div>
                                </div>
                                {{/if}}
                                {{#if nutritionInfo.potassium}}
                                <div class="nutritionDetailItem potassium">
                                    <div class="label"><%Potassium%></div>
                                    <div class="info">{{#if nutritionInfo.potassium}}{{nutritionInfo.potassium}}{{else}}{{../fragmentElements.nutritionInfo.potassium}}{{/if}}</div>
                                    <div class="daily ml-auto">{{#if nutritionInfo.potassiumDaily}}{{nutritionInfo.potassiumDaily}}{{else}}{{../fragmentElements.nutritionInfo.potassiumDaily}}{{/if}}</div>
                                </div>
                                {{/if}}
                                {{#if nutritionInfo.zinc}}
                                <div class="nutritionDetailItem zinc">
                                    <div class="label"><%Zinc%></div>
                                    <div class="info">{{#if nutritionInfo.zinc}}{{nutritionInfo.zinc}}{{else}}{{../fragmentElements.nutritionInfo.zinc}}{{/if}}</div>
                                    <div class="daily ml-auto">{{#if nutritionInfo.zincDaily}}{{nutritionInfo.zincDaily}}{{else}}{{../fragmentElements.nutritionInfo.zincDaily}}{{/if}}</div>
                                </div>
                                {{/if}}
                                {{#if nutritionInfo.bicarbonate}}
                                <div class="nutritionDetailItem bicarbonate">
                                    <div class="label"><%Bicarbonate%></div>
                                    <div class="info">{{#if nutritionInfo.bicarbonate}}{{nutritionInfo.bicarbonate}}{{else}}{{../fragmentElements.nutritionInfo.bicarbonate}}{{/if}}</div>
                                    <div class="daily ml-auto">{{#if nutritionInfo.bicarbonateDaily}}{{nutritionInfo.bicarbonateDaily}}{{else}}{{../fragmentElements.nutritionInfo.bicarbonateDaily}}{{/if}}</div>
                                </div>
                                {{/if}}
                                {{#if nutritionInfo.chloride}}
                                <div class="nutritionDetailItem chloride">
                                    <div class="label"><%Chloride%></div>
                                    <div class="info">{{#if nutritionInfo.chloride}}{{nutritionInfo.chloride}}{{else}}{{../fragmentElements.nutritionInfo.chloride}}{{/if}}</div>
                                    <div class="daily ml-auto">{{#if nutritionInfo.chlorideDaily}}{{nutritionInfo.chlorideDaily}}{{else}}{{../fragmentElements.nutritionInfo.chlorideDaily}}{{/if}}</div>
                                </div>
                                {{/if}}
                                {{#if nutritionInfo.sulfate}}
                                <div class="nutritionDetailItem sulfate">
                                    <div class="label"><%Sulfate%></div>
                                    <div class="info">{{#if nutritionInfo.sulfate}}{{nutritionInfo.sulfate}}{{else}}{{../fragmentElements.nutritionInfo.sulfate}}{{/if}}</div>
                                    <div class="daily ml-auto">{{#if nutritionInfo.sulfateDaily}}{{nutritionInfo.sulfateDaily}}{{else}}{{../fragmentElements.nutritionInfo.sulfateDaily}}{{/if}}</div>
                                </div>
                                {{/if}}
                                {{#if nutritionInfo.phValue}}
                                <div class="nutritionDetailItem phvalue">
                                    <div class="label"><%PH%></div>
                                    <div class="info">{{#if nutritionInfo.phValue}}{{nutritionInfo.phValue}}{{else}}{{../fragmentElements.nutritionInfo.phValue}}{{/if}}</div>
                                    <div class="daily ml-auto">{{#if nutritionInfo.phValueDaily}}{{nutritionInfo.phValue}}{{else}}{{../fragmentElements.nutritionInfo.phValueDaily}}{{/if}}</div>
                                </div>
                                {{/if}}
                                {{#if nutritionInfo.dietaryFiber}}
                                <div class="nutritionDetailItem dietaryFiber">
                                    <div class="label"><%Dietary Fiber%></div>
                                    <div class="info">{{#if nutritionInfo.dietaryFiber}}{{nutritionInfo.dietaryFiber}}{{else}}{{../fragmentElements.nutritionInfo.dietaryFiber}}{{/if}}</div>
                                    <div class="daily ml-auto">{{#if nutritionInfo.dietaryFiberDaily}}{{nutritionInfo.dietaryFiberDaily}}{{else}}{{../fragmentElements.nutritionInfo.dietaryFiberDaily}}{{/if}}</div>
                                </div>
                                {{/if}}
                                {{#if nutritionInfo.caffeine}}
                                <div class="nutritionDetailItem caffeine">
                                    <div class="label"><%Caffeine%></div>
                                    <div class="info">{{#if nutritionInfo.caffeine}}{{nutritionInfo.caffeine}}{{else}}{{../fragmentElements.nutritionInfo.caffeine}}{{/if}}</div>
                                    <div class="daily ml-auto">{{#if nutritionInfo.caffeineDaily}}{{nutritionInfo.caffeineDaily}}{{else}}{{../fragmentElements.nutritionInfo.caffeineDaily}}{{/if}}</div>
                                </div>
                                {{/if}}
                                {{#if nutritionInfo.biotine}}
                                <div class="nutritionDetailItem biotine">
                                    <div class="label"><%Biotine%></div>
                                    <div class="info">{{#if nutritionInfo.biotine}}{{nutritionInfo.biotine}}{{else}}{{../fragmentElements.nutritionInfo.biotine}}{{/if}}</div>
                                    <div class="daily ml-auto">{{#if nutritionInfo.biotineDaily}}{{nutritionInfo.biotineDaily}}{{else}}{{../fragmentElements.nutritionInfo.biotineDaily}}{{/if}}</div>
                                </div>
                                {{/if}}
                                {{!-- Japan Nutrition Fields Start --}}
                                {{!-- NOTE: daily field DIV removed as it is not needed for Japan Nutrition Info --}}
								{{#if nutritionInfo.ingredientsInvolved}}
                                <div class="nutritionDetailItem ingredientsInvolved">
                                    <div class="label"><%Ingredients involved: Indigestible dextrin (As dietary fiber)%></div>
                                    <div class="info">{{#if nutritionInfo.ingredientsInvolved}}{{nutritionInfo.ingredientsInvolved}}{{else}}{{../fragmentElements.nutritionInfo.ingredientsInvolved}}{{/if}}</div>
                                </div>
                                {{/if}}
								{{#if nutritionInfo.nutritionCitricAcid}}
                                <div class="nutritionDetailItem citricAcid">
                                    <div class="label"><%Citric Acid%></div>
                                    <div class="info">{{#if nutritionInfo.nutritionCitricAcid}}{{nutritionInfo.nutritionCitricAcid}}{{else}}{{../fragmentElements.nutritionInfo.nutritionCitricAcid}}{{/if}}</div>
                                </div>
                                {{/if}}
                                {{#if nutritionInfo.nutritionArginine}}
                                <div class="nutritionDetailItem ariginine">
                                    <div class="label"><%Ariginine%></div>
                                    <div class="info">{{#if nutritionInfo.nutritionArginine}}{{nutritionInfo.nutritionArginine}}{{else}}{{../fragmentElements.nutritionInfo.nutritionArginine}}{{/if}}</div>
                                </div>
                                {{/if}}
								{{#if nutritionInfo.nutritionIsoleucine}}
                                <div class="nutritionDetailItem isoleucine">
                                    <div class="label"><%Isoleucine%></div>
                                    <div class="info">{{#if nutritionInfo.nutritionIsoleucine}}{{nutritionInfo.nutritionIsoleucine}}{{else}}{{../fragmentElements.nutritionInfo.nutritionIsoleucine}}{{/if}}</div>
                                </div>
                                {{/if}}
								{{#if nutritionInfo.nutritionValine}}
                                <div class="nutritionDetailItem valine">
                                    <div class="label"><%Valine%></div>
                                    <div class="info">{{#if nutritionInfo.nutritionValine}}{{nutritionInfo.nutritionValine}}{{else}}{{../fragmentElements.nutritionInfo.nutritionValine}}{{/if}}</div>
                                </div>
                                {{/if}}
								{{#if nutritionInfo.nutritionLeucine}}
                                <div class="nutritionDetailItem leucine">
                                    <div class="label"><%Leucine%></div>
                                    <div class="info">{{#if nutritionInfo.nutritionLeucine}}{{nutritionInfo.nutritionLeucine}}{{else}}{{../fragmentElements.nutritionInfo.nutritionLeucine}}{{/if}}</div>
                                </div>
                                {{/if}}
								{{#if nutritionInfo.nutritionLcarnitine}}
                                <div class="nutritionDetailItem lCarnitine">
                                    <div class="label"><%L-carnitine%></div>
                                    <div class="info">{{#if nutritionInfo.nutritionLcarnitine}}{{nutritionInfo.nutritionLcarnitine}}{{else}}{{../fragmentElements.nutritionInfo.nutritionLcarnitine}}{{/if}}</div>
                                </div>
                                {{/if}}
								{{#if nutritionInfo.nutritionGlucose}}
                                <div class="nutritionDetailItem glucose">
                                    <div class="label"><%Glucose%></div>
                                    <div class="info">{{#if nutritionInfo.nutritionGlucose}}{{nutritionInfo.nutritionGlucose}}{{else}}{{../fragmentElements.nutritionInfo.nutritionGlucose}}{{/if}}</div>
                                </div>
                                {{/if}}
								{{#if nutritionInfo.nutritionSucrose}}
                                <div class="nutritionDetailItem sucrose">
                                    <div class="label"><%Sucrose%></div>
                                    <div class="info">{{#if nutritionInfo.nutritionSucrose}}{{nutritionInfo.nutritionSucrose}}{{else}}{{../fragmentElements.nutritionInfo.nutritionSucrose}}{{/if}}</div>
                                </div>
                                {{/if}}
								{{#if nutritionInfo.nutritionVitaminP}}
                                <div class="nutritionDetailItem vitaminP">
                                    <div class="label"><%Vitamin P%></div>
                                    <div class="info">{{#if nutritionInfo.nutritionVitaminP}}{{nutritionInfo.nutritionVitaminP}}{{else}}{{../fragmentElements.nutritionInfo.nutritionVitaminP}}{{/if}}</div>
                                </div>
                                {{/if}}
								{{#if nutritionInfo.nutritionAsparticAcid}}
                                <div class="nutritionDetailItem asparticAcid">
                                    <div class="label"><%Aspartic Acid%></div>
                                    <div class="info">{{#if nutritionInfo.nutritionAsparticAcid}}{{nutritionInfo.nutritionAsparticAcid}}{{else}}{{../fragmentElements.nutritionInfo.nutritionAsparticAcid}}{{/if}}</div>
                                </div>
                                {{/if}}
								{{#if nutritionInfo.nutritionAlanine}}
                                <div class="nutritionDetailItem alanine">
                                    <div class="label"><%Alanine%></div>
                                    <div class="info">{{#if nutritionInfo.nutritionAlanine}}{{nutritionInfo.nutritionAlanine}}{{else}}{{../fragmentElements.nutritionInfo.nutritionAlanine}}{{/if}}</div>
                                </div>
                                {{/if}}
								{{#if nutritionInfo.nutritionRosehip}}
                                <div class="nutritionDetailItem rosehipDerivedTiliroside">
                                    <div class="label"><%Rosehip-derived tiliroside%></div>
                                    <div class="info">{{#if nutritionInfo.nutritionRosehip}}{{nutritionInfo.nutritionRosehip}}{{else}}{{../fragmentElements.nutritionInfo.nutritionRosehip}}{{/if}}</div>
                                </div>
                                {{/if}}
                                {{#if nutritionInfo.nutritionGABA}}
                                <div class="nutritionDetailItem gaba">
                                    <div class="label"><%GABA%></div>
                                    <div class="info">{{#if nutritionInfo.nutritionGABA}}{{nutritionInfo.nutritionGABA}}{{else}}{{../fragmentElements.nutritionInfo.nutritionGABA}}{{/if}}</div>
                                </div>
                                {{/if}}
                                {{#if nutritionInfo.nutritionWaterHardness}}
                                <div class="nutritionDetailItem waterHardness">
                                    <div class="label"><%Water Hardness%></div>
                                    <div class="info">{{#if nutritionInfo.nutritionWaterHardness}}{{nutritionInfo.nutritionWaterHardness}}{{else}}{{../fragmentElements.nutritionInfo.nutritionWaterHardness}}{{/if}}</div>
                                </div>
                                {{/if}}
                                {{!-- Japan Nutrition Fields End --}}
                            </div>
                            {{#if generalInfo}}
                            <div class="generalInfo py-3">
                                <div class="info">{{generalInfo}}</div>
                            </div> 
                            {{else}}
                            <div class="generalInfo py-3">
                                <div class="info">{{../fragmentElements.generalInfo}}</div>
                            </div>
                            {{/if}}
                            {{#if nutritionInfo.healthDescription}}
                            <div class="healthDescription">
                                <div class="info">{{{nutritionInfo.healthDescription}}}</div>
                            </div>
                            {{else}}
                            <div class="healthDescription">
                                <div class="info">{{{../fragmentElements.nutritionInfo.healthDescription}}}</div>
                            </div>
                            {{/if}}
                            {{#if nutritionInfo.otherInformations}}
                            <div class="otherInformations">
                                <div class="info">{{{nutritionInfo.otherInformations}}}</div>
                            </div>
                            {{else}}
                            <div class="otherInformations">
                                <div class="info">{{{../fragmentElements.nutritionInfo.otherInformations}}}</div>
                            </div>
                            {{/if}}
                            {{#if nutritionInfo.organicInformation}}
                            <div class="organicInformation">
                                <div class="info">{{{nutritionInfo.organicInformation}}}</div>
                            </div>
                            {{else}}
                             <div class="organicInformation">
                                <div class="info">{{{ ../fragmentElements.nutritionInfo.organicInformation}}}</div>
                            </div>
                            {{/if}}
                        </div>
                        <div class="ingredientsDetails infoContent my-2 p-3">
                            <div class="ingredients">{{#if ingredients}}{{{ingredients}}}{{else}}{{{../fragmentElements.ingredients}}}{{/if}}</div>
                        </div>
                        {{#if nutritionInfo.precautionsWarnings}}
						<div class="legalDetails infoContent my-0 p-3">
                            <div class="legal">{{{nutritionInfo.precautionsWarnings}}}</div>
                        </div>
                        {{else}}
                        <div class="legalDetails infoContent my-0 p-3">
                            <div class="legal">{{{../fragmentElements.nutritionInfo.precautionsWarnings}}}</div>
                        </div>
                        {{/if}}
                    </div>
                    </div>

                    {{/each}}
                </div>

                </div>
            </div>
    {{/each}}
    </div>
</div>
<div class="infoWrapper">
</div>
