/* * VT2 override stylesheet — only active when . * * CDN vt2 typography lives in @layer vt2. Put overrides in the same layer * (this file loads last) with more specific selectors. Use !important when CDN does. */ @layer vt2 { /* 7 Forms of Magnesium — green card titles (e.g. Magnesium Glycinate) */ @media (min-width: 768px) { body.vt2-test .vt-mag-forms-grid .vt-mag-form-card .flex.flex-col > p.vt2-font-button:first-of-type { font-size: 28px !important; white-space: normal !important; } } /* About section — center checklist text with bullet icon */ body.vt2-test .about-section-v1test li.vt-checklist-bullet { position: relative !important; display: block !important; min-height: 28px !important; padding-top: 0 !important; padding-bottom: 0 !important; background-image: none !important; } body.vt2-test .about-section-v1test li.vt-checklist-bullet::before { content: ''; position: absolute; left: 0; top: 50%; width: 28px; height: 28px; transform: translateY(-50%); background: url('https://fb-v1.cdn-bio.com/assets/uploads/3fe0-bd63-2c4e-4a6e_Container-dg.svg') no-repeat center / 28px; } /* Single-line items (2–7): match line-height to icon for vertical centering */ body.vt2-test .about-section-v1test li.vt-checklist-bullet:not(:first-child):not(:last-child) { line-height: 28px !important; } }