/* Gift card purchase box (product page partial), tender rows in the checkout summary, loyalty points page. */
.gc-visual { aspect-ratio: 16 / 10; border-radius: 14px; background: var(--action); color: #fff; padding: 18px; display: flex; flex-direction: column; justify-content: space-between; max-width: 420px; }
.gc-amounts .pill span { border-radius: 10px; }

/* Same shape as the coupon row next to it. */
.points-box { display: flex; justify-content: space-between; align-items: center; gap: 12px; background: var(--surface, #F4F1EC); border-radius: 12px; padding: 12px 14px; }

/* Gift card shown as the product picture (no product photo). */
.gc-visual.gc-visual-hero { max-width: none; aspect-ratio: 1 / 1; padding: clamp(24px, 4vw, 48px); border-radius: 20px; background: linear-gradient(135deg, var(--action), var(--action-dark)); box-shadow: 0 24px 48px rgba(30,27,24,.18); }
@media (max-width: 900px) { .gc-visual.gc-visual-hero { aspect-ratio: 16 / 10; } }