/**
 * Loaded after styles.css — fixes next/font variable mismatch and scroll flicker.
 */

/* Form & body text: styles.css uses literal "Poppins" which does not match next/font */
.sales-root .gift-section-new,
.sales-root #gift,
.sales-root .form-container,
.sales-root .form-container input,
.sales-root .form-container textarea,
.sales-root .form-container button,
.sales-root .form-container label,
.sales-root .form-container select,
.sales-root .amount-btn,
.sales-root .amount-value,
.sales-root .amount-label,
.sales-root .legal,
.sales-root .form-note,
.sales-root .lp-form-note,
.sales-root .btn-preview,
.sales-root .lp-btn-amount,
.sales-root .giveback-intro,
.sales-root .giveback-closing,
.sales-root .step-item p {
  font-family: var(--font-poppins), Poppins, system-ui, sans-serif;
}

/* Headings that should use Amatic */
.sales-root .lp-form-title,
.sales-root .details-section h3,
.sales-root .form-container h2,
.sales-root .gift-section h2,
.sales-root .gift-section-new h2,
.sales-root .lp-receive-title,
.sales-root .steps-title,
.sales-root .reviews-title,
.sales-root .giveback-section h2,
.sales-root .popup-header,
.sales-root .coupon-brand {
  font-family: var(--font-amatic-sc), "Amatic SC", cursive;
}

/* Scroll-up flicker: content-visibility skips paint then repaints backgrounds */
.sales-root .lp-receive,
.sales-root .lp-steps,
.sales-root #gift,
.sales-root .giveback-section,
.sales-root .lp-reviews {
  content-visibility: visible;
  contain-intrinsic-size: unset;
}