/* llwhs-bloom-open.css — Bloom sticky OPEN layout PASS 3 + mobile FINAL 1.7.68
 * Gaz locks: full-height ~15% brand panel (not tiny cream chip);
 * two clean linear rows 5+4; each title one line (nowrap);
 * tighter bar depth; CTA stacked above X.
 * Loaded on Homepage Draft + Blog 9774 + Join 9769 + Stories 9776 + Shop V2 Draft + Toolkit V2 Draft + Benefits DWP V2 Draft + What is HS? V2 Draft + About Us V2 Draft.
 */

/* ===== Desktop / tablet open shell: 3-col grid ===== */
.llwhs-v2-sticky.is-open,
.ll-blog-sticky.is-open,
.ll-join-sticky.is-open,
.ll-stories-sticky.is-open,
.ll-shop-sticky.is-open,
.ll-toolkit-sticky.is-open,
.ll-benefits-sticky.is-open,
.ll-wihs-sticky.is-open,
.ll-about-sticky.is-open,
.ll-site-sticky.is-open{display: grid !important;
  grid-template-columns: clamp(7.5rem,
14vw,
10.75rem) minmax(0,
1fr) auto;
  align-items: stretch;
  column-gap: 0.95rem;
  row-gap: 0;
  height: auto !important;
  min-height: 0 !important;
  padding: 0.5rem 0.9rem !important;
  overflow: hidden;
  flex-wrap: nowrap;
}

/* Brand = full-height left panel (~15% width from grid col) */
.llwhs-v2-sticky.is-open .llwhs-v2-sticky__brand,
.ll-blog-sticky.is-open .ll-blog-sticky__brand,
.ll-join-sticky.is-open .ll-join-sticky__brand,
.ll-stories-sticky.is-open .ll-stories-sticky__brand,
.ll-shop-sticky.is-open .ll-shop-sticky__brand,
.ll-toolkit-sticky.is-open .ll-toolkit-sticky__brand,
.ll-benefits-sticky.is-open .ll-benefits-sticky__brand,
.ll-wihs-sticky.is-open .ll-wihs-sticky__brand,
.ll-about-sticky.is-open .ll-about-sticky__brand,
.ll-site-sticky.is-open .ll-site-sticky__brand{display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.28rem !important;
  align-self: stretch !important;
  width: 100% !important;
  height: auto !important;
  min-height: 100% !important;
  flex: unset !important;
  padding: 0.55rem 0.5rem !important;
  border-radius: 0.7rem !important;
  background: rgba(252,
250,
210,
0.96) !important;
  box-shadow: 0 4px 14px rgba(26,
20,
32,
0.14) !important;
  color: #1a1420 !important;
  box-sizing: border-box;
}

.llwhs-v2-sticky.is-open .llwhs-v2-sticky__logo,
.ll-blog-sticky.is-open .ll-blog-sticky__logo,
.ll-join-sticky.is-open .ll-join-sticky__logo,
.ll-stories-sticky.is-open .ll-stories-sticky__logo,
.ll-shop-sticky.is-open .ll-shop-sticky__logo,
.ll-toolkit-sticky.is-open .ll-toolkit-sticky__logo,
.ll-benefits-sticky.is-open .ll-benefits-sticky__logo,
.ll-wihs-sticky.is-open .ll-wihs-sticky__logo,
.ll-about-sticky.is-open .ll-about-sticky__logo,
.ll-site-sticky.is-open .ll-site-sticky__logo{height: clamp(44px,
5.8vh,
58px) !important;
  max-height: none !important;
  width: auto !important;
}

.llwhs-v2-sticky.is-open .llwhs-v2-sticky__wordmark,
.ll-blog-sticky.is-open .ll-blog-sticky__wordmark,
.ll-join-sticky.is-open .ll-join-sticky__wordmark,
.ll-stories-sticky.is-open .ll-stories-sticky__wordmark,
.ll-shop-sticky.is-open .ll-shop-sticky__wordmark,
.ll-toolkit-sticky.is-open .ll-toolkit-sticky__wordmark,
.ll-benefits-sticky.is-open .ll-benefits-sticky__wordmark,
.ll-wihs-sticky.is-open .ll-wihs-sticky__wordmark,
.ll-about-sticky.is-open .ll-about-sticky__wordmark,
.ll-site-sticky.is-open .ll-site-sticky__wordmark{color: #1a1420 !important;
  font-size: clamp(0.68rem,
0.9vw,
0.86rem) !important;
  line-height: 1.15 !important;
  text-align: center !important;
  white-space: nowrap !important;
}

.llwhs-v2-sticky.is-open .llwhs-v2-sticky__hs,
.ll-blog-sticky.is-open .ll-blog-sticky__hs,
.ll-join-sticky.is-open .ll-join-sticky__hs,
.ll-stories-sticky.is-open .ll-stories-sticky__hs,
.ll-shop-sticky.is-open .ll-shop-sticky__hs,
.ll-toolkit-sticky.is-open .ll-toolkit-sticky__hs,
.ll-benefits-sticky.is-open .ll-benefits-sticky__hs,
.ll-wihs-sticky.is-open .ll-wihs-sticky__hs,
.ll-about-sticky.is-open .ll-about-sticky__hs,
.ll-site-sticky.is-open .ll-site-sticky__hs{color: #6A4883 !important;
}

/* Nav column */
.llwhs-v2-sticky.is-open .llwhs-v2-sticky__nav,
.ll-blog-sticky.is-open .ll-blog-sticky__nav,
.ll-join-sticky.is-open .ll-join-sticky__nav,
.ll-stories-sticky.is-open .ll-stories-sticky__nav,
.ll-shop-sticky.is-open .ll-shop-sticky__nav,
.ll-toolkit-sticky.is-open .ll-toolkit-sticky__nav,
.ll-benefits-sticky.is-open .ll-benefits-sticky__nav,
.ll-wihs-sticky.is-open .ll-wihs-sticky__nav,
.ll-about-sticky.is-open .ll-about-sticky__nav,
.ll-site-sticky.is-open .ll-site-sticky__nav{display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 0 !important;
  width: 100%;
}

/* Two-row wrap (from include) */
.llwhs-v2-sticky.is-open .llwhs-bloom-nav__wrap,
.ll-blog-sticky.is-open .llwhs-bloom-nav__wrap,
.ll-join-sticky.is-open .llwhs-bloom-nav__wrap,
.ll-stories-sticky.is-open .llwhs-bloom-nav__wrap,
.ll-shop-sticky.is-open .llwhs-bloom-nav__wrap,
.ll-toolkit-sticky.is-open .llwhs-bloom-nav__wrap,
.ll-benefits-sticky.is-open .llwhs-bloom-nav__wrap,
.ll-wihs-sticky.is-open .llwhs-bloom-nav__wrap,
.ll-about-sticky.is-open .llwhs-bloom-nav__wrap,
.llwhs-v2-sticky.is-open .llwhs-v2-sticky__list-wrap,
.ll-blog-sticky.is-open .ll-blog-sticky__list-wrap,
.ll-join-sticky.is-open .ll-join-sticky__list-wrap,
.ll-stories-sticky.is-open .ll-stories-sticky__list-wrap,
.ll-shop-sticky.is-open .ll-shop-sticky__list-wrap,
.ll-toolkit-sticky.is-open .ll-toolkit-sticky__list-wrap,
.ll-benefits-sticky.is-open .ll-benefits-sticky__list-wrap,
.ll-wihs-sticky.is-open .ll-wihs-sticky__list-wrap,
.ll-about-sticky.is-open .ll-about-sticky__list-wrap,
.ll-site-sticky.is-open .llwhs-bloom-nav__wrap,
.ll-site-sticky.is-open .ll-site-sticky__list-wrap{display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  width: 100%;
  max-width: 100%;
}

