/* Book checkout: three add-ons, one choice. The bundle stands out as the best value. */
main.co .co-bump { border: 2px dashed #1f9d5c; border-radius: 12px; padding: 12px; margin: 0 0 12px; background: #fff; }
main.co .co-bump:has(input:checked) { border-style: solid; background: #f3fbf6; }
main.co .co-bump:has(input[data-id="lens-bundle"]) { position: relative; border: 3px solid #1f9d5c; background: #f3fbf6; box-shadow: 0 10px 26px rgba(31,157,92,.18); margin-top: 22px; }
main.co .co-bump:has(input[data-id="lens-bundle"])::before { content: "Best value \00B7  save \20AC 25"; position: absolute; top: -13px; left: 14px; background: #ff5a4e; color: #fff; font: 800 12px/1 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif; letter-spacing: .06em; text-transform: uppercase; padding: 7px 10px; border-radius: 999px; }
main.co .co-bump-title { font-weight: 800; }
main.co .co-bump-blurb { font-size: 15px; line-height: 1.5; }

/* Pedro's header, as on the Lens checkout: his name, "Need help?" and "Secure checkout". */
.site-head { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 6px 16px; text-align: left; background: #0e0f12; color: #f4f5f2; font: 400 14px/1.55 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif; padding: 10px max(16px, calc((100% - 1040px) / 2 + 16px)); }
.site-head .logo { order: 1; content: url("/img/header-name.svg"); height: 22px; max-height: none; width: auto; }
.site-head::before { order: 2; content: "Need help? pedro@ppmartins.com"; }
.site-head::after { order: 3; content: "\1F512  Secure checkout"; }
.co-strip, .co-secure { display: none; }

/* A plain line about the saved card, in place of Stripe's wording. */
main.co .consent::after { content: "Your card is saved securely by Stripe only so you can add the one-time offer on the next page in one click. Nothing else is ever charged unless you choose it."; display: block; margin-top: 8px; font-size: 13px; line-height: 1.5; color: #5d616b; }

/* The step before checkout: one reassurance under the button. */
#fe2-pop .fe2-pop-go::after { content: ""; }
#fe2-pop form::after { content: "30-day refund, for any reason."; display: block; margin-top: 10px; text-align: center; font-size: 14px; color: #5d616b; }