<div class="order-preview-overlay" id="order-preview-overlay" style="display:none">
  <div class="order-preview-modal">
    <div class="order-preview-modal__header">
      <h3 class="order-preview-modal__title"><?= $e($t('orders.preview.title')) ?></h3>
      <button type="button" class="order-preview-modal__close" id="order-preview-close">&times;</button>
    </div>
    <div class="order-preview-modal__body" id="order-preview-body">
      <div class="order-preview-loading"><?= $e($t('orders.preview.loading')) ?></div>
    </div>
    <div class="order-preview-modal__footer">
      <a href="#" class="btn btn--primary btn--sm" id="order-preview-details-link"><?= $e($t('orders.preview.full_details')) ?></a>
      <button type="button" class="btn btn--secondary btn--sm" id="order-preview-close-btn"><?= $e($t('orders.preview.close')) ?></button>
    </div>
  </div>
</div>