.llwhs-v2-sticky.is-open .llwhs-v2-sticky__list,
.ll-blog-sticky.is-open .ll-blog-sticky__list,
.ll-join-sticky.is-open .ll-join-sticky__list,
.ll-stories-sticky.is-open .ll-stories-sticky__list,
.ll-shop-sticky.is-open .ll-shop-sticky__list,
.ll-toolkit-sticky.is-open .ll-toolkit-sticky__list,
.ll-benefits-sticky.is-open .ll-benefits-sticky__list,
.ll-wihs-sticky.is-open .ll-wihs-sticky__list,
.ll-about-sticky.is-open .ll-about-sticky__list,
.ll-site-sticky.is-open .ll-site-sticky__list{display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.2rem clamp(0.45rem,
1.05vw,
1.15rem) !important;
  width: auto !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.llwhs-v2-sticky.is-open .llwhs-v2-sticky__list > li,
.ll-blog-sticky.is-open .ll-blog-sticky__list > li,
.ll-join-sticky.is-open .ll-join-sticky__list > li,
.ll-stories-sticky.is-open .ll-stories-sticky__list > li,
.ll-shop-sticky.is-open .ll-shop-sticky__list > li,
.ll-toolkit-sticky.is-open .ll-toolkit-sticky__list > li,
.ll-benefits-sticky.is-open .ll-benefits-sticky__list > li,
.ll-wihs-sticky.is-open .ll-wihs-sticky__list > li,
.ll-about-sticky.is-open .ll-about-sticky__list > li,
.llwhs-v2-sticky.is-open .llwhs-v2-sticky__list .menu-item,
.ll-blog-sticky.is-open .ll-blog-sticky__list .menu-item,
.ll-join-sticky.is-open .ll-join-sticky__list .menu-item,
.ll-stories-sticky.is-open .ll-stories-sticky__list .menu-item,
.ll-shop-sticky.is-open .ll-shop-sticky__list .menu-item,
.ll-toolkit-sticky.is-open .ll-toolkit-sticky__list .menu-item,
.ll-benefits-sticky.is-open .ll-benefits-sticky__list .menu-item,
.ll-wihs-sticky.is-open .ll-wihs-sticky__list .menu-item,
.ll-about-sticky.is-open .ll-about-sticky__list .menu-item,
.ll-site-sticky.is-open .ll-site-sticky__list > li,
.ll-site-sticky.is-open .ll-site-sticky__list .menu-item{grid-column: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  flex: 0 0 auto !important;
}

.llwhs-v2-sticky.is-open .llwhs-v2-sticky__list a,
.ll-blog-sticky.is-open .ll-blog-sticky__list a,
.ll-join-sticky.is-open .ll-join-sticky__list a,
.ll-stories-sticky.is-open .ll-stories-sticky__list a,
.ll-shop-sticky.is-open .ll-shop-sticky__list a,
.ll-toolkit-sticky.is-open .ll-toolkit-sticky__list a,
.ll-benefits-sticky.is-open .ll-benefits-sticky__list a,
.ll-wihs-sticky.is-open .ll-wihs-sticky__list a,
.ll-about-sticky.is-open .ll-about-sticky__list a,
.ll-site-sticky.is-open .ll-site-sticky__list a{display: inline-flex !important;
  align-items: center !important;
  white-space: nowrap !important;
  font-size: clamp(0.74rem,
0.92vw,
0.98rem) !important;
  font-weight: 600 !important;
  letter-spacing: -0.02em !important;
  line-height: 1.15 !important;
  min-height: 2.05rem !important;
  padding: 0.28rem 0.4rem !important;
  border-radius: 0.45rem !important;
  color: #fff !important;
  text-decoration: none !important;
}

/* Actions: CTA above X,
tight cluster */
.llwhs-v2-sticky.is-open .llwhs-v2-sticky__actions,
.ll-blog-sticky.is-open .ll-blog-sticky__actions,
.ll-join-sticky.is-open .ll-join-sticky__actions,
.ll-stories-sticky.is-open .ll-stories-sticky__actions,
.ll-shop-sticky.is-open .ll-shop-sticky__actions,
.ll-toolkit-sticky.is-open .ll-toolkit-sticky__actions,
.ll-benefits-sticky.is-open .ll-benefits-sticky__actions,
.ll-wihs-sticky.is-open .ll-wihs-sticky__actions,
.ll-about-sticky.is-open .ll-about-sticky__actions,
.ll-site-sticky.is-open .ll-site-sticky__actions{display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: center !important;
  gap: 0.4rem !important;
  align-self: center !important;
  flex: 0 0 auto !important;
}

.llwhs-v2-sticky.is-open .llwhs-v2-sticky__cta,
.ll-blog-sticky.is-open .ll-blog-sticky__cta,
.ll-join-sticky.is-open .ll-join-sticky__cta,
.ll-stories-sticky.is-open .ll-stories-sticky__cta,
.ll-shop-sticky.is-open .ll-shop-sticky__cta,
.ll-toolkit-sticky.is-open .ll-toolkit-sticky__cta,
.ll-benefits-sticky.is-open .ll-benefits-sticky__cta,
.ll-wihs-sticky.is-open .ll-wihs-sticky__cta,
.ll-about-sticky.is-open .ll-about-sticky__cta,
.ll-site-sticky.is-open .ll-site-sticky__cta{background: #fff !important;
  color: #6A4883 !important;
  box-shadow: 0 8px 20px rgba(26,
20,
32,
0.18) !important;
  min-height: 2.35rem !important;
  padding: 0.4rem 0.85rem !important;
  font-size: 0.82rem !important;
  justify-content: center !important;
  white-space: nowrap !important;
}

.llwhs-v2-sticky.is-open .llwhs-v2-sticky__menu-btn,
.ll-blog-sticky.is-open .ll-blog-sticky__menu-btn,
.ll-join-sticky.is-open .ll-join-sticky__menu-btn,
.ll-stories-sticky.is-open .ll-stories-sticky__menu-btn,
.ll-shop-sticky.is-open .ll-shop-sticky__menu-btn,
.ll-toolkit-sticky.is-open .ll-toolkit-sticky__menu-btn,
.ll-benefits-sticky.is-open .ll-benefits-sticky__menu-btn,
.ll-wihs-sticky.is-open .ll-wihs-sticky__menu-btn,
.ll-about-sticky.is-open .ll-about-sticky__menu-btn,
.ll-site-sticky.is-open .ll-site-sticky__menu-btn{
  align-self: flex-end !important;
  width: 2.65rem !important;
  height: 2.65rem !important;
  background: rgba(252, 250, 210, 0.14) !important;
  border-color: rgba(252, 250, 210, 0.45) !important;
  color: #fff !important;
}

/* Mid widths: slightly tighter link size */
@media (min-width: 721px) and (max-width: 1100px) {.llwhs-v2-sticky.is-open,
.ll-blog-sticky.is-open,
.ll-join-sticky.is-open,
.ll-stories-sticky.is-open,
.ll-shop-sticky.is-open,
.ll-toolkit-sticky.is-open,
.ll-benefits-sticky.is-open,
.ll-wihs-sticky.is-open,
.ll-about-sticky.is-open,
.ll-site-sticky.is-open{grid-template-columns: clamp(6.75rem,
16vw,
9.25rem) minmax(0,
1fr) auto;
    column-gap: 0.7rem;
    padding: 0.45rem 0.7rem !important;
  }
  .llwhs-v2-sticky.is-open .llwhs-v2-sticky__list a,
.ll-blog-sticky.is-open .ll-blog-sticky__list a,
.ll-join-sticky.is-open .ll-join-sticky__list a,
.ll-stories-sticky.is-open .ll-stories-sticky__list a,
.ll-shop-sticky.is-open .ll-shop-sticky__list a,
.ll-toolkit-sticky.is-open .ll-toolkit-sticky__list a,
.ll-benefits-sticky.is-open .ll-benefits-sticky__list a,
.ll-wihs-sticky.is-open .ll-wihs-sticky__list a,
.ll-about-sticky.is-open .ll-about-sticky__list a,
.ll-site-sticky.is-open .ll-site-sticky__list a{font-size: clamp(0.68rem,
1.15vw,
0.88rem) !important;
    min-height: 1.9rem !important;
    padding: 0.22rem 0.3rem !important;
  }
  .llwhs-v2-sticky.is-open .llwhs-v2-sticky__list,
.ll-blog-sticky.is-open .ll-blog-sticky__list,
.ll-join-sticky.is-open .ll-join-sticky__list,
.ll-stories-sticky.is-open .ll-stories-sticky__list,
.ll-shop-sticky.is-open .ll-shop-sticky__list,
.ll-toolkit-sticky.is-open .ll-toolkit-sticky__list,
.ll-benefits-sticky.is-open .ll-benefits-sticky__list,
.ll-wihs-sticky.is-open .ll-wihs-sticky__list,
.ll-about-sticky.is-open .ll-about-sticky__list,
.ll-site-sticky.is-open .ll-site-sticky__list{
    gap: 0.15rem 0.45rem !important;
  }
}

/* Phone OPEN (≤720) — Gaz FINAL 28 Sep 2026 (1.7.68)
 * Stack (centred, one viewport): yellow-ring logo only → CTA + X side-by-side → 9 nav links.
 * Close stays near top with mailing CTA (a11y). Desktop ≥721 unchanged.
 */
@media (max-width: 720px) {
  .llwhs-v2-sticky.is-open,
  .ll-blog-sticky.is-open,
  .ll-join-sticky.is-open,
  .ll-stories-sticky.is-open,
  .ll-shop-sticky.is-open,
  .ll-toolkit-sticky.is-open,
  .ll-benefits-sticky.is-open,
  .ll-wihs-sticky.is-open,
  .ll-about-sticky.is-open,
  .ll-site-sticky.is-open {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    align-content: flex-start !important;
    justify-content: flex-start !important;
    min-height: min(100dvh, 100vh) !important;
    height: min(100dvh, 100vh) !important;
    padding: max(0.65rem, env(safe-area-inset-top, 0px)) max(0.85rem, env(safe-area-inset-right, 0px)) max(0.85rem, env(safe-area-inset-bottom, 0px)) max(0.85rem, env(safe-area-inset-left, 0px)) !important;
    gap: 0.55rem !important;
    overflow: hidden !important;
  }

  /* 1) Yellow-ring logo only — centred, no cream panel / no wordmark */
  .llwhs-v2-sticky.is-open .llwhs-v2-sticky__brand,
  .ll-blog-sticky.is-open .ll-blog-sticky__brand,
  .ll-join-sticky.is-open .ll-join-sticky__brand,
  .ll-stories-sticky.is-open .ll-stories-sticky__brand,
  .ll-shop-sticky.is-open .ll-shop-sticky__brand,
  .ll-toolkit-sticky.is-open .ll-toolkit-sticky__brand,
  .ll-benefits-sticky.is-open .ll-benefits-sticky__brand,
  .ll-wihs-sticky.is-open .ll-wihs-sticky__brand,
  .ll-about-sticky.is-open .ll-about-sticky__brand,
  .ll-site-sticky.is-open .ll-site-sticky__brand {
    order: 1;
    flex: 0 0 auto !important;
    align-self: center !important;
    width: 3.75rem !important;
    height: 3.75rem !important;
    min-height: 0 !important;
    padding: 0 !important;
    border-radius: 50% !important;
    aspect-ratio: 1 / 1;
    background: #ffffff !important;
    border: 2px solid #F0D45A !important;
    box-shadow: 0 4px 14px rgba(26, 20, 32, 0.16) !important;
    gap: 0 !important;
    overflow: hidden;
    margin: 0 auto !important;
  }

  .llwhs-v2-sticky.is-open .llwhs-v2-sticky__wordmark,
  .ll-blog-sticky.is-open .ll-blog-sticky__wordmark,
  .ll-join-sticky.is-open .ll-join-sticky__wordmark,
  .ll-stories-sticky.is-open .ll-stories-sticky__wordmark,
  .ll-shop-sticky.is-open .ll-shop-sticky__wordmark,
  .ll-toolkit-sticky.is-open .ll-toolkit-sticky__wordmark,
  .ll-benefits-sticky.is-open .ll-benefits-sticky__wordmark,
  .ll-wihs-sticky.is-open .ll-wihs-sticky__wordmark,
  .ll-about-sticky.is-open .ll-about-sticky__wordmark,
  .ll-site-sticky.is-open .ll-site-sticky__wordmark {
    display: none !important;
  }

  .llwhs-v2-sticky.is-open .llwhs-v2-sticky__logo,
  .ll-blog-sticky.is-open .ll-blog-sticky__logo,
  .ll-join-sticky.is-open .ll-join-sticky__logo,
  .ll-stories-sticky.is-open .ll-stories-sticky__logo,
  .ll-shop-sticky.is-open .ll-shop-sticky__logo,
  .ll-toolkit-sticky.is-open .ll-toolkit-sticky__logo,
  .ll-benefits-sticky.is-open .ll-benefits-sticky__logo,
  .ll-wihs-sticky.is-open .ll-wihs-sticky__logo,
  .ll-about-sticky.is-open .ll-about-sticky__logo,
  .ll-site-sticky.is-open .ll-site-sticky__logo {
    display: block !important;
    width: 78% !important;
    height: auto !important;
    max-width: 78% !important;
    max-height: 78% !important;
    object-fit: contain;
  }

  /* 2) CTA + X side-by-side, same height, centred as a pair (not bottom) */
  .llwhs-v2-sticky.is-open .llwhs-v2-sticky__actions,
  .ll-blog-sticky.is-open .ll-blog-sticky__actions,
  .ll-join-sticky.is-open .ll-join-sticky__actions,
  .ll-stories-sticky.is-open .ll-stories-sticky__actions,
  .ll-shop-sticky.is-open .ll-shop-sticky__actions,
  .ll-toolkit-sticky.is-open .ll-toolkit-sticky__actions,
  .ll-benefits-sticky.is-open .ll-benefits-sticky__actions,
  .ll-wihs-sticky.is-open .ll-wihs-sticky__actions,
  .ll-about-sticky.is-open .ll-about-sticky__actions,
  .ll-site-sticky.is-open .ll-site-sticky__actions {
    order: 2;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: auto !important;
    max-width: 100%;
    flex: 0 0 auto !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.55rem !important;
    align-self: center !important;
  }

  .llwhs-v2-sticky.is-open .llwhs-v2-sticky__cta,
  .ll-blog-sticky.is-open .ll-blog-sticky__cta,
  .ll-join-sticky.is-open .ll-join-sticky__cta,
  .ll-stories-sticky.is-open .ll-stories-sticky__cta,
  .ll-shop-sticky.is-open .ll-shop-sticky__cta,
  .ll-toolkit-sticky.is-open .ll-toolkit-sticky__cta,
  .ll-benefits-sticky.is-open .ll-benefits-sticky__cta,
  .ll-wihs-sticky.is-open .ll-wihs-sticky__cta,
  .ll-about-sticky.is-open .ll-about-sticky__cta,
  .ll-site-sticky.is-open .ll-site-sticky__cta {
    min-height: 2.65rem !important;
    height: 2.65rem !important;
    padding: 0 0.9rem !important;
    font-size: 0.82rem !important;
    line-height: 1.2 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 999px !important;
    box-sizing: border-box;
  }

  .llwhs-v2-sticky.is-open .llwhs-v2-sticky__menu-btn,
  .ll-blog-sticky.is-open .ll-blog-sticky__menu-btn,
  .ll-join-sticky.is-open .ll-join-sticky__menu-btn,
  .ll-stories-sticky.is-open .ll-stories-sticky__menu-btn,
  .ll-shop-sticky.is-open .ll-shop-sticky__menu-btn,
  .ll-toolkit-sticky.is-open .ll-toolkit-sticky__menu-btn,
  .ll-benefits-sticky.is-open .ll-benefits-sticky__menu-btn,
  .ll-wihs-sticky.is-open .ll-wihs-sticky__menu-btn,
  .ll-about-sticky.is-open .ll-about-sticky__menu-btn,
  .ll-site-sticky.is-open .ll-site-sticky__menu-btn {
    align-self: center !important;
    flex: 0 0 auto !important;
    width: 2.65rem !important;
    height: 2.65rem !important;
    min-width: 2.65rem !important;
    min-height: 2.65rem !important;
    margin: 0 !important;
  }

  /* 3) Nine nav links — centred column, compact to fit one phone screen */
  .llwhs-v2-sticky.is-open .llwhs-v2-sticky__nav,
  .ll-blog-sticky.is-open .ll-blog-sticky__nav,
  .ll-join-sticky.is-open .ll-join-sticky__nav,
  .ll-stories-sticky.is-open .ll-stories-sticky__nav,
  .ll-shop-sticky.is-open .ll-shop-sticky__nav,
  .ll-toolkit-sticky.is-open .ll-toolkit-sticky__nav,
  .ll-benefits-sticky.is-open .ll-benefits-sticky__nav,
  .ll-wihs-sticky.is-open .ll-wihs-sticky__nav,
  .ll-about-sticky.is-open .ll-about-sticky__nav,
  .ll-site-sticky.is-open .ll-site-sticky__nav {
    order: 3;
    flex: 1 1 auto !important;
    width: 100% !important;
    min-height: 0 !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
  }

  .llwhs-v2-sticky.is-open .llwhs-bloom-nav__wrap,
  .ll-blog-sticky.is-open .llwhs-bloom-nav__wrap,
  .ll-join-sticky.is-open .llwhs-bloom-nav__wrap,
  .ll-stories-sticky.is-open .llwhs-bloom-nav__wrap,
  .ll-shop-sticky.is-open .llwhs-bloom-nav__wrap,
  .ll-toolkit-sticky.is-open .llwhs-bloom-nav__wrap,
  .ll-benefits-sticky.is-open .llwhs-bloom-nav__wrap,
  .ll-wihs-sticky.is-open .llwhs-bloom-nav__wrap,
  .ll-about-sticky.is-open .llwhs-bloom-nav__wrap,
  .llwhs-v2-sticky.is-open .llwhs-v2-sticky__list-wrap,
  .ll-blog-sticky.is-open .ll-blog-sticky__list-wrap,
  .ll-join-sticky.is-open .ll-join-sticky__list-wrap,
  .ll-stories-sticky.is-open .ll-stories-sticky__list-wrap,
  .ll-shop-sticky.is-open .ll-shop-sticky__list-wrap,
  .ll-toolkit-sticky.is-open .ll-toolkit-sticky__list-wrap,
  .ll-benefits-sticky.is-open .ll-benefits-sticky__list-wrap,
  .ll-wihs-sticky.is-open .ll-wihs-sticky__list-wrap,
  .ll-about-sticky.is-open .ll-about-sticky__list-wrap,
  .ll-site-sticky.is-open .llwhs-bloom-nav__wrap,
  .ll-site-sticky.is-open .ll-site-sticky__list-wrap {
    align-items: center;
    justify-content: center;
    gap: 0;
    width: 100%;
    max-width: 22rem;
    margin: 0 auto;
  }

  .llwhs-v2-sticky.is-open .llwhs-v2-sticky__list,
  .ll-blog-sticky.is-open .ll-blog-sticky__list,
  .ll-join-sticky.is-open .ll-join-sticky__list,
  .ll-stories-sticky.is-open .ll-stories-sticky__list,
  .ll-shop-sticky.is-open .ll-shop-sticky__list,
  .ll-toolkit-sticky.is-open .ll-toolkit-sticky__list,
  .ll-benefits-sticky.is-open .ll-benefits-sticky__list,
  .ll-wihs-sticky.is-open .ll-wihs-sticky__list,
  .ll-about-sticky.is-open .ll-about-sticky__list,
  .ll-site-sticky.is-open .ll-site-sticky__list {
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.05rem !important;
    width: 100% !important;
  }

  .llwhs-v2-sticky.is-open .llwhs-v2-sticky__list > li,
  .ll-blog-sticky.is-open .ll-blog-sticky__list > li,
  .ll-join-sticky.is-open .ll-join-sticky__list > li,
  .ll-stories-sticky.is-open .ll-stories-sticky__list > li,
  .ll-shop-sticky.is-open .ll-shop-sticky__list > li,
  .ll-toolkit-sticky.is-open .ll-toolkit-sticky__list > li,
  .ll-benefits-sticky.is-open .ll-benefits-sticky__list > li,
  .ll-wihs-sticky.is-open .ll-wihs-sticky__list > li,
  .ll-about-sticky.is-open .ll-about-sticky__list > li,
  .ll-site-sticky.is-open .ll-site-sticky__list > li {
    width: 100% !important;
    text-align: center !important;
  }

  .llwhs-v2-sticky.is-open .llwhs-v2-sticky__list a,
  .ll-blog-sticky.is-open .ll-blog-sticky__list a,
  .ll-join-sticky.is-open .ll-join-sticky__list a,
  .ll-stories-sticky.is-open .ll-stories-sticky__list a,
  .ll-shop-sticky.is-open .ll-shop-sticky__list a,
  .ll-toolkit-sticky.is-open .ll-toolkit-sticky__list a,
  .ll-benefits-sticky.is-open .ll-benefits-sticky__list a,
  .ll-wihs-sticky.is-open .ll-wihs-sticky__list a,
  .ll-about-sticky.is-open .ll-about-sticky__list a,
  .ll-site-sticky.is-open .ll-site-sticky__list a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    white-space: normal !important;
    text-align: center !important;
    min-height: 2.35rem !important;
    padding: 0.35rem 0.5rem !important;
    border-radius: 0.45rem !important;
    border-bottom: none !important;
    font-size: clamp(0.95rem, 3.8vw, 1.12rem) !important;
    line-height: 1.2 !important;
  }
}

