Heating Instructions - 325g - Lentil and Sweet Potato Dahl with Rice

<div class="ff-reheat">
  <div class="ff-reheat__note">APPLIANCES VARY. USE AS A GUIDELINE ONLY</div>

  <div class="ff-reheat__stack">

    <!-- OVEN -->
    <section class="ff-reheat__card" aria-label="Oven instructions">
      <div class="ff-reheat__header">
        <div class="ff-reheat__metaItem">
          <img class="ff-reheat__icon" src="https://cdn.shopify.com/s/files/1/0635/1650/8352/files/Forever_Frozen_cooking_oven_32x32.png?v=1712588154" alt="Oven icon">
          <div>
            <div class="ff-reheat__title">OVEN (RECOMMENDED)</div>
            <div class="ff-reheat__sub">180 °C FAN</div>
          </div>
        </div>

        <div class="ff-reheat__metaItem">
          <img class="ff-reheat__icon" src="https://cdn.shopify.com/s/files/1/0635/1650/8352/files/Forever_Frozen_cooking_icons_time_32x32.png?v=1712590589" alt="Time icon">
          <div>
            <div class="ff-reheat__label">TIME</div>
            <div class="ff-reheat__value">20 – 25 MIN FROM FROZEN</div>
          </div>
        </div>
      </div>

      <div class="ff-reheat__divider"></div>

      <div class="ff-reheat__body">
        Remove sleeve, pierce film. Heat at 180°C for 20–25 min, stirring halfway, until heated through.
      </div>
    </section>

    <!-- AIR FRYER -->
    <section class="ff-reheat__card" aria-label="Air fryer instructions">
      <div class="ff-reheat__header">
        <div class="ff-reheat__metaItem">
          <img class="ff-reheat__icon" src="https://cdn.shopify.com/s/files/1/0635/1650/8352/files/Forever_Frozen_cooking_icons_airfryer_32x32.png?v=1712588311" alt="Air fryer icon">
          <div>
            <div class="ff-reheat__title">AIR FRYER</div>
            <div class="ff-reheat__sub">180 °C</div>
          </div>
        </div>

        <div class="ff-reheat__metaItem">
          <img class="ff-reheat__icon" src="https://cdn.shopify.com/s/files/1/0635/1650/8352/files/Forever_Frozen_cooking_icons_time_32x32.png?v=1712590589" alt="Time icon">
          <div>
            <div class="ff-reheat__label">TIME</div>
            <div class="ff-reheat__value">10 – 12 MIN FROM FROZEN</div>
          </div>
        </div>
      </div>

      <div class="ff-reheat__divider"></div>

      <div class="ff-reheat__body">
        Remove sleeve, peel film. Air fry at 180°C for 10–12 min, stirring halfway; extend 1–2 min if needed.
      </div>
    </section>

    <!-- MICROWAVE -->
    <section class="ff-reheat__card" aria-label="Microwave instructions">
      <div class="ff-reheat__header">
        <div class="ff-reheat__metaItem">
          <img class="ff-reheat__icon" src="https://cdn.shopify.com/s/files/1/0635/1650/8352/files/Forever_Frozen_cooking_icons_microwave_32x32.png?v=1712588267" alt="Microwave icon">
          <div>
            <div class="ff-reheat__title">MICROWAVE</div>
            <div class="ff-reheat__sub">100% POWER</div>
          </div>
        </div>

        <div class="ff-reheat__metaItem">
          <img class="ff-reheat__icon" src="https://cdn.shopify.com/s/files/1/0635/1650/8352/files/Forever_Frozen_cooking_icons_time_32x32.png?v=1712590589" alt="Time icon">
          <div>
            <div class="ff-reheat__label">TIME</div>
            <div class="ff-reheat__value">1 – 3 MIN FROM THAWED</div>
          </div>
        </div>
      </div>

      <div class="ff-reheat__divider"></div>

      <div class="ff-reheat__body">
        Thaw fully. Remove sleeve, pierce film. Microwave 1–3 min, stirring halfway, until heated through.
      </div>
    </section>

  </div>
</div>

<style>
  .ff-reheat{
    font-family: Arial, Helvetica, sans-serif;
    color:#111;
    max-width: 760px;
    margin: 0 auto;
  }

  .ff-reheat, .ff-reheat *{
    box-sizing:border-box;
    word-break:normal !important;
    white-space:normal !important;
  }

  .ff-reheat__note{
    text-align:center;
    font-size:12px;
    color:#8c8c8c;
    letter-spacing:.4px;
    margin: 6px 0 16px;
    text-transform:uppercase;
  }

  .ff-reheat__stack{
    display:flex;
    flex-direction:column;
    gap:16px;
  }

  .ff-reheat__card{
    border:2px solid #1a1a1a;
    border-radius:6px;
    padding:16px 16px 18px;
    background:#fff;
  }

  .ff-reheat__header{
    display:flex;
    flex-direction:column;
    gap:12px;
  }

  .ff-reheat__metaItem{
    display:flex;
    align-items:flex-start;
    gap:12px;
  }

  .ff-reheat__icon{
    width:28px;
    height:28px;
    flex:0 0 28px;
  }

  .ff-reheat__title{
    font-size:13px;
    font-weight:800;
    letter-spacing:.3px;
  }

  .ff-reheat__sub{
    font-size:12px;
    font-weight:600;
    margin-top:2px;
  }

  .ff-reheat__label{
    font-size:11px;
    font-weight:700;
    letter-spacing:.3px;
    text-transform:uppercase;
  }

  .ff-reheat__value{
    font-size:13px;
    font-weight:700;
    margin-top:2px;
  }

  .ff-reheat__divider{
    height:1px;
    background:#1a1a1a;
    opacity:.8;
    margin:12px 0 12px;
  }

  .ff-reheat__body{
    font-size:13px;
    line-height:1.45;
  }

  @media (max-width:520px){
    .ff-reheat__card{
      padding:14px;
      border-radius:5px;
    }
    .ff-reheat__icon{ width:26px; height:26px; }
    .ff-reheat__body{ font-size:12.5px; }
  }
</style>