/** Shopify CDN: Minification failed

Line 441:2 Unexpected "}"

**/
details summary,
details summary *,
.accordion *,
.accordion__title,
.summary__title,
.collapsible-trigger *,
.collapsible-row *,
.product__accordion *,
button[aria-expanded],
button[aria-expanded] * {
  font-weight: 600 !important;
}
/* Klaviyo forms: no forced opacity, visibility, z-index or pointer-events here. Forcing them broke the
   pop-up's fade-in (it popped in off-position, then slid) and can leave invisible layers catching taps.
   Klaviyo sets its own stacking (z-index 90000), which already sits above the header, menu and cart. */

.wt-header__panel__item--cart .wt-header__panel__link {
  position: relative;
  overflow: visible !important;
}
.wt-header__panel__item--cart .wt-header__panel__counter {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: absolute !important;
  bottom: -2px;
  right: -4px;
  width: auto !important;
  min-width: 13px !important;
  height: 13px !important;
  padding: 0 2px !important;
  box-sizing: border-box !important;
  background: #042552 !important;
  color: #fff !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  text-indent: 0 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  overflow: visible !important;
  white-space: nowrap !important;
  border-radius: 999px;
  z-index: 1000;
  pointer-events: none;
}

/* Hide the cart count while the search drawer is open */
#header:has(.wt-header__search:focus-within) .wt-header__panel__counter,
#header:has(.wt-header__search.active) .wt-header__panel__counter,
#header:has(.wt-header__search[aria-expanded="true"]) .wt-header__panel__counter {
  display: none !important;
}

@media (max-width: 749px) {
  /* Header icons — search, cart, and menu share the cart icon's 26px size */
  #header .wt-header__search-trigger .svg-icon--search,
  #header .wt-header__panel__item--cart .svg-icon--bag,
  #header .wt-header__menu-trigger .svg-icon--bars {
    width: 26px !important;
    height: 26px !important;
  }

  /* Phone icon's artwork fills more of its box than the others, so it needs a smaller box to match visually */
  #header .wt-header__panel__item--account .svg-icon--phone {
    width: 21px !important;
    height: 21px !important;
  }

    .page-header-sticky .page-header.sticky-enabled {
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 1000;
  }
}

/* Mobile menu drawer close (X) button sits flush against the screen edge, hard to tap — move it in */
.wt-drawer--nav .wt-drawer__close {
  margin-right: 16px !important;
}

/* Announcement bar's two outer texts sit flush against the screen edge, looks stuck — move them in */
@media (min-width: 900px) {
  .wt-announcement__container--3col {
    padding: 0 64px !important;
  }
}
@media (min-width: 1200px) {
  .wt-announcement__container--3col {
    padding: 0 96px !important;
  }
}