/* ===== Desktop open polish (all Bloom pages) — Gaz PASS 22 Sep 2026 =====
 * White circle brand + thin yellow #F0D45A border; logo-only (wordmark hidden);
 * larger 5+4 nowrap nav; X centred under mailing CTA.
 * Applies to all Bloom marketing stickies on desktop ≥721px.
 * Mobile ≤720 open is the centred logo→CTA+X→links stack (1.7.68). Do not change closed sand sticky.
 */
@media (min-width: 721px) {/* Tighten col 1 for circle brand (not tall ~15% cream panel) */
  .llwhs-v2-sticky.is-open,
.ll-blog-sticky.is-open,
.ll-join-sticky.is-open,
.ll-stories-sticky.is-open,
.ll-shop-sticky.is-open,
.ll-toolkit-sticky.is-open,
.ll-benefits-sticky.is-open,
.ll-wihs-sticky.is-open,
.ll-about-sticky.is-open,
.ll-site-sticky.is-open{grid-template-columns: auto minmax(0,
1fr) auto;
    align-items: center;
    column-gap: 1.1rem;
  }

  /* Brand: white circle + thin yellow border; logo-only; no cream panel */
  .llwhs-v2-sticky.is-open .llwhs-v2-sticky__brand,
.ll-blog-sticky.is-open .ll-blog-sticky__brand,
.ll-join-sticky.is-open .ll-join-sticky__brand,
.ll-stories-sticky.is-open .ll-stories-sticky__brand,
.ll-shop-sticky.is-open .ll-shop-sticky__brand,
.ll-toolkit-sticky.is-open .ll-toolkit-sticky__brand,
.ll-benefits-sticky.is-open .ll-benefits-sticky__brand,
.ll-wihs-sticky.is-open .ll-wihs-sticky__brand,
.ll-about-sticky.is-open .ll-about-sticky__brand,
.ll-site-sticky.is-open .ll-site-sticky__brand{align-self: center !important;
    justify-self: start;
    width: clamp(4.75rem,
6.5vw,
6rem) !important;
    height: clamp(4.75rem,
6.5vw,
6rem) !important;
    min-height: 0 !important;
    padding: 0 !important;
    border-radius: 50% !important;
    aspect-ratio: 1 / 1;
    background: #ffffff !important;
    border: 2px solid #F0D45A !important;
    box-shadow: 0 4px 14px rgba(26,
20,
32,
0.16) !important;
    gap: 0 !important;
    overflow: hidden;
  }

  /* Hide visible wordmark when open; keep .screen-reader-text / aria-label */
  .llwhs-v2-sticky.is-open .llwhs-v2-sticky__wordmark,
.ll-blog-sticky.is-open .ll-blog-sticky__wordmark,
.ll-join-sticky.is-open .ll-join-sticky__wordmark,
.ll-stories-sticky.is-open .ll-stories-sticky__wordmark,
.ll-shop-sticky.is-open .ll-shop-sticky__wordmark,
.ll-toolkit-sticky.is-open .ll-toolkit-sticky__wordmark,
.ll-benefits-sticky.is-open .ll-benefits-sticky__wordmark,
.ll-wihs-sticky.is-open .ll-wihs-sticky__wordmark,
.ll-about-sticky.is-open .ll-about-sticky__wordmark,
.ll-site-sticky.is-open .ll-site-sticky__wordmark{display: none !important;
  }

  /* Logo fills ~75–85% of circle with small padding */
  .llwhs-v2-sticky.is-open .llwhs-v2-sticky__logo,
.ll-blog-sticky.is-open .ll-blog-sticky__logo,
.ll-join-sticky.is-open .ll-join-sticky__logo,
.ll-stories-sticky.is-open .ll-stories-sticky__logo,
.ll-shop-sticky.is-open .ll-shop-sticky__logo,
.ll-toolkit-sticky.is-open .ll-toolkit-sticky__logo,
.ll-benefits-sticky.is-open .ll-benefits-sticky__logo,
.ll-wihs-sticky.is-open .ll-wihs-sticky__logo,
.ll-about-sticky.is-open .ll-about-sticky__logo,
.ll-site-sticky.is-open .ll-site-sticky__logo{display: block !important;
    width: 78% !important;
    height: auto !important;
    max-width: 78% !important;
    max-height: 78% !important;
    object-fit: contain;
  }

  /* Nav links: larger type that still fits 5+4 nowrap rows; even breathing room */
  .llwhs-v2-sticky.is-open .llwhs-v2-sticky__list,
.ll-blog-sticky.is-open .ll-blog-sticky__list,
.ll-join-sticky.is-open .ll-join-sticky__list,
.ll-stories-sticky.is-open .ll-stories-sticky__list,
.ll-shop-sticky.is-open .ll-shop-sticky__list,
.ll-toolkit-sticky.is-open .ll-toolkit-sticky__list,
.ll-benefits-sticky.is-open .ll-benefits-sticky__list,
.ll-wihs-sticky.is-open .ll-wihs-sticky__list,
.ll-about-sticky.is-open .ll-about-sticky__list,
.ll-site-sticky.is-open .ll-site-sticky__list{gap: 0.25rem clamp(0.55rem,
1.2vw,
1.35rem) !important;
  }

  .llwhs-v2-sticky.is-open .llwhs-v2-sticky__list a,
.ll-blog-sticky.is-open .ll-blog-sticky__list a,
.ll-join-sticky.is-open .ll-join-sticky__list a,
.ll-stories-sticky.is-open .ll-stories-sticky__list a,
.ll-shop-sticky.is-open .ll-shop-sticky__list a,
.ll-toolkit-sticky.is-open .ll-toolkit-sticky__list a,
.ll-benefits-sticky.is-open .ll-benefits-sticky__list a,
.ll-wihs-sticky.is-open .ll-wihs-sticky__list a,
.ll-about-sticky.is-open .ll-about-sticky__list a,
.ll-site-sticky.is-open .ll-site-sticky__list a{font-size: clamp(0.82rem,
1.05vw,
1.08rem) !important;
    min-height: 2.15rem !important;
    padding: 0.3rem 0.45rem !important;
  }

  /* Actions: centre X under mailing CTA (override flex-end) */
  .llwhs-v2-sticky.is-open .llwhs-v2-sticky__actions,
.ll-blog-sticky.is-open .ll-blog-sticky__actions,
.ll-join-sticky.is-open .ll-join-sticky__actions,
.ll-stories-sticky.is-open .ll-stories-sticky__actions,
.ll-shop-sticky.is-open .ll-shop-sticky__actions,
.ll-toolkit-sticky.is-open .ll-toolkit-sticky__actions,
.ll-benefits-sticky.is-open .ll-benefits-sticky__actions,
.ll-wihs-sticky.is-open .ll-wihs-sticky__actions,
.ll-about-sticky.is-open .ll-about-sticky__actions,
.ll-site-sticky.is-open .ll-site-sticky__actions{align-items: center !important;
  }

  .llwhs-v2-sticky.is-open .llwhs-v2-sticky__menu-btn,
.ll-blog-sticky.is-open .ll-blog-sticky__menu-btn,
.ll-join-sticky.is-open .ll-join-sticky__menu-btn,
.ll-stories-sticky.is-open .ll-stories-sticky__menu-btn,
.ll-shop-sticky.is-open .ll-shop-sticky__menu-btn,
.ll-toolkit-sticky.is-open .ll-toolkit-sticky__menu-btn,
.ll-benefits-sticky.is-open .ll-benefits-sticky__menu-btn,
.ll-wihs-sticky.is-open .ll-wihs-sticky__menu-btn,
.ll-about-sticky.is-open .ll-about-sticky__menu-btn,
.ll-site-sticky.is-open .ll-site-sticky__menu-btn{
    align-self: center !important;
  }
}

