/** Shopify CDN: Minification failed

Line 1460:46 Unexpected "("
Line 1464:62 Unterminated string token

**/
/* page.offer-pdp-db-1 — isolated page bundle (layout: offer)
 *
 * Loaded after the shared offer stack:
 *   offer-reset.css → offer.css → honey-typography-v2.css → offer-pdp-brand.css
 *
 * Put page-specific overrides here only. Shared PDP styles stay in offer-pdp-brand.css
 * until they are promoted or split across other offer-pdp-* pages.
 */

/* Header trust bar + buybox ingredient subtitle — hidden on this page. */
body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .offer-header__reviews,
body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .product-sub {
  display: none;
}

body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .bb-atc-guar {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin: 0.75rem 0 0;
  padding: 0.9375rem;
  background: #FFF8E8;
  border-radius: 0.625rem;
  color: var(--c-neutral-900);
}
body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .bb-atc-guar__badge {
  display: grid;
  place-items: center;
  flex: none;
  width: 2.8125rem;
  height: 2.8125rem;
  border-radius: 50%;
  background: var(--c-neutral-0);
  color: var(--c-neutral-900);
}
body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .bb-atc-guar__badge svg {
  width: 1.625rem;
  height: 1.625rem;
}
body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .bb-atc-guar p {
  margin: 0;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.45;
  letter-spacing: -0.005em;
  color: var(--c-neutral-900);
}
body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .bb-atc-guar__lead {
  font-weight: 700;
}

/* Problem-image glow uses inset:-8% and was wider than the viewport,
   which let the whole page scroll sideways. Clip it to the section. */
body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .offer-prob {
  overflow-x: clip;
}

/* Versus headline — accent on its own line, tight to the lead line */
body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .versus .section-title {
  line-height: 1.06;
  margin-block-end: 0.75rem;
}

body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .versus .section-title em {
  display: block;
  width: fit-content;
  margin-block-start: 0.125rem;
  padding: 0.125rem 0.5rem 0.25rem;
  line-height: 1.05;
}

/* Versus table — pull icon columns closer to row labels */
body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .bb-vs,
body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .bb-vs.bb-vs--2brands {
  grid-template-columns: minmax(0, 1fr) 4.25rem 4.25rem;
  gap: 0.5rem;
  margin-block-start: 0.75rem;
}

body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .bb-vs__label {
  padding-inline-end: 0.25rem;
}

/* Specialist board — keep face in frame (cover was cropping the head) */
body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .sbrd__portrait img {
  object-fit: cover;
  object-position: center 15%;
}

/* Reviews block — photo marquee → text carousel rhythm (db-1) */
body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .bb-ba {
  margin: 1.5rem 0 0;
}

body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .pr-text-reviews {
  margin-block-start: 2.5rem;
  padding-block-start: 2rem;
  padding-block-end: 0;
  border-block-start: 0.0625rem solid rgba(26, 26, 26, 0.1);
}

body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .parent-reviews {
  padding-block-end: 2rem;
}

