anchor.diff:              div.Grid-cell
                 label(class="Form-hidden" for="name_b") Name 
                 input(class="Form-input Form-input--text" id="name_b" type="text" placeholder="name" name="name_b" required data-parsley-trigger="focusout" data-parsley-errors-container="#b-name--error")
  -              p(class="Form-error--text" id="b-name--error")
  +              p(class="Form-error--text" id="b-name--error" autocomplete="name")
               div.Grid-cell
                 label(class="Form-hidden" for="phone_b") Phone Number 
  -              input(class="Form-input Form-input--text" id="phone_b" type="text" placeholder="phone number" name="phone_b" required data-parsley-trigger="focusout" data-parsley-errors-container="#b-phone--error")
  +              input(class="Form-input Form-input--text" id="phone_b" type="text" placeholder="phone number" name="phone_b" required data-parsley-trigger="focusout" data-parsley-errors-container="#b-phone--error" autocomplete="tel")
                 p(class="Form-error--text" id="b-phone--error")
             div.Grid-cell
               label(class="Form-hidden" for="country_b") Country 
  -            input(class="Form-input Form-input--text" id="country_b" name="country_b" placeholder='country' list="country" required data-parsley-countryvalidator="postalCode_b-division_b" data-parsley-trigger="focusout" data-parsley-errors-container="#b-country--error")
  +            input(class="Form-input Form-input--text" id="country_b" name="country_b" placeholder='country' list="country" required data-parsley-countryvalidator="postalCode_b-division_b" data-parsley-trigger="focusout" data-parsley-errors-container="#b-country--error" autocomplete="country-name")
               p(class="Form-error--text" id="b-country--error")
               datalist(id="country")
                 each val,key in countryObj
                   option(value=key)
             div.Grid.Grid--gutters.Grid--1of2
               div.Grid-cell
  -              textarea(class="Form-input Form-input--text Form-input--textarea" id="address_b" placeholder="street address" name="address_b" data-parsley-maxlength="90" required data-parsley-trigger="focusout" data-parsley-errors-container="#b-address--error")
  +              textarea(class="Form-input Form-input--text Form-input--textarea" id="address_b" placeholder="street address" name="address_b" data-parsley-maxlength="90" required data-parsley-trigger="focusout" data-parsley-errors-container="#b-address--error" autocomplete="street-address")
                 p(class="Form-error--text" id="b-address--error")
               div.Grid-cell
                 label(class="Form-hidden" for="city_b") City 
  -              input(class="Form-input Form-input--text" id="city_b" type="text" placeholder="city" name="city_b" required data-parsley-maxlength="30" data-parsley-trigger="focusout" data-parsley-errors-container="#b-city--error")
  +              input(class="Form-input Form-input--text" id="city_b" type="text" placeholder="city" name="city_b" required data-parsley-maxlength="30" data-parsley-trigger="focusout" data-parsley-errors-container="#b-city--error" autocomplete="address-level2")
                 p(class="Form-error--text" id="b-city--error")                
             div.Grid.Grid--gutters.Grid--1of2
               div.Grid-cell
                 label(class="Form-hidden" for="division_b") State/Province/Division 
  -              input(class="Form-input Form-input--text" id="division_b" type="text" placeholder="state/province/division" name="division_b" required data-parsley-maxlength="30" data-parsley-divisionvalidator="0" data-parsley-trigger="focusout" data-parsley-errors-container="#b-division--error")
  +              input(class="Form-input Form-input--text" id="division_b" type="text" placeholder="state/province/division" name="division_b" required data-parsley-maxlength="30" data-parsley-divisionvalidator="0" data-parsley-trigger="focusout" data-parsley-errors-container="#b-division--error" autocomplete="address-level1")
                 p(class="Form-error--text" id="b-division--error")            
               div.Grid-cell
                 label(class="Form-hidden" for="postalCode_b") Postal Code 
  -              input(class="Form-input Form-input--text" id="postalCode_b" type="text" placeholder="postal code" name="postalCode_b" data-parsley-postalcodevalidator=0 data-parsley-trigger="focusout" data-parsley-errors-container="#b-postalCode--error")
  +              input(class="Form-input Form-input--text" id="postalCode_b" type="text" placeholder="postal code" name="postalCode_b" data-parsley-postalcodevalidator=0 data-parsley-trigger="focusout" data-parsley-errors-container="#b-postalCode--error" autocomplete="postal-code")
                 p(class="Form-error--text" id="b-postalCode--error")
             div.Grid.Grid--gutters.Grid--1of2
               div.Grid-cell
                 label(class="Form-hidden" for="company_b") Company/Institution 
  -              input(class="Form-input Form-input--text" id="company_b" type="text" placeholder="(optional) company or institution" name="company_b")
  +              input(class="Form-input Form-input--text" id="company_b" type="text" placeholder="(optional) company or institution" name="company_b" autocomplete="organization")
               div.Grid-cell
                 label(class="Form-hidden" for="vatid_b") VAT ID
                 input(class="Form-input Form-input--text" id="vatid_b" type="text" placeholder="(optional - EU only) VAT ID " name="vatid_b")
  