/* Mid desktop: keep circle + slightly tighter nav type */
@media (min-width: 721px) and (max-width: 1100px) {.llwhs-v2-sticky.is-open,
.ll-blog-sticky.is-open,
.ll-join-sticky.is-open,
.ll-stories-sticky.is-open,
.ll-shop-sticky.is-open,
.ll-toolkit-sticky.is-open,
.ll-benefits-sticky.is-open,
.ll-wihs-sticky.is-open,
.ll-about-sticky.is-open,
.ll-site-sticky.is-open{grid-template-columns: auto minmax(0,
1fr) auto;
    column-gap: 0.85rem;
  }

  .llwhs-v2-sticky.is-open .llwhs-v2-sticky__list a,
.ll-blog-sticky.is-open .ll-blog-sticky__list a,
.ll-join-sticky.is-open .ll-join-sticky__list a,
.ll-stories-sticky.is-open .ll-stories-sticky__list a,
.ll-shop-sticky.is-open .ll-shop-sticky__list a,
.ll-toolkit-sticky.is-open .ll-toolkit-sticky__list a,
.ll-benefits-sticky.is-open .ll-benefits-sticky__list a,
.ll-wihs-sticky.is-open .ll-wihs-sticky__list a,
.ll-about-sticky.is-open .ll-about-sticky__list a,
.ll-site-sticky.is-open .ll-site-sticky__list a{font-size: clamp(0.74rem,
1.2vw,
0.94rem) !important;
    min-height: 1.95rem !important;
    padding: 0.24rem 0.32rem !important;
  }

  .llwhs-v2-sticky.is-open .llwhs-v2-sticky__list,
.ll-blog-sticky.is-open .ll-blog-sticky__list,
.ll-join-sticky.is-open .ll-join-sticky__list,
.ll-stories-sticky.is-open .ll-stories-sticky__list,
.ll-shop-sticky.is-open .ll-shop-sticky__list,
.ll-toolkit-sticky.is-open .ll-toolkit-sticky__list,
.ll-benefits-sticky.is-open .ll-benefits-sticky__list,
.ll-wihs-sticky.is-open .ll-wihs-sticky__list,
.ll-about-sticky.is-open .ll-about-sticky__list,
.ll-site-sticky.is-open .ll-site-sticky__list{
    gap: 0.18rem 0.5rem !important;
  }
}

