/* stock level indicator */
stock-level-indicator {
  .stock-level-wrapper {
    display: flex;
    gap: 25px;
  }

  .stock-level-message svg {
    margin-right: 7px;
  }

  .variant_stock_count {
    margin-right: 5px;
  }

  .stock_due_table {
    max-width: 300px;
    margin-top: 12px;

    td {
      padding: 0;
      border: none;
    }
  }{% unless product.gift_card %}
  <div class="stock-level-indicator stock-indicator-animations animate-bar">
    <div class="stock-level-message">...</div>
    <!-- all the existing stock code stays here -->
  </div>
{% endunless %}

}