positive.code:       div.Grid.Grid--1of2.Grid--gutters
          div.Grid-cell
            label(class="Form-hidden" for="email_c") Contact Email 
            input(class="Form-input Form-input--text" id="email_c" type="email" placeholder="email address" name="email_c" required data-parsley-trigger="focusout" data-parsley-errors-container="#c-email--error")
            p(class="Form-error--text" id="c-email--error")
          div.Grid-cell
            label(class="Form-hidden" for="name_c") First Name
            input(class="Form-input Form-input--text" id="name_c" type="text" placeholder="name" name="name_c" required data-parsley-trigger="focusout" data-parsley-errors-container="#c-name--error")
            p(class="Form-error--text" id="c-name--error")
      //- billing & shipping is in the same row
      //- |=== Billing ===|=== Shipping ===|
  
negative.code:           div.Grid.Grid--gutters.Grid--1of2
              div.Grid-cell
                label(class="Form-hidden" for="name_s") Name
                input(class="Form-input Form-input--text" id="name_s" type="text" placeholder="name" name="name_s0" required data-parsley-trigger="focusout" data-parsley-errors-container="#s-name--error" autocomplete="name")
                p(class="Form-error--text" id="s-name--error")
              div.Grid-cell
                label(class="Form-hidden" for="phone_s") Phone Number
                input(class="Form-input Form-input--text" id="phone_s" type="text" placeholder="phone number" name="phone_s" required data-parsley-trigger="focusout" data-parsley-errors-container="#s-phone--error" autocomplete="tel")
                p(class="Form-error--text" id="s-phone--error")
            div.Grid-cell
              label(class="Form-hidden" for="country_s") Country
              input(class="Form-input Form-input--text" id="country_s" name="country_s" placeholder='country' list="country" required data-parsley-countryvalidator="postalCode_s-division_s" data-parsley-trigger="focusout" data-parsley-errors-container="#s-country--error" autocomplete="country-name")
              p(class="Form-error--text" id="s-country--error")
              datalist(id="country")
                each val,key in countryObj
                  option(value=key)
            div.Grid.Grid--gutters.Grid--1of2
              div.Grid-cell
                textarea(class="Form-input Form-input--text Form-input--textarea" id="address_s0" placeholder="street address" name="address_s0" required data-parsley-maxlength="90" data-parsley-trigger="focusout" data-parsley-errors-container="#s-address--error" autocomplete="street-address")
                p(class="Form-error--text" id="s-address--error")
              div.Grid-cell
                label(class="Form-hidden" for="city_s") City
                input(class="Form-input Form-input--text" id="city_s" type="text" placeholder="city" name="city_s" required data-parsley-maxlength="30" data-parsley-trigger="focusout" data-parsley-errors-container="#s-city--error" autocomplete="address-level2")
                p(class="Form-error--text" id="s-city--error")                
            div.Grid.Grid--gutters.Grid--1of2
              div.Grid-cell
                label(class="Form-hidden" for="division_s") State/Province/Division
                input(class="Form-input Form-input--text" id="division_s" type="text" placeholder="state/province/division" name="division_s" required data-parsley-maxlength="30" data-parsley-divisionvalidator="0" data-parsley-trigger="focusout" data-parsley-errors-container="#s-division--error" autocomplete="address-level1")
                p(class="Form-error--text" id="s-division--error")
              div.Grid-cell
                label(class="Form-hidden" for="postalCode_s") Postal Code
                input(class="Form-input Form-input--text" id="postalCode_s" type="text" placeholder="postal code" name="postalCode_s" data-parsley-postalcodevalidator=0 data-parsley-trigger="focusout" data-parsley-errors-container="#s-postalCode--error" autocomplete="postal-code")
                p(class="Form-error--text" id="s-postalCode--error")
            div.Grid.Grid--gutters.Grid--1of2
              div.Grid-cell
                label(class="Form-hidden" for="company_s") Company/Institution
                input(class="Form-input Form-input--text" id="company_s" type="text" placeholder="(optional) company or institution" name="company_s" autocomplete="organization")
              div.Grid-cell
  
  
  