/* —— 1.7.65 uniform phone CLOSED sticky (definitive fit) ——
   Home + Shop (and every Bloom sticky with mailing CTA) were colliding:
   full "Join the mailing list" + full wordmark cannot both fit ≤480px.
   Fix: same closed sizes everywhere + short visible CTA "Mailing list" (was "Become a member"; PAUSE 1.7.101).
   Wordmark stays visible. Does NOT change Bloom OPEN (desktop/mobile). */
@media (max-width: 480px) {
  .llwhs-v2-sticky:not(.is-open),
  .ll-blog-sticky:not(.is-open),
  .ll-join-sticky:not(.is-open),
  .ll-stories-sticky:not(.is-open),
  .ll-shop-sticky:not(.is-open),
  .ll-toolkit-sticky:not(.is-open),
  .ll-benefits-sticky:not(.is-open),
  .ll-wihs-sticky:not(.is-open),
  .ll-about-sticky:not(.is-open),
  .ll-site-sticky:not(.is-open) {
    gap: 0.4rem !important;
    padding-left: 0.65rem !important;
    padding-right: 0.65rem !important;
  }

  .llwhs-v2-sticky:not(.is-open) .llwhs-v2-sticky__brand,
  .ll-blog-sticky:not(.is-open) .ll-blog-sticky__brand,
  .ll-join-sticky:not(.is-open) .ll-join-sticky__brand,
  .ll-stories-sticky:not(.is-open) .ll-stories-sticky__brand,
  .ll-shop-sticky:not(.is-open) .ll-shop-sticky__brand,
  .ll-toolkit-sticky:not(.is-open) .ll-toolkit-sticky__brand,
  .ll-benefits-sticky:not(.is-open) .ll-benefits-sticky__brand,
  .ll-wihs-sticky:not(.is-open) .ll-wihs-sticky__brand,
  .ll-about-sticky:not(.is-open) .ll-about-sticky__brand,
  .ll-site-sticky:not(.is-open) .ll-site-sticky__brand {
    gap: 0.35rem !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
  }

  .llwhs-v2-sticky:not(.is-open) .llwhs-v2-sticky__logo,
  .ll-blog-sticky:not(.is-open) .ll-blog-sticky__logo,
  .ll-join-sticky:not(.is-open) .ll-join-sticky__logo,
  .ll-stories-sticky:not(.is-open) .ll-stories-sticky__logo,
  .ll-shop-sticky:not(.is-open) .ll-shop-sticky__logo,
  .ll-toolkit-sticky:not(.is-open) .ll-toolkit-sticky__logo,
  .ll-benefits-sticky:not(.is-open) .ll-benefits-sticky__logo,
  .ll-wihs-sticky:not(.is-open) .ll-wihs-sticky__logo,
  .ll-about-sticky:not(.is-open) .ll-about-sticky__logo,
  .ll-site-sticky:not(.is-open) .ll-site-sticky__logo {
    height: 30px !important;
    max-height: 30px !important;
  }

  .llwhs-v2-sticky:not(.is-open) .llwhs-v2-sticky__wordmark,
  .ll-blog-sticky:not(.is-open) .ll-blog-sticky__wordmark,
  .ll-join-sticky:not(.is-open) .ll-join-sticky__wordmark,
  .ll-stories-sticky:not(.is-open) .ll-stories-sticky__wordmark,
  .ll-shop-sticky:not(.is-open) .ll-shop-sticky__wordmark,
  .ll-toolkit-sticky:not(.is-open) .ll-toolkit-sticky__wordmark,
  .ll-benefits-sticky:not(.is-open) .ll-benefits-sticky__wordmark,
  .ll-wihs-sticky:not(.is-open) .ll-wihs-sticky__wordmark,
  .ll-about-sticky:not(.is-open) .ll-about-sticky__wordmark,
  .ll-site-sticky:not(.is-open) .ll-site-sticky__wordmark {
    display: inline !important;
    font-size: 0.74rem !important;
    letter-spacing: -0.03em !important;
  }

  .llwhs-v2-sticky:not(.is-open) .llwhs-v2-sticky__actions,
  .ll-blog-sticky:not(.is-open) .ll-blog-sticky__actions,
  .ll-join-sticky:not(.is-open) .ll-join-sticky__actions,
  .ll-stories-sticky:not(.is-open) .ll-stories-sticky__actions,
  .ll-shop-sticky:not(.is-open) .ll-shop-sticky__actions,
  .ll-toolkit-sticky:not(.is-open) .ll-toolkit-sticky__actions,
  .ll-benefits-sticky:not(.is-open) .ll-benefits-sticky__actions,
  .ll-wihs-sticky:not(.is-open) .ll-wihs-sticky__actions,
  .ll-about-sticky:not(.is-open) .ll-about-sticky__actions,
  .ll-site-sticky:not(.is-open) .ll-site-sticky__actions {
    gap: 0.35rem !important;
    flex: 0 0 auto !important;
  }

  /* Short visible label; keep full phrase in the HTML for assistive tech */
  .llwhs-v2-sticky:not(.is-open) .llwhs-v2-sticky__cta,
  .ll-blog-sticky:not(.is-open) .ll-blog-sticky__cta,
  .ll-join-sticky:not(.is-open) .ll-join-sticky__cta,
  .ll-stories-sticky:not(.is-open) .ll-stories-sticky__cta,
  .ll-shop-sticky:not(.is-open) .ll-shop-sticky__cta,
  .ll-toolkit-sticky:not(.is-open) .ll-toolkit-sticky__cta,
  .ll-benefits-sticky:not(.is-open) .ll-benefits-sticky__cta,
  .ll-wihs-sticky:not(.is-open) .ll-wihs-sticky__cta,
  .ll-about-sticky:not(.is-open) .ll-about-sticky__cta,
  .ll-site-sticky:not(.is-open) .ll-site-sticky__cta {
    font-size: 0 !important;
    line-height: 0 !important;
    padding: 0.3rem 0.58rem !important;
    min-height: 1.85rem !important;
    white-space: nowrap !important;
  }
  .llwhs-v2-sticky:not(.is-open) .llwhs-v2-sticky__cta::after,
  .ll-blog-sticky:not(.is-open) .ll-blog-sticky__cta::after,
  .ll-join-sticky:not(.is-open) .ll-join-sticky__cta::after,
  .ll-stories-sticky:not(.is-open) .ll-stories-sticky__cta::after,
  .ll-shop-sticky:not(.is-open) .ll-shop-sticky__cta::after,
  .ll-toolkit-sticky:not(.is-open) .ll-toolkit-sticky__cta::after,
  .ll-benefits-sticky:not(.is-open) .ll-benefits-sticky__cta::after,
  .ll-wihs-sticky:not(.is-open) .ll-wihs-sticky__cta::after,
  .ll-about-sticky:not(.is-open) .ll-about-sticky__cta::after,
  .ll-site-sticky:not(.is-open) .ll-site-sticky__cta::after {
    content: "Mailing list";
    font-size: 0.68rem;
    line-height: 1.2;
    font-weight: 600;
    font-family: Fredoka, system-ui, sans-serif;
    letter-spacing: -0.01em;
  }

  .llwhs-v2-sticky:not(.is-open) .llwhs-v2-sticky__menu-btn,
  .ll-blog-sticky:not(.is-open) .ll-blog-sticky__menu-btn,
  .ll-join-sticky:not(.is-open) .ll-join-sticky__menu-btn,
  .ll-stories-sticky:not(.is-open) .ll-stories-sticky__menu-btn,
  .ll-shop-sticky:not(.is-open) .ll-shop-sticky__menu-btn,
  .ll-toolkit-sticky:not(.is-open) .ll-toolkit-sticky__menu-btn,
  .ll-benefits-sticky:not(.is-open) .ll-benefits-sticky__menu-btn,
  .ll-wihs-sticky:not(.is-open) .ll-wihs-sticky__menu-btn,
  .ll-about-sticky:not(.is-open) .ll-about-sticky__menu-btn,
  .ll-site-sticky:not(.is-open) .ll-site-sticky__menu-btn {
    width: 2.1rem !important;
    height: 2.1rem !important;
  }
}

