body{font-size:17px}
.header nav a{font-size:15px}
.hero-description{font-size:16px;line-height:1.75}
.hero-audience{font-size:13px;line-height:1.6}
.pillars p{font-size:14px;line-height:1.65}
.section-heading>p{font-size:15px;line-height:1.8}
.why-grid p{font-size:15px;line-height:1.8}
.partner-card p{font-size:15px;line-height:1.7}
.assortment-grid p{font-size:14px;line-height:1.7}
.legal-note{font-size:11px}
.process-copy>p{font-size:16px;line-height:1.8}
.steps p{font-size:14px;line-height:1.7}
.contact-intro{font-size:15px;line-height:1.75}
.form-grid>label,.form-grid legend{font-size:13px}
.form-grid input,.form-grid select,.form-grid textarea{font-size:14px}
.checks label{font-size:13px}
.consent{font-size:12px;line-height:1.65}
.form-note{font-size:11px}
@media(max-width:650px){
  body{font-size:15px}
  .hero-description{font-size:14px}
  .hero-audience{font-size:12px}
  .pillars p{font-size:13px}
  .section-heading>p{font-size:14px}
  .why-grid p{font-size:13.5px}
  .partner-card p{font-size:13.5px;line-height:1.6}
  .assortment-grid p{font-size:13px}
  .process-copy>p{font-size:14px}
  .steps p{font-size:13px}
  .contact-intro{font-size:14px}
  .form-grid>label,.form-grid legend{font-size:12px}
  .form-grid input,.form-grid select,.form-grid textarea{font-size:13px}
  .checks label{font-size:12px}
  .consent{font-size:11px}
  footer{font-size:11px}
}

/* Larger, more readable type across every language version */
body{font-size:18px}
.header nav{gap:24px;margin-right:26px}
.header nav a{font-size:17px}
.header-actions{display:flex;align-items:center;gap:14px}
.language-switcher{display:block}
.language-switcher select{min-height:42px;border:1px solid #bfd4d8;border-radius:4px;background:#fffaf0;color:#075f70;padding:0 30px 0 12px;font:600 15px 'Roboto',Arial,sans-serif}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.hero-description{font-size:18px;line-height:1.7}
.hero-audience{font-size:16px;line-height:1.6}
.pillars h2{font-size:19px}
.pillars p{font-size:16px;line-height:1.65}
.section-label{font-size:12px}
.section-heading>p{font-size:17px;line-height:1.75}
.partner-card h3{font-size:22px}
.partner-card p{font-size:17px;line-height:1.7}
.partner-card a{font-size:16px}
.why-grid h3{font-size:22px}
.why-grid p{font-size:17px;line-height:1.75}
.assortment-grid h3{font-size:22px}
.assortment-grid p{font-size:16px;line-height:1.7}
.legal-note{font-size:13px}
.process-copy>p{font-size:18px;line-height:1.75}
.steps h3{font-size:20px}
.steps p{font-size:16px;line-height:1.7}
.contact-intro{font-size:17px;line-height:1.7}
.form-grid>label,.form-grid legend{font-size:15px}
.form-grid input,.form-grid select,.form-grid textarea{font-size:16px}
.checks label{font-size:15px}
.consent{font-size:14px;line-height:1.6}
.form-note{font-size:13px}
footer{font-size:14px}
.button,.header-button{font-size:16px}
@media(max-width:950px){
  .header nav{gap:16px;margin-right:16px}
  .header nav a{font-size:16px}
  .header-actions{gap:9px}
  .language-switcher select{font-size:14px}
  .partner-card p{font-size:16px}
}
@media(max-width:650px){
  .header{gap:8px}
  .brand-logo{width:118px;max-height:40px}
  .header-actions{gap:7px}
  .language-switcher select{min-height:38px;padding:0 21px 0 8px;font-size:13px}
  .header-button{min-width:112px;padding:0 9px;gap:5px;font-size:12px}
  .hero-description{font-size:16px;line-height:1.65}
  .hero-audience{font-size:15px;line-height:1.55}
  .pillars p{font-size:15px;line-height:1.6}
  .section-label{font-size:10px}
  .section-heading>p{font-size:16px;line-height:1.65}
  .partner-card h3{font-size:20px}
  .partner-card p{font-size:16px;line-height:1.6}
  .partner-card a{font-size:15px}
  .why-grid h3{font-size:20px}
  .why-grid p{font-size:16px;line-height:1.65}
  .assortment-grid h3{font-size:18px}
  .assortment-grid p{font-size:15px;line-height:1.6}
  .legal-note{font-size:12px}
  .process-copy>p{font-size:16px}
  .steps h3{font-size:18px}
  .steps p{font-size:15px;line-height:1.6}
  .contact-intro{font-size:16px}
  .form-grid>label,.form-grid legend{font-size:14px}
  .form-grid input,.form-grid select,.form-grid textarea{font-size:15px}
  .checks label{font-size:14px}
  .consent{font-size:13px;line-height:1.55}
  footer{font-size:13px}
}
@media(max-width:650px){
  .header{padding:0 10px}
  .brand-logo{width:95px;max-height:36px}
  .language-switcher select{width:105px;max-width:105px;padding-left:6px;padding-right:18px;font-size:12px}
  .header-button{min-width:101px;font-size:11px}
}
@media(max-width:370px){
  .brand-logo{width:80px}
  .language-switcher select{width:100px;max-width:100px;font-size:11px}
  .header-button{min-width:96px;padding:0 7px}
  .header-actions{gap:4px}
}

/* The assortment cards now use text and numbering without decorative symbols. */
.assortment-grid h3{margin-top:12px}

/* Keep benefits joined to the hero, with centered content and generous spacing. */
.pillars{margin:0;padding-top:32px;padding-bottom:32px}
.pillars article{align-items:center}
.pillars article>div{align-self:center}
@media(max-width:650px){.pillars{padding-top:28px;padding-bottom:28px}}
.partner-section{padding-top:88px}
@media(min-width:950px){.partner-section .section-heading h2{max-width:none;white-space:nowrap}}
/* Keep required markers with their field labels and all checkboxes a consistent size. */
.form-grid .field-title{display:inline;line-height:1.3}
.form-grid .field-title>[data-i18n]{display:inline}
.checks input[type="checkbox"],.consent input[type="checkbox"]{box-sizing:border-box;width:16px!important;height:16px;min-height:16px!important;flex:0 0 16px;padding:0}
.checks input[type="checkbox"]{margin:0}

/* Keep the full Dr. Rath brand name together on the approach heading. */
.why .section-heading{display:block}
.why .section-heading h2{width:100%;max-width:none}


/* Keep tablet benefit copy and icons inside the viewport. */
@media (min-width:651px) and (max-width:850px){
  .pillars{grid-template-columns:1fr;padding-left:4.5%;padding-right:4.5%}
  .pillars article,.pillars article:first-child,.pillars article:last-child{min-width:0;padding:14px 0;border-right:0;border-bottom:1px solid #c6d8db}
  .pillars article:last-child{border-bottom:0}
  .pillars article>div{min-width:0}
}


/* Align the strengths headings and paragraphs along the top edge. */
.pillars article{align-items:flex-start}
.pillars article>div{align-self:flex-start}
.pillar-icon{margin-top:2px}