{{- $c := site.Data.content -}}
<section class="deliver" id="deliver" aria-labelledby="deliver-h">
    <div class="wrap">
      <div class="rv">
        <h2 id="deliver-h">{{ $c.deliver.h2_1 }}</h2>
        <p>{{ $c.deliver.p_2 }}</p>
      </div>
      <div class="rv" style="--d:.1s">
        <div class="pc">
          <label for="pc-in">{{ $c.deliver.text_3 }}<input id="pc-in" type="text" inputmode="text" autocomplete="postal-code" placeholder="e.g. WM4 2PL" maxlength="9"></label>
          <button type="button" data-pc-go aria-label="Check delivery"><svg aria-hidden="true"><use href="#arrow" /></svg></button>
        </div>
        <p class="pc-out" data-pc-out role="status" aria-live="polite"></p>
        <p class="fine">{{ $c.deliver.p_4 }}</p>
      </div>
    </div>
  </section>