@media (max-width: 380px) {
  .llwhs-v2-sticky:not(.is-open) .llwhs-v2-sticky__wordmark,
  .ll-blog-sticky:not(.is-open) .ll-blog-sticky__wordmark,
  .ll-join-sticky:not(.is-open) .ll-join-sticky__wordmark,
  .ll-stories-sticky:not(.is-open) .ll-stories-sticky__wordmark,
  .ll-shop-sticky:not(.is-open) .ll-shop-sticky__wordmark,
  .ll-toolkit-sticky:not(.is-open) .ll-toolkit-sticky__wordmark,
  .ll-benefits-sticky:not(.is-open) .ll-benefits-sticky__wordmark,
  .ll-wihs-sticky:not(.is-open) .ll-wihs-sticky__wordmark,
  .ll-about-sticky:not(.is-open) .ll-about-sticky__wordmark,
  .ll-site-sticky:not(.is-open) .ll-site-sticky__wordmark {
    font-size: 0.68rem !important;
  }
}

/* ===== 1.7.70 CookieYes / Bloom OPEN stacking (sitewide) =====
 * CookieYes banner + revisit chip must not sit above open menu or steal X/nav taps.
 * Raise open sticky above CookieYes; park CookieYes while any Bloom sticky is open.
 */
:is(
  .llwhs-v2-sticky,
  .ll-blog-sticky,
  .ll-join-sticky,
  .ll-stories-sticky,
  .ll-shop-sticky,
  .ll-toolkit-sticky,
  .ll-benefits-sticky,
  .ll-wihs-sticky,
  .ll-about-sticky,
  .ll-site-sticky
).is-open {
  z-index: 2147483646 !important;
}