body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .pr-text-reviews__title {
  margin: 0 0 1.25rem;
  font-size: clamp(25px, 6.2vw, 32px);
  font-weight: 800;
  line-height: 1.12;
  letter-spacing: -0.02em;
  color: var(--forest, #1a1a1a);
  text-align: start;
}

body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .pr-text-reviews__title em {
  font-style: normal;
  font-weight: 800;
  background: linear-gradient(180deg, transparent 58%, var(--color-brand-primary, #ffc107) 58%);
  padding: 0 0.1875rem;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}

/* Reviews carousel — uniform white cards + horizontal peek */
body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .pr-carousel {
  margin-block-start: 0;
}

body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .pr-list {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  gap: 0.75rem;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  scroll-padding-inline: 0;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  padding: 0 0 0.25rem;
  margin: 0;
}

body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .pr-list::-webkit-scrollbar {
  display: none;
}

body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .pr-card {
  flex: 0 0 calc(100% - 36px);
  scroll-snap-align: start;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  height: 14.25rem;
  width: calc(100% - 36px);
  max-width: none;
  background: var(--c-neutral-0);
  border: 0.09375rem solid var(--forest, #1a1a1a);
  border-radius: 1rem;
  padding: 1rem 1.125rem 0.875rem;
  box-sizing: border-box;
}

body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .pr-card h4 {
  margin: 0 0 0.5rem;
  font-size: 1.09375rem;
  font-weight: 800;
  color: var(--forest, #1a1a1a);
  letter-spacing: -0.015em;
  line-height: 1.3;
}

body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .pr-card p {
  margin: 0;
  flex: 0 1 auto;
  min-height: 0;
  font-size: 1rem;
  line-height: 1.5;
  color: var(--ink, #1a1a1a);
  font-weight: 500;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}

body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .pr-stars {
  color: var(--apple-2, #f2c45e);
  font-size: 0.9375rem;
  letter-spacing: 0.125rem;
  margin-block-start: auto;
  margin-block-end: 0.25rem;
  flex-shrink: 0;
}

body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .pr-name {
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--ink-soft, #6b6b63);
  flex-shrink: 0;
}

body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .pr-carousel__nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-block-start: 1.5rem;
  margin-block-end: 0;
}

body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .pr-carousel__hint {
  font-size: 0.78125rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--ink-soft, #6b6b63);
  text-align: center;
}

body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .pr-carousel__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.75rem;
  height: 2.75rem;
  padding: 0;
  border: 0.0625rem solid rgba(26, 26, 26, 0.18);
  border-radius: 62.4375rem;
  background: transparent;
  color: var(--forest, #1a1a1a);
  cursor: pointer;
  flex: 0 0 auto;
}

body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .pr-carousel__btn:hover {
  background: var(--forest, #1a1a1a);
  color: var(--c-neutral-0);
  border-color: var(--forest, #1a1a1a);
}
body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .pr-carousel__btn svg {
  width: 1.125rem;
  height: 1.125rem;
  display: block;
}

@media (min-width: 1200px) {
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .pr-card {
    flex-basis: min(440px, calc(100% - 56px));
    width: min(440px, calc(100% - 56px));
    height: 15.25rem;
    padding: 1.125rem 1.25rem 1rem;
  }

  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .pr-text-reviews {
    margin-block-start: 3rem;
    padding-block-start: 2.5rem;
  }
}

/* Type scale +12.5% (16px → 18px). This page only. */
body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .offer-hero__banner p {
  font-size: 1.1875rem;
}

body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .offer-header__title,
body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .offer-header__title h1,
body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .offer-header__title h2,
body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell--header .offer-header__title p {
  font-size: 2.375rem;
}

body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .offer-header__body,
body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .offer-header__body p {
  font-size: 1.125rem;
}

body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .product-title {
  font-size: 1.625rem;
}
@media (max-width: 999.98px) {
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .product-title {
    font-size: 1.375rem;
    line-height: 1.2;
    letter-spacing: -0.02em;
  }
}
body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .product-sub {
  font-size: 1.125rem;
}
body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .pdp-bullets,
body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .pdp-bullets li,
body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .pdp-bullets__text {
  font-size: 1.0625rem;
}

body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .bb-urgency,
body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .bb-urgency__text,
body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .bb-urgency__text p {
  font-size: 1rem;
}

body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .cta {
  font-size: 1.0625rem;
}
/* Space above the button. It was 52px: 6px margin under the subscribe card, 22px
   of .selector bottom padding and 24px of .cta-wrap top padding, stacked. The pack
   list directly above runs on a 16-18px rhythm, so 52px broke the buybox into two
   unrelated halves and pushed the CTA below the fold on shorter laptops. 26px is
   still a clear step up from the in-group spacing without the hole. */
body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .selector {
  padding-block-end: 0.5rem;
}
body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .cta-wrap {
  padding-block-start: 0.75rem;
}

/* The page zoom thins the outline: the 2px in offer.css lands at 1.45px on a
   320px phone. Dividing by the zoom holds it at a constant 2.5px on glass at
   every width, a touch heavier than the 2px the desktop button had. */
body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .cta {
  border-width: calc(2.5px / var(--hg-zoom, 1));
}
body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .cta-meta,
body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .cta-meta p {
  font-size: 0.90625rem;
}
body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .sub-toggle,
body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .sub-opt,
body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .plan-label {
  font-size: 1rem;
}

body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .pdp-faq .row .lbl {
  font-size: 1.0625rem;
}
body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .pdp-faq .body,
body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .pdp-faq .row .body,
body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .pdp-faq .row .body p,
body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .pdp-faq .row p {
  font-size: 1.0625rem;
}

body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .bb-ing__title {
  font-size: 1.96875rem;
}
body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .bb-ing__name {
  font-size: 1.125rem;
}
body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .bb-ing__desc {
  font-size: 1rem;
}

body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .section-title,
body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .daily .section-title {
  font-size: 2.125rem;
}
body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .section-lede {
  font-size: 1.0625rem;
}
body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .tl-pill,
body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .section-tag {
  font-size: 0.84375rem;
}
body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .tl-item h4 {
  font-size: 1.40625rem;
}
body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .tl-item p {
  font-size: 1rem;
}

body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .sbrd__title,
body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .sbrd__title > *,
body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .sbrd__title h2,
body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .sbrd__title p {
  font-size: clamp(25px, 4.5vw, 32px);
}
body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .sbrd__intro p {
  font-size: 1.0625rem;
}
body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .sbrd__name {
  font-size: 1.25rem;
}
body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .sbrd__role {
  font-size: 0.84375rem;
}
body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .sbrd__quote,
body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .sbrd__bio p {
  font-size: 1.0625rem;
}

body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .htst__headline,
body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .htst__headline h2,
body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .htst__headline p,
body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .htst__title,
body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .htst__title h2,
body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .htst__title p {
  font-size: 2rem;
}
body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .htst__body,
body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .htst__body p,
body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .htst__body p {
  font-size: 1.125rem;
}
body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .htst__attrib {
  font-size: 1rem;
}

body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .bb-vs__label {
  font-size: 1rem;
}

body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .bb-vs__head-name {
  font-size: 0.875rem;
}

body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .offer-prob__title,
body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .offer-prob__title h2 {
  font-size: clamp(32px, 5vw, 45px);
}
body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .offer-prob__body,
body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .offer-prob__body p,
body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .offer-prob__item-text,
body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .offer-prob__lede,
body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .offer-prob__item h4 {
  font-size: 1.125rem;
}

body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .offer-faq__heading {
  font-size: clamp(36px, 4.3vw, 54px);
}
body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .offer-faq__q {
  font-size: 1.125rem;
}
body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .offer-faq__a,
body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .offer-faq__a p {
  font-size: 1.125rem;
}

body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .offer-guar__title {
  font-size: clamp(32px, 4.5vw, 45px);
}
body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .offer-guar p,
body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .offer-guar__body,
body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .offer-guar__body p {
  font-size: 1.125rem;
}

/* Phone: the bar is a full-width stack. The label must fit INSIDE the pill, so
   the button stays bounded by the bar and the type scales down instead of the
   span growing to max-content (which spilled the text off both screen edges).
   17px matches the buybox Add-to-cart button this bar mirrors: the two say the
   same sentence, so a different size reads as a different offer. */
@media (max-width: 899.98px) {
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .offer-sticky-cta {
    overflow-x: clip;
    padding-inline: 0.75rem;
  }
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .offer-sticky-cta__inner {
    container-type: inline-size;
    width: 100%;
    max-width: 100%;
  }
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .offer-sticky-cta__btn,
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .offer-sticky-cta__inner .offer-hero__cta {
    width: 100%;
    max-width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    box-sizing: border-box;
    min-height: 3.75rem;
    padding: 1.25rem 1.5rem;
    font-size: 1.0625rem;
    letter-spacing: 0.02em;
    line-height: 1.15;
  }
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .offer-sticky-cta__btn > span,
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .offer-sticky-cta__inner .offer-hero__cta > span:first-child {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0;
  }
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .offer-sticky-cta__trust {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    font-size: clamp(0.4375rem, 2.65cqi, 0.75rem);
    letter-spacing: 0;
    line-height: 1.2;
  }
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .offer-sticky-cta__trust .meta {
    display: inline-flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 0.3rem;
    min-width: 0;
    white-space: nowrap;
  }
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .offer-sticky-cta__trust .stars,
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .offer-sticky-cta__trust .meta > span {
    white-space: nowrap;
  }
}

@media (max-width: 339.98px) {
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .offer-sticky-cta__btn,
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .offer-sticky-cta__inner .offer-hero__cta {
    min-height: 3.25rem;
    padding: 0.9rem 0.75rem;
    font-size: clamp(0.75rem, 4.2cqi, 1rem);
  }
}

/* Desktop bar: logo | trust | button on one row, so the button is sized by its
   own text. max-content here stops the 1fr column clipping "MAINTENANT". */
@media (min-width: 1200px) {
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .offer-sticky-cta__btn,
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .offer-sticky-cta a {
    font-size: 1.0625rem;
    width: auto;
    max-width: none;
    white-space: nowrap;
  }
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .offer-sticky-cta__inner .offer-hero__cta > span:first-child,
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .offer-sticky-cta__btn > span:first-child {
    flex: 0 0 auto;
    min-width: max-content;
    overflow: visible;
    text-overflow: unset;
    white-space: nowrap;
  }
}

body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .offer-footer,
body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .offer-footer p,
body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .offer-footer li,
body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .offer-footer summary {
  font-size: 1rem;
}
body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .offer-footer__brand::before {
  font-size: 1.6875rem;
}

body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .kicker,
body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .offer-hero__eyebrow,
body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .urgency-band {
  font-size: 0.78125rem;
}

@media (min-width: 1200px) {
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .daily .section-title {
    font-size: 2.8125rem;
  }
  /* Drop the 820px phone column on tablet even before the 2-col desktop layout. */
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .daily--no-photo {
    padding-inline-start: 2.5rem;
    padding-inline-end: 2.5rem;
  }
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .daily--no-photo .inner {
    max-width: none;
    width: 100%;
    margin-inline: 0;
  }
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .daily--no-photo .tl-item p {
    max-width: none;
  }
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .daily--no-photo .tl-shot {
    max-width: none;
    width: 100%;
  }
}

/* ----------------------------------------------------------------------------
   Pack cards: more presence inside the 440px canvas.
   Sized in fixed px, not vw clamps. vw resolves against the real viewport rather
   than the scaled canvas, so a clamp would make the cards drift out of proportion
   with everything around them as the phone gets narrower.
   Capped at 999px so the desktop buybox keeps its own scale.
   -------------------------------------------------------------------------- */
@media (max-width: 999px) {
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .bundle {
    align-items: center;
    padding: 1rem 0.875rem;
    column-gap: 0.75rem;
  }
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .bundle__pack {
    width: 3.5rem;
  }
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .bundle__pack img {
    height: 3.25rem;
  }
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .bundle[data-wgl-qty="1"] .bundle__pack img {
    width: 2.5rem;
    height: 2.75rem;
  }
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .bundle__pots {
    font-size: 0.8125rem;
  }
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .bundle__name {
    font-size: 0.9375rem;
    line-height: 1.2;
    letter-spacing: 0;
    white-space: normal;
    overflow-wrap: normal;
    word-break: normal;
  }
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .bundle__save.is-on {
    top: 0;
    right: 0.75rem;
    transform: translateY(-50%);
    max-width: calc(100% - 1.5rem);
    white-space: nowrap;
    text-align: center;
    line-height: 1.15;
  }
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .bundle__day {
    font-size: 0.875rem;
  }
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .bundle__price--perpot .bundle__now strong,
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .bundle__price--total strong {
    font-size: 1.25rem;
  }
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .bundle__price--perpot .bundle__unit {
    font-size: 0.8125rem;
  }
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .bundle__full {
    font-size: 0.84375rem;
  }
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .bundle__save.is-on {
    font-size: 0.6875rem;
    padding: 0.25rem 0.5625rem;
  }
}

@media (max-width: 389.98px) {
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .bundle {
    padding: 0.875rem 0.625rem;
    column-gap: 0.625rem;
  }
}
@media (min-width: 370px) and (max-width: 389.98px) {
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .sub-toggle__title {
    font-size: 0.9375rem;
    white-space: nowrap;
    letter-spacing: -0.02em;
  }
}
@media (max-width: 369.98px) {
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .sub-toggle {
    align-items: center;
    gap: 0.625rem;
    padding: 0.75rem 0.625rem;
  }
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .sub-toggle__title {
    white-space: nowrap;
    overflow-wrap: normal;
    font-size: 0.8125rem;
    letter-spacing: -0.025em;
    line-height: 1.25;
  }
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .sub-toggle__benefits {
    flex-wrap: nowrap;
  }
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .sub-toggle__b {
    white-space: nowrap;
    font-size: 0.8125rem;
    letter-spacing: -0.01em;
  }
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .sub-toggle__b:not(:last-child)::after {
    margin-inline: 0.3rem;
  }
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .bundle {
    grid-template-columns: 3.5rem minmax(0, 1fr) auto;
    grid-template-rows: auto;
    align-items: center;
    column-gap: 0.5rem;
    min-height: 6.75rem;
    padding: 0.875rem 0.625rem;
  }
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .bundle__pack {
    grid-column: 1;
    grid-row: 1;
    align-self: center;
    width: 3.5rem;
  }
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .bundle__body {
    display: flex;
    flex-direction: column;
    grid-column: 2;
    grid-row: 1;
    min-width: 0;
    align-self: center;
  }
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .bundle__head {
    grid-column: auto;
    grid-row: auto;
    min-width: 0;
    max-width: 100%;
  }
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .bundle__name {
    font-size: 0.875rem;
    line-height: 1.15;
    letter-spacing: 0;
    white-space: normal;
    overflow: hidden;
    max-width: 100%;
  }
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .bundle__br {
    display: block;
  }
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .bundle__day,
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .bundle__pots {
    white-space: nowrap;
  }
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .bundle__price {
    grid-column: 3;
    grid-row: 1;
    justify-self: end;
    align-self: center;
  }
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .bundle__price--perpot .bundle__now strong,
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .bundle__price--total strong {
    font-size: 1rem;
  }
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .bundle__price--perpot .bundle__unit {
    font-size: 0.75rem;
  }
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .cta .cta__inner {
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: baseline;
    justify-content: center;
    white-space: nowrap;
    overflow: visible;
    gap: 0.35rem;
    min-width: 0;
    max-width: 100%;
  }
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .cta .cta__label,
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .cta .cta__sep,
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .cta .cta__price {
    flex: 0 0 auto;
    font-size: 0.8125rem;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1.2;
    white-space: nowrap;
    overflow: visible;
    text-overflow: clip;
    min-width: auto;
  }
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .bb-atc-guar,
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .bb-atc-guar p,
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .cta-guarantee {
    overflow: visible;
    height: auto;
    max-height: none;
    -webkit-line-clamp: unset;
  }
}

/* ----------------------------------------------------------------------------
   Rating row: flat 15px for both the score and the user count.
   The base rule in offer.css sizes these with vw clamps, which resolve against
   the real viewport instead of the 440px canvas, so on a 320px phone they were
   landing at 14.08px and 12.48px before the page zoom shrank them again.
   -------------------------------------------------------------------------- */
body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .stars-row strong,
body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .stars-row .reviews-link {
  font-size: 0.9375rem;
}
body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .stars-row {
  gap: 0.5625rem;
}
body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .stars-row .row svg {
  width: 0.9375rem;
  height: 0.9375rem;
}

/* ----------------------------------------------------------------------------
   Subscribe card: the title used 239px of the 324px text column and the sub-line
   barely half of it. 16px and 13px take up the slack. The title stays under the
   16.5px pack names on purpose - this is an opt-in on top of the pack choice,
   not a competing heading.
   -------------------------------------------------------------------------- */
@media (min-width: 390px) {
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .sub-toggle__title {
    font-size: 1rem;
  }
}
body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .sub-toggle__b {
  font-size: 0.8125rem;
}

/* ----------------------------------------------------------------------------
   Sticky bar trust strip: flat 12px instead of the clamp(8px, 2.5vw, 13px) in
   offer.css. That clamp bottoms out at 8px on a 320px phone and the bar's own
   zoom then took it to roughly 6px on glass, while the line only used 263px of
   the 416px available. 11.5px fills about 92% of it on one line; 12px measured
   96%, too little headroom given the strip clips rather than wraps and real
   devices can render a few percent wider than the emulator.
   Capped below the desktop bar, which has its own horizontal layout.
   -------------------------------------------------------------------------- */
@media (max-width: 767px) {
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .offer-sticky-cta__trust,
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .offer-sticky-cta__trust .meta {
    max-width: 100%;
    flex-wrap: nowrap;
    white-space: nowrap;
  }
}

/* Instagram / Facebook WebView chrome does not report a real safe-area. Extra
   bottom padding keeps the trust line above the in-app toolbar. */
html[data-hg-iab] body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .offer-sticky-cta {
  padding-block-end: calc(16px + env(safe-area-inset-bottom, 0px));
}

/* ============================================================================
   TABLET + DESKTOP
   ----------------------------------------------------------------------------
   The 440px zoom canvas ends at 439.98px, so nothing here can leak into the
   phone layout. Up to now this page was a stretched phone: 26px title, a 470px
   buy column next to a 760px gallery, and the add-to-cart sitting below the
   fold on a 900px-tall laptop. The conversion column is the product. Give it
   equal weight, a title that matches the gallery, pack cards with presence,
   and a header that does not eat the fold.
   ========================================================================== */

@media (min-width: 1200px) {
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell--header .offer-header {
    padding: 1.375rem 2rem 0.625rem;
    max-width: 67.5rem;
    margin-inline: auto;
  }
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .offer-header__title,
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .offer-header__title h1,
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .offer-header__title h2,
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell--header .offer-header__title p {
    font-size: 2.125rem;
    line-height: 1.12;
    letter-spacing: -0.03em;
    text-wrap: balance;
  }
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .offer-header__body,
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .offer-header__body p {
    font-size: 1.0625rem;
    line-height: 1.5;
    max-width: 58ch;
    margin-inline: auto;
  }

  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .product-title {
    font-size: 1.75rem;
    line-height: 1.12;
    letter-spacing: -0.03em;
  }
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .stars-row {
    font-size: 0.9375rem;
    gap: 0.625rem;
  }
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .stars-row strong {
    font-size: 1rem;
  }
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .stars-row .reviews-link {
    font-size: 0.9375rem;
  }
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .stars-row .row svg {
    width: 1rem;
    height: 1rem;
  }

  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .gallery {
    margin: 0.5rem auto 0;
    max-width: 30rem;
    padding: 0 1.5rem;
  }
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .thumbs {
    justify-content: center;
    gap: 0.625rem;
    overflow-x: visible;
  }
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .thumb {
    flex: 0 0 4rem;
    width: 4rem;
    height: 4rem;
    border-radius: 0.5rem;
  }
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .product-card > .card-grid > div:last-child {
    max-width: 37.5rem;
    margin-inline: auto;
    padding-inline: 1.75rem;
  }
}

@media (min-width: 1200px) {
  /* Two equal columns. The old 1fr / 470px split made the photo a billboard
     and the packs a sidebar. Equal columns is how a PDP of this price point
     is supposed to read. */
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .card-grid {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 2.5rem;
    padding: 0 2.5rem 0;
    max-width: 80rem;
    margin-inline: auto;
    align-items: start;
  }
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .card-grid > div:first-child {
    position: sticky;
    top: 1.5rem;
    align-self: start;
    padding-block-end: 0;
  }
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .wgl-phone {
    overflow: visible;
  }

  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell--header .offer-header {
    padding: 0.5rem 2.5rem 0;
    max-width: 80rem;
  }
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .offer-header__title,
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .offer-header__title h1,
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .offer-header__title h2,
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell--header .offer-header__title p {
    font-size: 1.875rem;
    margin-block-end: 0.375rem;
  }
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .offer-header__body,
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .offer-header__body p {
    font-size: 1rem;
    line-height: 1.4;
    max-width: 72ch;
    margin-block-end: 0;
  }
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .offer-hero__banner {
    padding: 0.625rem 1.5rem;
  }
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .product-card {
    padding-block-start: 0.25rem;
  }

  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .gallery {
    margin: 0;
    padding: 0;
    max-width: none;
  }
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .product-card > .card-grid > div:last-child {
    max-width: none;
    padding-inline: 0;
    margin-inline: 0;
  }
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .gallery-frame {
    border-radius: 1rem;
    max-height: min(560px, calc(100vh - 160px));
  }
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .thumbs {
    max-height: min(560px, calc(100vh - 160px));
    gap: 0.625rem;
  }
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .thumb {
    flex: 0 0 4.5rem;
    width: 4.5rem;
    height: 4.5rem;
    border-radius: 0.5rem;
  }

  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .product-title {
    font-size: 1.875rem;
    margin: 0 0 0.5rem;
  }
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .bb-urgency {
    margin-block-start: 0.5rem;
    margin-block-end: 0.625rem;
  }
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .bb-urgency,
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .bb-urgency__text,
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .bb-urgency__text p {
    font-size: 0.96875rem;
    line-height: 1.4;
  }

  /* Pack cards: same presence the phone canvas already had, plus a bit more
     now that the column is wide enough to hold it. */
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .bundle {
    padding: 0.875rem 1.125rem;
    gap: 0.875rem;
  }
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .bundle__pack {
    width: 4.25rem;
  }
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .bundle__pack img {
    height: 3.375rem;
  }
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .bundle__pots {
    font-size: 0.78125rem;
  }
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .bundle__name {
    font-size: 1.0625rem;
  }
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .bundle__day {
    font-size: 0.875rem;
  }
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .bundle__price--total strong {
    font-size: 1.375rem;
  }
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .bundle__full {
    font-size: 0.875rem;
  }
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .bundle__save.is-on {
    font-size: 0.6875rem;
    padding: 0.25rem 0.625rem;
  }

  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .sub-toggle {
    padding: 0.875rem 1rem;
  }
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .sub-toggle__title {
    font-size: 1.0625rem;
  }
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .sub-toggle__b {
    font-size: 0.875rem;
  }

  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .selector {
    padding-block-end: 0.25rem;
  }
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .cta-wrap {
    padding-block-start: 0.5rem;
  }
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .cta {
    min-height: 5rem;
    padding: 1.5rem 2rem;
    font-size: 1.125rem;
  }
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .cta-meta,
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .cta-meta p {
    font-size: 0.875rem;
    margin-block-start: 0.625rem;
  }

  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .pdp-trust {
    padding-block-start: 1.5rem;
  }
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .pdp-faq {
    padding-block-start: 1.75rem;
  }
}

@media (min-width: 1200px) {
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .card-grid {
    grid-template-columns: minmax(0, 1.08fr) minmax(0, 1fr);
    gap: 3rem;
    padding: 0.5rem 2.5rem 0;
    max-width: 105rem;
  }
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell--header .offer-header {
    max-width: 105rem;
    padding: 1.25rem 2.5rem 0.5rem;
  }
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .offer-header__title,
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .offer-header__title h1,
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .offer-header__title h2,
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell--header .offer-header__title p {
    font-size: 3rem;
    line-height: 1.18;
    letter-spacing: -0.02em;
    margin-block-end: 0.875rem;
  }
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .offer-header__body,
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .offer-header__body p {
    font-size: 1.125rem;
    line-height: 1.55;
    max-width: 68ch;
  }
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .product-title {
    font-size: 2.75rem;
    line-height: 1.15;
    letter-spacing: -0.02em;
  }
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .bundle__br {
    display: none;
  }
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .bundle__name {
    white-space: nowrap;
  }
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .bundle {
    padding: 1rem 1.25rem;
  }
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .gallery-frame,
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .thumbs {
    max-height: none;
  }
}

@media (min-width: 1200px) {
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .versus {
    padding: 4rem 3rem 5rem;
    max-width: 80rem;
    margin-inline: auto;
    grid-template-columns: minmax(240px, 0.72fr) minmax(0, 1.28fr);
    column-gap: 3rem;
    align-items: center;
  }
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .versus .section-title {
    font-size: 2.5rem;
    max-width: 12ch;
  }
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .bb-vs,
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .bb-vs.bb-vs--2brands {
    grid-template-columns: minmax(0, 1.45fr) minmax(0, 1fr) minmax(0, 1fr);
    justify-content: stretch;
    max-width: none;
    width: 100%;
    gap: 0.625rem 0.75rem;
    margin-block-start: 0;
  }
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .bb-vs__head {
    min-height: 7.375rem;
    padding: 1rem 0.75rem;
  }
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .bb-vs__head img,
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .bb-vs__head-logo {
    max-height: 3.5rem;
    height: 3.5rem;
  }
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .bb-vs__head-name {
    font-size: 0.75rem;
  }
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .bb-vs__label {
    font-size: 1.0625rem;
    padding-inline-end: 0.75rem;
  }
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .bb-vs__cell {
    min-height: 4rem;
  }
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .bb-vs__ico {
    width: 2.25rem;
    height: 2.25rem;
  }
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .bb-vs__ico svg {
    width: 1.25rem;
    height: 1.25rem;
  }
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .offer-prob__inner {
    max-width: 80rem;
    margin-inline: auto;
    padding-inline: 2.5rem;
  }
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .offer-guar {
    padding-inline: 2.5rem;
  }
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell--faq {
    max-width: 60rem;
    margin-inline: auto;
    padding-inline: 2.5rem;
  }

  /* Timeline: stop the phone-width column. offer-pdp-brand.css caps .inner at
     820px and centres it, so a 1440px screen was ~310px of empty dark on each
     side. Each step is already a text block plus a photo in the DOM, so they
     sit as two columns: copy on the left, shot on the right, 1280px wide. */
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .daily--no-photo {
    grid-template-columns: 1fr;
    padding: 4.5rem 3rem 6rem;
  }
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .daily--no-photo .inner {
    max-width: 80rem;
    margin-inline: auto;
    width: 100%;
  }
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .daily--no-photo .section-title {
    text-align: start;
    max-width: 22ch;
    margin: 0 0 3rem;
  }
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .daily--no-photo .timeline {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr);
    column-gap: 3rem;
    row-gap: 0.5rem;
    padding-inline-start: 1.75rem;
  }
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .daily--no-photo .tl-item {
    grid-column: 1;
    padding-block-end: 1.5rem;
    align-self: start;
    padding-block-start: 0.5rem;
  }
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .daily--no-photo .tl-item:last-child {
    grid-column: 1 / -1;
    max-width: 42em;
    padding-block-end: 0;
  }
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .daily--no-photo .tl-item p {
    max-width: none;
    font-size: 1.0625rem;
    line-height: 1.5;
  }
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .daily--no-photo .tl-shot {
    grid-column: 2;
    max-width: none;
    width: 100%;
    margin: 0 0 2.5rem;
    aspect-ratio: 16 / 10;
  }

  /* ------------------------------------------------------------------
     Desktop measure: every below-the-fold band uses the same 1280px
     canvas. Phone stacks (photo then copy, 820-1080 caps, 136px
     gutters, 84% carousels) stay below 900px.
     ------------------------------------------------------------------ */
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .parent-reviews {
    max-width: 80rem;
    margin-inline: auto;
    padding: 6.5rem 3rem 5rem;
    text-align: start;
  }

  /* Story photo left, copy right. offer-buybox-d1.liquid forces
     :has(.htst__img--wide) to a single column so the composite
     avant/apres sat as a phone banner. Undo that here. */
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .htst,
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .htst:has(.htst__img--wide) {
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(0, 1fr);
    gap: 3.5rem;
    align-items: start;
    max-width: none;
    width: 100%;
    margin: 0 0 2.5rem;
    padding: 0;
  }
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .htst__figure {
    position: sticky;
    top: 6.5rem;
  }
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .htst .htst__img,
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .htst .htst__img--wide {
    width: 100%;
    height: auto;
    aspect-ratio: 8 / 5;
    object-fit: cover;
    border-radius: 1rem;
  }
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .htst__content {
    padding-block-start: 0.5rem;
  }
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .htst__title > *,
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .htst__title h2,
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .htst__title p {
    font-size: 2rem;
    line-height: 1.12;
    max-width: none;
  }
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .htst__body p {
    max-width: none;
    font-size: 1.125rem;
    line-height: 1.55;
  }

  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .bb-ba {
    margin: 0.5rem 0 2.5rem;
  }

  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .parent-reviews .section-title {
    text-align: start;
    max-width: 22ch;
    margin-inline-start: 0;
    margin-inline-end: 0;
  }
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .pr-text-reviews {
    position: relative;
    margin-block-start: 3.5rem;
    padding-block-start: 2.5rem;
  }
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .pr-text-reviews__title {
    max-width: 18ch;
    margin: 0 11.25rem 1.5rem 0;
    font-size: 2.25rem;
  }
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .pr-carousel__nav {
    position: absolute;
    top: 2.5rem;
    right: 0;
    margin: 0;
  }
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .pr-carousel__hint {
    display: none;
  }
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .pr-list {
    display: flex;
    flex-direction: row;
    gap: 1rem;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
  }
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .pr-card {
    flex: 0 0 calc((100% - 32px) / 3);
    width: calc((100% - 32px) / 3);
    height: 15rem;
    min-height: 15rem;
    max-width: none;
  }

  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .sbrd {
    max-width: 80rem;
    padding-inline: 3rem;
    margin-inline: auto;
  }
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .sbrd__intro p {
    max-width: 62ch;
  }
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .sbrd__track {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    overflow: visible;
    margin: 0;
    padding: 0.5rem 0 0;
    scroll-snap-type: none;
  }
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .sbrd__entry {
    flex: none;
    width: auto;
    max-width: none;
  }

  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .offer-prob__inner {
    max-width: 80rem;
    padding-inline: 3rem;
    grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
    gap: 3.5rem;
  }
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .offer-prob__content,
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .offer-prob__lede {
    max-width: none;
  }
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .offer-prob__img {
    max-width: none;
    width: 100%;
  }

  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .versus {
    max-width: 80rem;
    padding-inline: 3rem;
  }

  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .offer-sticky-cta__inner {
    grid-template-columns: auto 1fr auto;
  }
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .offer-sticky-cta__btn,
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .offer-sticky-cta__inner .offer-hero__cta {
    justify-self: start;
    width: max-content;
    max-width: none;
    white-space: nowrap;
  }

  /* Guarantee: one centred stack, equal dark on both sides. */
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .offer-guar {
    padding-inline: 0;
  }
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .offer-guar__inner {
    max-width: 80rem;
    padding: 4rem 3rem;
    grid-template-columns: 1fr;
    gap: 0;
  }
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .offer-guar--solo .offer-guar__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    max-width: 40rem;
    width: 100%;
    margin-inline: auto;
  }
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .offer-guar--solo .offer-guar__seal {
    width: 8.75rem;
    height: 8.75rem;
    margin: 0 0 1.25rem;
  }
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .offer-guar--solo .offer-guar__title {
    text-align: center;
    font-size: 2.25rem;
    max-width: none;
    margin: 0 0 1rem;
  }
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .offer-guar--solo .offer-guar__body,
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .offer-guar--solo .offer-guar__body p {
    margin: 0 auto;
    text-align: center;
    max-width: 46ch;
    color: #f2eee7;
  }
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .offer-guar--solo .offer-guar__actions {
    align-items: center;
    max-width: none;
    margin-block-start: 1.375rem;
  }
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .offer-guar--solo .offer-guar__cta {
    width: auto;
    min-width: 17.5rem;
  }

  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell--faq {
    max-width: 80rem;
    margin-inline: auto;
    padding-inline: 3rem;
  }
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .offer-faq__inner {
    max-width: none;
    padding: 0;
    display: grid;
    grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
    column-gap: 4rem;
    align-items: start;
  }
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .offer-faq__heading {
    position: sticky;
    top: 6.5rem;
    margin: 0;
  }
}

/* Specialists heading. Lives here, not in the shared buybox section.
   offer.css caps .sbrd__title around 28px; this page reads it as a section title. */
body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .sbrd__title > *,
body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .sbrd__title h2,
body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .sbrd__title p {
  font-size: 2rem;
  line-height: 1.08;
}
body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .sbrd__title {
  margin-block-end: 0.875rem;
}

/* From offer-pdp-brand.css — db-1-only rules */
 * page.offer-pdp-db-1 ONLY — neutral white page ground
 * ------------------------------------------------------------
 * offer.css paints these surfaces in --cream (#FFFAF7), a warm
 * pink-white. On db-1 they read as a pink cast next to the pure
 * white .versus block, so they are normalised to #FFF here.
 *
 * Deliberately an EXACT template match, not this file's usual
 * ^="page.offer-pdp" prefix: offer-pdp, offer-pdp-db and
 * offer-pdp-2 are separate pages and must keep the cream ground.
 * ============================================================ */
body[data-original-template="page.offer-pdp-db-1"] .wgl-shell .parent-reviews,
body[data-original-template="page.offer-pdp-db-1"] .wgl-shell--faq,
body[data-original-template="page.offer-pdp-db-1"] .offer-prob {
  background: var(--c-neutral-0);
}


/* ============================================================================
 * page.offer-pdp-db-1 — TYPE / SPACING SYSTEM PASS
 * ----------------------------------------------------------------------------
 * The page had drifted into 18 font sizes (6 of them half-pixel), 6 weights,
 * 9 radii and off-grid spacing. Nothing here changes layout structure or copy;
 * it only snaps values onto a system so the page reads as designed rather than
 * assembled.
 *
 *   type scale   12 / 14 / 16 / 20 / 26 / 32 / 40
 *   weights      400 body · 600 label · 800 heading
 *   radii        4 (small UI) · 16 (cards/inputs) · 22 (large photo) · 999 (pills)
 *   spacing      4px grid
 *
 * Specificity: offer.css owns these at body[data-template] X = (0,2,1). Stacking
 * the second body attribute reaches (0,3,1), so every rule below wins WITHOUT
 *, and the exact template match keeps offer-pdp / offer-pdp-db /
 * offer-pdp-2 on their existing values.
 * ========================================================================== */
/* Type scale: snap the 6 half-pixel sizes onto the 7 real steps. */
body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .bundle__save {
  font-size: 0.625rem;
}

body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .tl-pill,
body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .section-tag {
  font-size: 0.75rem;
}

body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .bundle__day,
body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .bundle__full,
body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .bundle__pots,
body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .cta-guarantee {
  font-size: 0.75rem;
}

body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .pr-tab {
  font-size: 0.875rem;
}

body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .offer-prob__item-text,
body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .offer-prob__lede,
body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .offer-prob__item h4 {
  font-size: 1rem;
}

/* Weights: collapse the 6 in play to 400 / 600 / 700 / 800.
   500 and 900 carried no meaning the other four did not already cover. */
body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .pr-tab,
body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .sbrd__role,
body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .bb-ba__badge,
body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .htst__caps span {
  font-weight: 600;
}

body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .offer-faq__q {
  font-weight: 600;
}

/* Radii: 8 / 12 / 14 / 6px were near-misses (CLAUDE.md section 5).
   Cards and photo frames go to 16, small UI to 4. */
body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .gallery-frame,
body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .bb-vs__cell,
body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .bb-vs__head {
  border-radius: 1rem;
}

/* Pack options are 86px-tall selector rows, not content cards: at that height the
   16px card tier reads as a pill, and they sit directly on top of .sub-toggle at 4px,
   so the two disagreed by 12px in the same column. 4px lines the whole pack selector
   up and keeps the block sharp. */
body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .bundle {
  border-radius: 0.25rem;
}

body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .sub-toggle,
body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .bb-vs__ico,
body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .offer-prob__accent {
  border-radius: 0.25rem;
}

/* Spacing: snap the visible off-grid values onto the 4px grid. */
body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .bundles {
  gap: 1rem;
}

body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .bundle {
  gap: 0.75rem;
  padding: 1rem;
}

body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .pr-card,
body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .offer-faq__a {
  padding-block-start: 1rem;
  padding-block-end: 1rem;
}

body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .pr-tabs,
body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .htst__attrib,
body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .bb-vs {
  gap: 0.75rem;
}

body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .offer-faq__item {
  padding-block-start: 1.5rem;
  padding-block-end: 1.5rem;
}

body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .bb-ing {
  padding-block-start: 2rem;
  padding-block-end: 2rem;
}

body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .htst {
  padding-block-start: 3.5rem;
  padding-block-end: 1.5rem;
}

/* Line length: 8 paragraphs ran past 80ch, .sbrd__intro hit 129ch.
   65-75ch is the comfortable band; past ~85 the eye loses the return sweep. */
body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .sbrd__intro,
body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .htst__body p,
body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .offer-prob__lede,
body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .offer-faq__a p {
  max-width: 68ch;
}

/* JetBrains Mono as the DATA voice. It already carries the specialists' roles,
   where it reads as a lab-report stamp rather than marketing copy. Extending it to
   the other numeric slots gives the page a second hierarchy axis without adding a
   typeface: Inter speaks, mono measures. */
body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .tl-pill,
body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .bundle__day,
body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .bundle__pots,
body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .bundle__was,
body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .bundle__full {
  /* font-family intentionally omitted: Block A forces Inter on every element.
     Extending mono to these slots needs a Block A exemption. */
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.01em;
}


/* Two rules above lost on specificity. offer.css scopes these through
   body:is([data-original-template^="page.offer-pdp"], ...) .wgl-shell X, which lands
   at (0,4,1); adding the .wgl-shell level here reaches (0,5,1) and wins. */
body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .bundle__save,
body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .bundle__save.is-on {
  font-size: 0.625rem;
  padding: 0.1875rem 0.5rem;
}

body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .sbrd__intro,
body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .htst__body p,
body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .offer-prob__lede {
  max-width: 68ch;
}

/* Journey / daily-use timeline: centre it like every other section.
   offer.css lays .daily out as a 2-column grid (560px 560px) because it normally
   carries a sticky photo in column 2. This page sets no photo, so .daily--no-photo
   left the timeline pinned in column 1 with 744px of dead space to its right —
   measured left inset 136px vs right 744px, while its neighbours all sit at 180/180.
   Collapse to a single centred column at the FAQ's 820px measure.

   Specificity: offer.css owns .daily at body[data-template] (0,2,1); the second body
   attribute plus the modifier class reaches (0,4,1), so no is needed. */
body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .daily--no-photo {
  grid-template-columns: 1fr;
}
body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .daily--no-photo .inner {
  max-width: 51.25rem;
  margin-inline: auto;
  width: 100%;
}

/* Hero testimonial: align its content edges with the reviews block it introduces.
   offer.css gives .htst max-width:1080px plus 56px side padding, so its CONTENT
   lands at 968px wide (edges 236/236) while .parent-reviews right below runs
   136px padding with no cap, i.e. 1168px (edges 136/136). The testimonial read as
   the narrower, more squeezed block of the two.

   .htst sits INSIDE .parent-reviews, so it can never exceed the parent's 1168px
   content box; raising its max-width does nothing. The 56px of its own side padding
   is what inset it. Dropping that padding lets it fill the parent exactly, so both
   blocks share the same edges at every breakpoint (parent pads 136 desktop / 20 mobile).
   Specificity (0,3,1) beats offer.css's (0,2,1) without. */
body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .htst {
  max-width: none;
  padding-inline: 0;
}

/* Narrow phone. The guarantee glow is positioned outside the band, and
   overflow:hidden was cutting the headline with it. Headline stays larger
   than the paragraph. */
@media (max-width: 369.98px) {
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .offer-guar,
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .offer-guar__inner,
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .offer-guar__content,
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .offer-guar__title,
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .offer-guar__body {
    max-width: 100%;
    min-width: 0;
  }
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .offer-guar__glow {
    inset: 0;
  }
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .offer-guar__title,
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .offer-guar--solo .offer-guar__title {
    font-size: 1.625rem;
    line-height: 1.15;
    letter-spacing: -0.02em;
    text-wrap: wrap;
    overflow-wrap: break-word;
  }
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .offer-guar__body,
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .offer-guar__body p,
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .offer-guar--solo .offer-guar__body,
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .offer-guar--solo .offer-guar__body p {
    font-size: 0.875rem;
    line-height: 1.45;
  }
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .offer-guar .offer-hero__cta,
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .offer-guar--solo .offer-guar__cta {
    width: 100%;
    max-width: 100%;
    white-space: normal;
    font-size: 0.8125rem;
  }
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .stars-row .reviews-link,
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .stars-row strong {
    font-size: 0.8125rem;
  }
}

/* Tablet: stop the phone buy column from stretching edge to edge. */
@media (min-width: 720px) and (max-width: 1199.98px) {
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .card-grid,
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .offer-header {
    max-width: 36rem;
    margin-inline: auto;
  }
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .product-title {
    font-size: 2rem;
    line-height: 1.15;
    letter-spacing: -0.02em;
    max-width: 18em;
  }
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .bb-ba__card {
    width: min(72%, 18.75rem);
    max-width: 18.75rem;
  }
}

/* Phone header. The yellow bar was wrapping into two tight lines, the
   highlighted headline sat on a 1.1 line-height so the slabs touched, and
   the highlighted words were weight 600 against a 700 headline. */
@media (max-width: 719.98px) {
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .offer-hero__banner {
    padding: 0.625rem 0.75rem;
  }
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .offer-hero__banner p {
    font-size: 0.9375rem;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: 0;
    white-space: nowrap;
  }
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .offer-header__title,
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .offer-header__title h1,
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .offer-header__title h2,
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell--header .offer-header__title p {
    font-weight: 800;
    line-height: 1.28;
    letter-spacing: -0.02em;
  }
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .offer-header__title em,
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .offer-header__title strong,
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .offer-header__title b {
    font-weight: 800;
    padding: 0 0.12em;
  }
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .offer-header__body,
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .offer-header__body p,
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .bb-urgency,
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .bb-urgency__text,
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .bb-urgency p {
    font-weight: 600;
    color: #1a1a1a;
  }
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .offer-header__body,
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .offer-header__body p {
    font-size: 1.1875rem;
    line-height: 1.65;
    letter-spacing: 0;
  }
  /* These headlines were balancing into a tall stack. A step down lets
     each line use the width. They stay larger than the paragraph. */
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .offer-guar__title,
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .offer-guar--solo .offer-guar__title {
    font-size: 1.375rem;
    line-height: 1.2;
    letter-spacing: -0.02em;
    text-wrap: wrap;
  }
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .offer-prob__title,
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .offer-prob__title h2 {
    font-size: 1.5rem;
    line-height: 1.25;
    letter-spacing: -0.02em;
    text-wrap: wrap;
  }
  /* Step titles were 18px in the column beside the photo, so the long ones
     broke onto two lines. The title sits across the top of the card. The
     photo stays beside the points. Bigger than the points, one line. */
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .bb-ing .bb-ing__row {
    position: relative;
    flex-wrap: nowrap;
    padding-top: 46px;
  }
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .bb-ing .bb-ing__name {
    position: absolute;
    top: 12px;
    left: 0.875rem;
    right: 0.875rem;
    width: auto;
    font-size: 22px;
    font-weight: 800;
    line-height: 1.15;
    letter-spacing: -0.03em;
    white-space: nowrap;
  }
}
@media (max-width: 339.98px) {
  body[data-template="page.offer"][data-original-template="page.offer-pdp-db-1"] .wgl-shell .bb-ing .bb-ing__name {
    font-size: 19px;
    letter-spacing: -0.035em;
  }
}