/* ---- Carried over from the previous theme version's main stylesheet (combo builder, pre-order button and menu styles) ---- */
/* Full width wellness combo app */
.section-wt-apps,
.section-wt-apps .wt-apps__wrapper,
.section-wt-apps .page-width,
.section-wt-apps .shopify-block,
.section-wt-apps .bogos-bundle-page-view,
.section-wt-apps .bogos-bundle-page-body {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Force BOGOS bundle page full width */
#bogos-bundle-page-view,
#bogos-bundle-page-view *,
.bogos-bundle-page-body,
.bogos-bundle-page-container,
.bogos-bundle-page-content,
.bogos-bundle-page-offer,
.bogos-bundle-page-main {
  max-width: none !important;
}

#bogos-bundle-page-view,
.bogos-bundle-page-body,
.bogos-bundle-page-container,
.bogos-bundle-page-content,
.bogos-bundle-page-offer,
.bogos-bundle-page-main {
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}


/* Spacing for wellness combo page */

.bogos-bundle-page-view h1,
.bogos-bundle-page-view h2 {
    margin-bottom: 30px !important;
}

.bogos-bundle-page-view p {
    margin-bottom: 40px !important;
}

/* Space above bundle selector */
.bogos-bundle-page-body,
.bogos-bundle-page-container {
    margin-top: 30px !important;
}
button[data-essential-preorder-element="button"][id^="ProductSubmitButton-template"] {
  width: 100% !important;
  max-width: none !important;
  /* min-width: 100% !important; */
  display: block !important;
}

form:has(button[data-essential-preorder-element="button"][id^="ProductSubmitButton-template"]),
div:has(> button[data-essential-preorder-element="button"][id^="ProductSubmitButton-template"]) {
  width: 100% !important;
  max-width: none !important;
  /* min-width: 100% !important; */
  flex-basis: 100% !important;
}

button[data-essential-preorder-element="button"]:not([id]) {
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
.product__info-wrapper .product-form,
.product__info-wrapper .product-form form,
.product__info-wrapper .product-form__buttons,
.product__info-wrapper .product-form__submit,
.product__info-wrapper .shopify-payment-button,
.product__info-wrapper .shopify-payment-button__button {
  width: 100% !important;
  max-width: 100% !important;
}

.product__info-wrapper .product-form__buttons {
  display: block !important;
}

.product__info-wrapper .product-form__submit,
.product__info-wrapper .shopify-payment-button__button {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
/* Premium mobile menu styling */
@media screen and (max-width: 749px) {
  .menu-drawer,
  .mobile-menu,
  .drawer__content {
    background: #f8f9fb !important;
  }

  .menu-drawer__navigation,
  .mobile-menu__navigation {
    padding: 24px 20px !important;
  }

  .menu-drawer__menu-item,
  .mobile-menu__item,
  .list-menu__item {
    background: #ffffff !important;
    border: 1px solid rgba(7, 39, 83, 0.12) !important;
    border-radius: 16px !important;
    margin-bottom: 10px !important;
    padding: 17px 18px !important;
    color: #062b5f !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    letter-spacing: 0.06em !important;
    box-shadow: 0 8px 22px rgba(7, 39, 83, 0.04) !important;
  }

  .menu-drawer__menu-item svg,
  .mobile-menu__item svg {
    width: 18px !important;
    height: 18px !important;
  }

  .menu-drawer__utility-links,
  .mobile-menu__footer {
    background: #ffffff !important;
    border-top: 1px solid rgba(7, 39, 83, 0.1) !important;
    padding: 20px !important;
  }

  .menu-drawer__account,
  .mobile-menu__account {
    background: #062b5f !important;
    color: #ffffff !important;
    border-radius: 14px !important;
    padding: 14px 18px !important;
    font-weight: 700 !important;
    text-align: center !important;
  }
}

/* ---- Carried over from the previous theme version's main.css (buy button width, combo builder mobile fixes, cart drawer padding, chat icon) ---- */
.product-form,
product-form,
.product__add-to-cart_form,
.product-form__buttons,
.shopify-payment-button {
  width: 100% !important;
  max-width: 100% !important;
}

.product-form__submit,
.shopify-payment-button__button,
.shopify-payment-button__button--unbranded {
  width: 100% !important;
  max-width: 100% !important;
}
/* Full width normal Shopify Buy Now button */
.product__info-container product-form,
.product__info-container .product-form,
.product__info-container .product-form form,
.product__info-container .product-form__buttons {
  width: 100% !important;
  max-width: 100% !important;
  /* min-width: 100% !important; */
}

.product__info-container button[id^="ProductSubmitButton-template"],
.product__info-container .product-form__submit,
.product__info-container .button--full-width {
  width: 100% !important;
  max-width: 100% !important;
  /* min-width: 100% !important; */
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}/* Make standard Buy Now button full width */
.main-product__buy-buttons--container,
.wt-product__add-to-cart,
.wt-product__add-to-cart_form,
.wt-product__add-to-cart_form--wrapper {
  width: 100% !important;
  max-width: 100% !important;
  /* min-width: 100% !important; */
  flex: 1 1 100% !important;
}

.wt-product__add-to-cart_form--wrapper .product-form__submit,
.wt-product__add-to-cart_form--wrapper .button--full-width,
button[id^="ProductSubmitButton-template"] {
  width: 100% !important;
  max-width: 100% !important;
  /* min-width: 100% !important; */
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* FP */
/* svg.svg-icon.svg-icon--phone {
  width: 14px !important;
  height: 14px !important;
}  */
svg.svg-icon.svg-icon--phone {
          height:17px !important;
          width: 17px !important;
          position:relative; 
          top:2px !important;
        }
@media (max-width: 768px) {
  /* Keep the whole widget inside the screen */
  .bogos-bp-widget-container,
  .bogos-bp-widget {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
  }

  /* Let flex children shrink below their content width (the core fix) */
  .bogos-step-item,
  .bogos-step-item-info,
  .bogos-step-item-variant-quantity,
  .bogos-step-items-header,
  .bogos-bp-widget-header-info-container,
  .bogos-bp-widget-header-info {
    min-width: 0 !important;
  }

  /* Allow the product row to wrap instead of forcing one wide line */
  .bogos-step-item {
    flex-wrap: wrap !important;
  }

  /* Cap the product thumbnail */
  .bogos-step-item-img {
    width: 64px !important;
    height: auto !important;
    flex: 0 0 auto !important;
  }

  /* Wrap long product titles instead of overflowing */
  .bogos-step-item-title,
  .bogos-bp-widget-title {
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
    white-space: normal !important;
  }

  /* Stop the quantity box from dictating width */
  .bogos-bp-quantity-input {
    width: 40px !important;
    min-width: 0 !important;
  }

  /* Footer + CTA stay contained */
  .bogos-bp-widget-footer,
  .bogos-bp-button-add {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
}

/* Cart drawer padding */
@media screen and (max-width: 749px) {
  cart-drawer .drawer__inner,
  .cart-drawer,
  #CartDrawer,
  .drawer__inner,
  .cart-drawer__items,
  .cart-items,
  .drawer__contents {
    padding-left: 8px !important;
    padding-right: 8px !important;
    box-sizing: border-box !important;
  }
}
/* Tidio closed widget click blocking fix */
body:not(.tidio-chat-open) #tidio-chat {
  width: 160px !important;
  height: 220px !important;
  right: 0 !important;
  bottom: 260px !important;
  left: auto !important;
  top: auto !important;
  position: fixed !important;
  overflow: hidden !important;
  z-index: 9999 !important;
}

body:not(.tidio-chat-open) #tidio-chat iframe {
  width: 160px !important;
  height: 220px !important;
  max-width: 160px !important;
  max-height: 220px !important;
}

/* Let Tidio expand when chat is open */
body.tidio-chat-open #tidio-chat {
  width: 100vw !important;
  height: 100vh !important;
  right: 0 !important;
  bottom: 0 !important;
  left: auto !important;
  top: auto !important;
  position: fixed !important;
  overflow: visible !important;
  z-index: 999999 !important;
}

body.tidio-chat-open #tidio-chat iframe {
  width: 100vw !important;
  height: 100vh !important;
  max-width: none !important;
  max-height: none !important;
}

@media screen and (max-width: 749px) {
  body:not(.tidio-chat-open) #tidio-chat {
    width: 110px !important;
    height: 160px !important;
    right: 0 !important;
    bottom: 90px !important;
  }

  body:not(.tidio-chat-open) #tidio-chat iframe {
    width: 110px !important;
    height: 160px !important;
    max-width: 110px !important;
    max-height: 160px !important;
  }
}
  }
}

/* ---- Wonder 2.5 compatibility ---- */
/* The pre-order app copies the buy button with the theme's new button classes; keep it full width like before */
.wt-product__add-to-cart_form--wrapper .essential-preorder-container-active { width: 100% !important; }
.wt-product__add-to-cart_form--wrapper .essential-preorder-container-active [type="submit"] { width: 100% !important; max-width: 100% !important; display: flex !important; align-items: center !important; justify-content: center !important; }

/* nh mobile menu login: readable on the light menu panel */
.wt-page-nav-mega__aside .wt-page-nav-mega__login,
.wt-page-nav-mega__aside .wt-page-nav-mega__login .signed-out-text,
.wt-page-nav-mega__aside .wt-page-nav-mega__login .svg-icon,
.wt-page-nav-mega__aside .wt-page-nav-mega__aside-list__link{color:#042552!important;font-weight:500!important}