body:is(
  .llwhs-v2-nav-open,
  .ll-blog-nav-open,
  .ll-join-nav-open,
  .ll-stories-nav-open,
  .ll-shop-nav-open,
  .ll-toolkit-nav-open,
  .ll-benefits-nav-open,
  .ll-wihs-nav-open,
  .ll-about-nav-open,
  .ll-site-nav-open
) :is(
  .cky-btn-revisit-wrapper,
  .cky-consent-container,
  .cky-modal,
  .cky-overlay,
  .cky-consent-bar,
  .cky-box,
  [class^="cky-"][class*="consent"],
  [class*="cky-consent"]
),
body:has(:is(
  .llwhs-v2-sticky,
  .ll-blog-sticky,
  .ll-join-sticky,
  .ll-stories-sticky,
  .ll-shop-sticky,
  .ll-toolkit-sticky,
  .ll-benefits-sticky,
  .ll-wihs-sticky,
  .ll-about-sticky,
  .ll-site-sticky
).is-open) :is(
  .cky-btn-revisit-wrapper,
  .cky-consent-container,
  .cky-modal,
  .cky-overlay,
  .cky-consent-bar,
  .cky-box,
  [class^="cky-"][class*="consent"],
  [class*="cky-consent"]
) {
  visibility: hidden !important;
  pointer-events: none !important;
  opacity: 0 !important;
  z-index: 0 !important;
}

/* ===== LLWHS pass1 sticky login + phone open CTA hide ===== */
/* Closed sticky: member column + login line on every Bloom / site sticky */
.llwhs-v2-sticky__member,
.ll-blog-sticky__member,
.ll-join-sticky__member,
.ll-stories-sticky__member,
.ll-shop-sticky__member,
.ll-toolkit-sticky__member,
.ll-benefits-sticky__member,
.ll-wihs-sticky__member,
.ll-about-sticky__member,
.ll-site-sticky__member {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.36rem !important;
  min-width: 0;
}

.llwhs-v2-sticky__login,
.ll-blog-sticky__login,
.ll-join-sticky__login,
.ll-stories-sticky__login,
.ll-shop-sticky__login,
.ll-toolkit-sticky__login,
.ll-benefits-sticky__login,
.ll-wihs-sticky__login,
.ll-about-sticky__login,
.ll-site-sticky__login {
  margin: 0;
  max-width: 16rem;
  font-family: Fredoka, system-ui, sans-serif;
  font-size: 0.82rem;
  line-height: 1.25;
  font-weight: 500;
  color: #1a1420;
  text-align: right;
}

.llwhs-v2-sticky__login a,
.ll-blog-sticky__login a,
.ll-join-sticky__login a,
.ll-stories-sticky__login a,
.ll-shop-sticky__login a,
.ll-toolkit-sticky__login a,
.ll-benefits-sticky__login a,
.ll-wihs-sticky__login a,
.ll-about-sticky__login a,
.ll-site-sticky__login a {
  color: #6A4883;
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 0.14em;
}

