/* Adjustments so the page matches the MB1 PDF capture (desktop, 1889px viewport).
   The Webflow template's CSS changed after MB1 copied it; these rules restore the captured look. */

/* Everything below the second card sits outside .div-block and fell back to 14px. The capture shows 18px throughout. */
.section { font-size: 18px; line-height: 1.5; }

/* Content images are 600px wide and centered in the capture. */
.image, .image-5, .image-6, .image-7 { max-width: 600px; margin-left: auto; margin-right: auto; display: block; }

/* Product shots sit centered in their column. */
.div-block-4 { text-align: center; }

/* "Featured on" logos at their natural size. */
.image-12, .image-13, .image-14 { width: auto; height: auto; max-width: none; }

/* CONS lines run as normal text in the capture, not as stacked flex items. */
.paragraph-6 { display: block; max-width: none; }

/* Order links are dark and underlined in the capture. */
.heading-15 a, .div-block-16 a:not(.button) { color: inherit; text-decoration: underline; }

/* "Recommended Use" / "How Long" lists: whole line bold, bullet inline, tight spacing. */
.rich-text-block-3 ul { margin-top: 4px; margin-bottom: 10px; padding-left: 28px; }
.rich-text-block-3 li { font-family: Arial, sans-serif; font-weight: 700; font-size: 17px; line-height: 22px; list-style-position: inside; }
.rich-text-block-3 li strong { font-family: inherit; }

/* Rating rows: label 25%, bar 50%, score 25% of the card, as captured. */
@media screen and (min-width: 480px) {
  .flex-block-4 > .div-block-7, .flex-block-4 > .div-block-9 { flex: 0 0 25%; width: 25%; }
  .flex-block-4 > .div-block-8 { flex: 0 0 50%; width: 50%; }
}

/* Final box: check lines and the website line are bold in the capture. */
.paragraph-12 { font-weight: 700; text-align: center; max-width: none; }
.paragraph-13 { font-size: 18px; line-height: 1.5; }
.paragraph-13 a { font-weight: 700; }

/* Phones: let the three logos shrink so they fit next to each other. */
@media screen and (max-width: 479px) {
  .div-block-27, .div-block-28, .div-block-29 { min-width: 0; flex: 1 1 0; }
  .image-12, .image-13, .image-14 { max-width: 100%; }
}

/* Footer with the pixel notice and policy links. */
.nh-footer { max-width: 900px; margin: 40px auto 0; padding: 24px 16px 40px; border-top: 1px solid #ddd; text-align: center; font: 13px/1.6 Arial, sans-serif; color: #777; }
.nh-footer p { margin: 0 0 8px; }
.nh-footer a { color: #777; text-decoration: underline; }

/* Competitor buttons carry no link. */
.nh-nolink { cursor: default; }

/* Phones (< 480px): compact, readable layout. Desktop is unchanged. */
@media screen and (max-width: 479px) {
  /* Rating rows on one line: label | bar | score */
  .flex-block-4 { flex-flow: row; align-items: center; grid-column-gap: 10px; padding-top: 9px; padding-bottom: 9px; }
  .flex-block-4 > .div-block-7 { flex: 0 0 36%; width: 36%; }
  .flex-block-4 > .div-block-8 { flex: 1 1 auto; width: auto; padding: 0; }
  .flex-block-4 > .div-block-9 { flex: 0 0 auto; width: auto; }
  .heading-4 { text-align: left; font-size: 13px; line-height: 1.25; }
  .heading-5 { text-align: right; font-size: 15px; line-height: 1.2; white-space: nowrap; }
  .progress_ine { height: 12px; }
  /* Card 1 pros: no gap between the two halves */
  .flex-block-9 { grid-row-gap: 6px; }
  .flex-block-5.topone { margin-top: 0; }
  /* Small text readable */
  .paragraph { font-size: 14px; }
  .paragraph-2, .paragraph-3, .paragraph-4, .paragraph-5 { font-size: 15px; line-height: 1.45; }
  /* Author photo */
  .image-11 { width: 40px; height: 40px; max-width: none; object-fit: cover; }
  .div-block-23 { flex: 0 0 40px; width: 40px; }
  /* Testimonials: photo left of the quote */
  .flex-block-7 { flex-flow: row; align-items: flex-start; grid-column-gap: 12px; }
  .div-block-19 { flex: 0 0 64px; width: 64px; }
  .image-9 { width: 64px; height: 64px; object-fit: cover; border-radius: 8px; }
  .div-block-20 { flex: 1 1 auto; min-width: 0; }
}

/* Advertorial label above the headline. */
.nh-adlabel { font: 700 12px/1.2 Arial, sans-serif; letter-spacing: .08em; text-transform: uppercase; color: #8a8a8a; margin: 0 0 8px; }