:root{--page-title-display:none;}/* Start custom CSS *//* Refer a Friend only. Everything else comes from the shared pf.css. */

/* Hero photo is a background on the original (no <img> in the source), so it stays one here. */
.pf.pf .rf-hero { background-image: url("https://pairfection.us/wp-content/uploads/2026/09/refer-a-friend-hero-image.webp"); background-size: cover; background-position: center center; }
@media (max-width: 1024px) { .pf.pf .rf-hero { background-position: 60% center; } }
@media (max-width: 767px) { .pf.pf .rf-hero { background-position: 67% center; } }

/* The dark "You earn" card sits in a raised grid: match the card top padding so its circle straddles the edge. */
.pf.pf .rf-offer .pf-panel { padding-top: 32px; }/* End custom CSS */