.llwhs-v2-sticky.is-open .llwhs-v2-sticky__login,
.llwhs-v2-sticky.is-open .llwhs-v2-sticky__login a,
.ll-blog-sticky.is-open .ll-blog-sticky__login,
.ll-blog-sticky.is-open .ll-blog-sticky__login a,
.ll-join-sticky.is-open .ll-join-sticky__login,
.ll-join-sticky.is-open .ll-join-sticky__login a,
.ll-stories-sticky.is-open .ll-stories-sticky__login,
.ll-stories-sticky.is-open .ll-stories-sticky__login a,
.ll-shop-sticky.is-open .ll-shop-sticky__login,
.ll-shop-sticky.is-open .ll-shop-sticky__login a,
.ll-toolkit-sticky.is-open .ll-toolkit-sticky__login,
.ll-toolkit-sticky.is-open .ll-toolkit-sticky__login a,
.ll-benefits-sticky.is-open .ll-benefits-sticky__login,
.ll-benefits-sticky.is-open .ll-benefits-sticky__login a,
.ll-wihs-sticky.is-open .ll-wihs-sticky__login,
.ll-wihs-sticky.is-open .ll-wihs-sticky__login a,
.ll-about-sticky.is-open .ll-about-sticky__login,
.ll-about-sticky.is-open .ll-about-sticky__login a,
.ll-site-sticky.is-open .ll-site-sticky__login,
.ll-site-sticky.is-open .ll-site-sticky__login a {
  color: #fff !important;
}

/* Phone closed: room for CTA + login (match homepage 4.85rem) — do not inset L/R */
@media (max-width: 480px) {
  .ll-about,
  .ll-blog,
  .ll-join,
  .ll-stories,
  .ll-shop,
  .ll-toolkit,
  .ll-benefits,
  .ll-wihs {
    --sticky-h: 4.85rem !important;
  }

  .llwhs-v2-sticky__login,
  .ll-blog-sticky__login,
  .ll-join-sticky__login,
  .ll-stories-sticky__login,
  .ll-shop-sticky__login,
  .ll-toolkit-sticky__login,
  .ll-benefits-sticky__login,
  .ll-wihs-sticky__login,
  .ll-about-sticky__login,
  .ll-site-sticky__login {
    font-size: 0.68rem;
    max-width: 9.5rem;
  }
}

/* Phone OPEN menu only: remove Become a member + login; keep logo, close, page list */
@media (max-width: 720px) {
  .llwhs-v2-sticky.is-open .llwhs-v2-sticky__member,
  .ll-blog-sticky.is-open .ll-blog-sticky__member,
  .ll-join-sticky.is-open .ll-join-sticky__member,
  .ll-stories-sticky.is-open .ll-stories-sticky__member,
  .ll-shop-sticky.is-open .ll-shop-sticky__member,
  .ll-toolkit-sticky.is-open .ll-toolkit-sticky__member,
  .ll-benefits-sticky.is-open .ll-benefits-sticky__member,
  .ll-wihs-sticky.is-open .ll-wihs-sticky__member,
  .ll-about-sticky.is-open .ll-about-sticky__member,
  .ll-site-sticky.is-open .ll-site-sticky__member,
  .llwhs-v2-sticky.is-open .llwhs-v2-sticky__cta,
  .ll-blog-sticky.is-open .ll-blog-sticky__cta,
  .ll-join-sticky.is-open .ll-join-sticky__cta,
  .ll-stories-sticky.is-open .ll-stories-sticky__cta,
  .ll-shop-sticky.is-open .ll-shop-sticky__cta,
  .ll-toolkit-sticky.is-open .ll-toolkit-sticky__cta,
  .ll-benefits-sticky.is-open .ll-benefits-sticky__cta,
  .ll-wihs-sticky.is-open .ll-wihs-sticky__cta,
  .ll-about-sticky.is-open .ll-about-sticky__cta,
  .ll-site-sticky.is-open .ll-site-sticky__cta,
  .llwhs-v2-sticky.is-open .llwhs-v2-sticky__login,
  .ll-blog-sticky.is-open .ll-blog-sticky__login,
  .ll-join-sticky.is-open .ll-join-sticky__login,
  .ll-stories-sticky.is-open .ll-stories-sticky__login,
  .ll-shop-sticky.is-open .ll-shop-sticky__login,
  .ll-toolkit-sticky.is-open .ll-toolkit-sticky__login,
  .ll-benefits-sticky.is-open .ll-benefits-sticky__login,
  .ll-wihs-sticky.is-open .ll-wihs-sticky__login,
  .ll-about-sticky.is-open .ll-about-sticky__login,
  .ll-site-sticky.is-open .ll-site-sticky__login {
    display: none !important;
  }

  /* Tidy open phone header row: logo + close only */
  .llwhs-v2-sticky.is-open .llwhs-v2-sticky__actions,
  .ll-blog-sticky.is-open .ll-blog-sticky__actions,
  .ll-join-sticky.is-open .ll-join-sticky__actions,
  .ll-stories-sticky.is-open .ll-stories-sticky__actions,
  .ll-shop-sticky.is-open .ll-shop-sticky__actions,
  .ll-toolkit-sticky.is-open .ll-toolkit-sticky__actions,
  .ll-benefits-sticky.is-open .ll-benefits-sticky__actions,
  .ll-wihs-sticky.is-open .ll-wihs-sticky__actions,
  .ll-about-sticky.is-open .ll-about-sticky__actions,
  .ll-site-sticky.is-open .ll-site-sticky__actions {
    gap: 0 !important;
  }

  .llwhs-v2-sticky.is-open .llwhs-v2-sticky__nav,
  .ll-blog-sticky.is-open .ll-blog-sticky__nav,
  .ll-join-sticky.is-open .ll-join-sticky__nav,
  .ll-stories-sticky.is-open .ll-stories-sticky__nav,
  .ll-shop-sticky.is-open .ll-shop-sticky__nav,
  .ll-toolkit-sticky.is-open .ll-toolkit-sticky__nav,
  .ll-benefits-sticky.is-open .ll-benefits-sticky__nav,
  .ll-wihs-sticky.is-open .ll-wihs-sticky__nav,
  .ll-about-sticky.is-open .ll-about-sticky__nav,
  .ll-site-sticky.is-open .ll-site-sticky__nav {
    margin-top: 0.35rem;
  }
}

/* Phone page change: do not animate the sticky bar shut.
   Closing a 100dvh bar (height + clip-path) while backdrop-filter is on
   parks the logo, Become a member button and hamburger in the middle of a
   blurred snapshot for 1–2s. Snap instead. Desktop open/close unchanged.
   Menu links also skip the close on phones (see sticky JS). */
@media (max-width: 720px) {
  .llwhs-v2-sticky,
  .ll-blog-sticky,
  .ll-join-sticky,
  .ll-stories-sticky,
  .ll-shop-sticky,
  .ll-toolkit-sticky,
  .ll-benefits-sticky,
  .ll-wihs-sticky,
  .ll-about-sticky,
  .ll-site-sticky,
  .llwhs-v2-sticky__bloom,
  .ll-blog-sticky__bloom,
  .ll-join-sticky__bloom,
  .ll-stories-sticky__bloom,
  .ll-shop-sticky__bloom,
  .ll-toolkit-sticky__bloom,
  .ll-benefits-sticky__bloom,
  .ll-wihs-sticky__bloom,
  .ll-about-sticky__bloom,
  .ll-site-sticky__bloom {
    transition: none !important;
  }
}