Hypoallergenic Training Pants

About

:root { --teal: #0accd6; --teal-light: #e2f9fb; --teal-mid: #7de4ea; --teal-dark: #079aa2; --teal-deep: #056068; --ink: #0f1c1e; --ink-soft: #2c4447; --muted: #637275; --surface: #f5fbfc; --surface-2: #e8f7f9; --border: #c8eaed; --white: #ffffff; --font-serif: 'Georgia', 'Times New Roman', serif; --font-sans: 'Helvetica Neue', Helvetica, Arial, sans-serif; --r: 10px; --r-lg: 16px; } .ab-page { font-family: var(--font-sans); font-size: 16px; line-height: 1.75; color: var(--ink); max-width: 880px; margin: 0 auto; padding-bottom: 56px; } .ab-intro { font-size: 17px; line-height: 1.85; color: var(--ink-soft); margin: 0 0 36px; padding: 28px 32px 28px 36px; background: var(--surface); border-left: 4px solid var(--teal); border-radius: 0 var(--r) var(--r) 0; } .ab-page h2 { font-family: var(--font-serif); font-size: 24px; font-weight: normal; color: var(--ink); margin: 44px 0 16px; display: flex; align-items: center; gap: 10px; } .ab-page h2 .h2-accent { display: inline-block; width: 28px; height: 3px; background: var(--teal); border-radius: 2px; flex-shrink: 0; } .ab-page p { margin: 0 0 18px; } .ab-page ul { margin: 8px 0 22px; padding: 0; list-style: none; display: grid; gap: 8px; } .ab-page ul li { display: flex; align-items: flex-start; gap: 12px; padding: 12px 16px; background: var(--surface); border: 1px solid var(--border); border-radius: var(--r); font-size: 15px; line-height: 1.6; } .ab-page ul li::before { content: ''; display: block; flex-shrink: 0; width: 8px; height: 8px; margin-top: 6px; border-radius: 50%; background: var(--teal); } .ab-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin: 20px 0 32px; } .ab-stat { background: var(--teal-light); border: 1px solid var(--teal-mid); border-radius: var(--r); padding: 18px 16px; text-align: center; } .ab-stat-num { font-family: var(--font-serif); font-size: 30px; color: var(--teal-dark); line-height: 1; margin-bottom: 6px; } .ab-stat-label { font-size: 12px; color: var(--teal-deep); l