/* =====================================================================
   Product pages (/money/, /getting-married/, /intimacy/) — brand colours only.
   Her rule 2026-10-23: "always only use my brand colours". The shared
   components these pages borrow (365 hero trust row, homepage reviews,
   #different bridge, safe cards) carry derived tints and dark tones
   (#38764B, #3B729E, #B8402D, #4D5A1F, pale tints). This file, loaded last
   on every product page (body.product-page), maps them to the palette:
   coral #F06858 · yellow #FCBD4C · blue #94B7D5 · green #C0CB6D ·
   pink #FAAAB1 · turquoise #96CCCA, plus ink #1A1A1A, white and cream #FEF8EC.
   Page accent colours stay in each page's own stylesheet.
   ===================================================================== */

/* Hero trust row: solid brand circles */
html body.product-page .hero365-stage__trust-item--coral .hero365-stage__trust-icon { background: #F06858; color: #FFFFFF; }
html body.product-page .hero365-stage__trust-item--green .hero365-stage__trust-icon { background: #C0CB6D; color: #1A1A1A; }
html body.product-page .hero365-stage__trust-item--blue .hero365-stage__trust-icon { background: #94B7D5; color: #1A1A1A; }

/* Reviews: monograms, verified seal, previous-arrow button */
html body.product-page .voice__monogram[data-tone="teal"] { background: #96CCCA; color: #1A1A1A; }
html body.product-page .voice__monogram[data-tone="amber"] { background: #FCBD4C; color: #1A1A1A; }
html body.product-page .voice__monogram[data-tone="pink"] { background: #FAAAB1; color: #1A1A1A; }
html body.product-page .voice__verified { color: #96CCCA; }
html body.product-page .rail-btn:not(.rail-btn--next):not(:hover) { background: #FFFFFF; box-shadow: inset 0 0 0 1.5px currentColor; }

/* "Here's what makes Pick One different": coral side / green side */
html body.product-page .bridge-chip--ask { background: #F06858; color: #FFFFFF; }
html body.product-page .bridge-chip--card { background: #C0CB6D; color: #1A1A1A; }
html body.product-page .bridge-arrow--down,
html body.product-page .bridge-result--down { color: #F06858; }
html body.product-page .bridge-arrow--up { color: #C0CB6D; }
html body.product-page .bridge-result--up { color: #1A1A1A; }
html body.product-page .bridge-icon--down svg { background: #F06858; color: #FFFFFF; }
html body.product-page .bridge-icon--up svg { background: #C0CB6D; color: #1A1A1A; }
html body.product-page .bridge-side--ask .bridge-icon::after { border-top-color: #F06858; }
html body.product-page .bridge-side--card .bridge-icon::before { border-top-color: #C0CB6D; }

/* Safe cards: logo pill on site cream instead of a pale yellow tint */
html body.product-page .safe-card__pill { background: #FEF8EC; }

/* App overview band on the site cream */
html body.product-page .money-app,
html body.product-page .married-app,
html body.product-page .intimacy-app { background: #FEF8EC; }